课程设计文档模板

JavaScript程序设计课程设计报告信息工程系二〇一六年一月课题名称小组成员学号姓名班级14计算机网络技术1班指导教师罗乐霞成绩福建船政交通职业学院课程设计报告1一、任务要求与总体设计1.1网站说明文字详细说明网站的功能，并画出网站结构图。如下图示：1.2课程设计目标详细说明用JavaScript实现什么功能，也可包含对网站整体色调的设计等其它与本次设计有关的内容福建船政交通职业学院课程设计报告2二、网站建设2.1任务分工安排编号工作任务计划完成时间负责人1.2.3.4.5.6.2.2网站文件说明说明系统各网页文件或文件夹的功能，需要列出和课程设计任务目标有关的重要文件。2.3网站主要界面的实现列出与课程设计任务目标有关页面的实现，每个页面的说明应包含以下内容：文字说明该页是什么功能，附页面的截图，对关键JavaScript代码的说明（可另外附加程序流程图说明）。以下为示例，可自行添加相应内容：1、注册页面当首页点击“注册”超链接后跳转到相关页面，为用户注册信息用，要求填写用户名、密码、城市和性别，以下是在该页面进行输入时出错的界面：福建船政交通职业学院课程设计报告3页面的主要HTML代码如下：formaction=ajax_post.phpclass=registerformullilabelclass=labelspanclass=need*/span中文名：/labelinputtype=textclass=inputxtValidform_errorname=namevalue=datatype=zh2-4nullmsg=请填写中文名！spanclass=Validform_checktipValidform_wrong请填写中文名！/span/lililabelclass=labelspanclass=need*/span密码：/labelinputtype=passwordclass=inputxtValidform_errorname=userpasswordvalue=datatype=*6-20nullmsg=请填写密码！spanclass=Validform_checktipValidform_wrong请填写密码！/span/lililabelclass=labelspanclass=need*/span确认密码：/labelinputtype=passwordclass=inputxtValidform_errorname=userpassword2value=datatype=*6-20recheck=userpasswordnullmsg=请福建船政交通职业学院课程设计报告4确认密码！spanclass=Validform_checktipValidform_wrong请确认密码！/span/lililabelclass=labelspanclass=need*/span所在城市：/labelselectname=provincedatatype=*nullmsg=请选择所在城市！class=Validform_erroroptionvalue=请选择城市/optionoptionvalue=1瑞金市/option/selectspanclass=Validform_checktipValidform_wrong请选择所在城市！/span/lililabelclass=labelspanclass=need*/span性别：/labelinputtype=radioclass=pr1Validform_errorid=malename=gendervalue=1datatype=*nullmsg=请选择性别！labelfor=male男/labelinputtype=radioclass=pr1id=femalename=gendervalue=2labelfor=female女/labelspanclass=Validform_checktipValidform_wrong请选择性别！/span/li/uldivclass=actioninputtype=submitvalue=注册inputtype=resetvalue=重置/div/form…………（省略）当点击“注册“按钮时，调用Jquery验证插件Validform对输入的文字进行验证，在head处导入相关文件，并在页面加载后加入验证，上述HTML中包含了该插件的设置：验证类型、错误信息，代码如下：福建船政交通职业学院课程设计报告5scripttype=text/javascriptsrc=/js/jquery.min.js/scriptscripttype=text/javascriptsrc=/js/Validform.min.js/scriptscripttype=text/javascriptsrc=/js/Validform.datatype.js/scriptscripttype=text/javascriptjQuery(function(){$(.registerform).Validform({tiptype:3,label:.label,showAllError:true,}});});//给表单registerform添加验证插件进行验证/script2.4待改进的功能说明设计中有哪些地方与原计划不符，有何缺失，可如何改进和扩展，还有哪些未完成的功能三、设计小结小组中每个人的体会、获得的经验、自学并应用的新知识，不少于200字四、参考资料写出课程设计过程中所用的所有资料来源，格式如下：[1]JavaScript与jQuery实战教程，卢淑萍、樊红珍、徐红波、王涛、黄伟民编，清华大学出版社，2014年1月[2]强大的JavaScript表单验证插件，程序设计课程设计工作记录表与成绩评定表学号姓名网站名承担的设计任务工作记录（日志）日期，工作内容，遇到的问题、获得的帮助及解决方法（打印填写时请将此行删除）评价项目成绩比例评价标准得分1、团队合作10%优具有良好的团队合作精神，具有一定的领导力，热心帮助小组其他成员良具有较好的团队合作精神，共同协作，成员全部参与中具有团队合作精神，能与小组其他成员合作完成任务及格能配合小组完成项目任务不及格没有或较少参与团队项目2、学习态度及考勤20%优积极、准时完成所布置任务，任务完成质量高，并满勤良准时、全面完成所布置任务，并满勤中完成所布置任务内容，缺勤不超过5%及格基本完成所布置任务，缺勤不超过10%不及格不能完成任务或缺勤30%3、项目成果70%优网站灵活运用了HTML、CSS、JavaScript新技术。界面实用、美观、友好，兼顾主流多浏览器，在主流分辨率下显示正常。程序有一定难度，正确跳转相应功能页面。报告清晰、完整，逻辑性强，条理清晰，有独到的设计方法。良网站较好运用了JavaScript新技术。界面友好，兼顾2-3种主流多浏览器，在1个主流分辨率下显示正常。程序有一定难度，正确跳转相应功能页面。报告清晰、完整。设计报告条理清晰。中网站正确使用了JavaScript技术，界面友好，在2个主流浏览器下显示正常。完成设计目标中的功能，正确跳转相应功能页面。报告清晰、完整。设计报告条理清晰。及格网站正确运用了JavaScript技术。界面基本合格，在1个主流浏览器下显示基本正常。基本完成设计目标中的功能，超链接地址部分不正确。报告基本完整,编写缺乏条里。不及格浏览网页时，运行时错误较多。界面不友好或不兼容主流浏览器显示，浏览不方便。报告编写缺乏条里。总评成绩指导老师签字日期：备注