动态网页留言板制作核心技能训练指导书.docx

1、动态网页留言板制作核心技能训练指导书河南理工大学高等职业学院 网页设计与制作核心技能训练报告系 部 信息工程系 专 业 计算机应用技术 班 级 计算机11-1 姓 名 指导教师 2013年10月25日目录第一章 实训对象、时间及地点 2第二章 实训意义 2第三章 实训目的 2第四章 实训要求 2第五章 数据库及表 3第六章 结构图 5第七章 运行界面及主要代码 5第八章 实训总结 10第一章 实训对象、时间及地点1.实训对象：计算机应用技术专业2011级学生。2.实训时间：第7、8教学周3.实训地点：四机房第二章 实训意义网页设计与制作核心技能训练是教学过程中重要的实践性教学环节。它是根据专业

2、教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好核心技能训练，对实现本专业的培养目标，提高学生的综合素质有着重要的作用。第三章 实训目的1通过核心技能训练进一步巩固、深化和扩展学生的理论知识与专业技能。（1）掌握规划网站的内容结构、目录结构、链接结构的方法。（2）熟练掌握应用网页制作软件Dreamweaver进行静态网页的设计与制作。（3）熟练掌握在VS2005+SQL Server环境下进行

3、动态网页的开发与设计。2训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。3培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。5训练和培养团队协作精神和共同开发网站的综合能力。第四章 实训要求1动手制作网页之前，必须认真做好网站的需求分析，策划好网站的主题，规划好网站的风格和结构，创建完善的目录结构以及规划好所需的网页大致数量及其所具有的功能。2制作网页前，收集

4、好所需的文字资料、图像资料、flash动画和网页特效。3所创建的网站至少包括9个页面，分为三层，第一层为首页，第二层为4个以上二级子页，第三层为4个以上内容页。要求：（1）首页采用表格或DIV+CSS进行布局，必须包含导航栏；（2）4个二级子页和4个以上内容页根据需要可以是框架网页、表单网页、利用模板制作的网页、利用布局表格制作的网页、层布局的网页、应用JavaScript制作特效的网页、应用行为制作特效的网页等；（3）各个页面根据需要插入合适的图像和Falsh动画，首页要求插入背景音乐。（4）所有页面要求内容充实、布局合理、颜色搭配协调、美观大方；各个页面之间导航清晰、链接准确无误。（5）至

5、少有一个页面结合数据库技术来实现一种动态功能（比如注册、登陆、动态新闻发布更新、发帖、管理留言等）。4网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解。5实训过程中既要虚心接受老师的指导，又要充分发挥主观能动性、独立思考、努力钻研、勤于实践、勇于创新。6在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。7小组成员之间，既要分工明确，又要密切合作，培养良好的互助、协作精神。8实训期间，严格遵守学校的规章制度，不得迟到

6、、早退、旷课。缺课节数达三分之一以上者，实训成绩按不及格处理。第五章 数据库及表创建一个名为db-LeaveWordBook 的数据库，在数据库中创建表tb-LeaveWord、tb-Reply和tb-User，表中内容分别为（表1）（表2）（表3）第六章 结构图第七章 运行界面及主要代码运行首页界面，如图1 （图1）查看主题界面，可在主页右边查看，点击各个主题即可查看各个留言内容，例子：点击“大家好”主题跳转页面至，如图2（图2）点击“我要回复”，跳转至 （图3）提交按钮的代码：SqlData da = new SqlData(); string cmdtxt = INSERT INTO t

7、b_Reply(UName,Content,DateTime,ReplyID,IP); cmdtxt += VALUES( + this.txtUid.Text + , + this.FreeTextBox1.Text + , + DateTime.Now + ; cmdtxt += , + RequestID.ToString() + , + Request.UserHostAddress + ); if (da.ExceSQL(cmdtxt) Response.Write(alert(操作成功！);location=LeaveWordView.aspx?ID=+RequestID+); e

8、lse Response.Write(alert(操作失败！); 重置及返回按钮的代码function Button1_onclick() history.go(-1);function Reset2_onclick() 点击“查看回复”，跳转至（图4）点击“我要回复”，跳转至 （图5）注意：运行以下界面前需要输入用户名及密码（用户名：admin，密码admin） (图6)在此界面输入用户名及密码点击主界面 “发表留言”，跳转至 （图7）书写主题及留言内容点击提交返回（图1）并在其中看到新添加的主题点击主界面“用户注册”，跳转至 （图8）点击“同意”按钮，跳转至 （图9）点击“不同意”按钮，跳

9、转至（图1）点击主界面“我的留言”，即可查看所有留言，如图 （图10）点击“查看回复”，跳转至（图11）点击主界面“留言管理”，即可编辑留言，如图（图12）各个页面之间的跳转代码为li查看主题 发表留言 用户注册 我的留言 留言管理 注意：Index.aspx：主页面 LeaveWordBack.aspx：回复留言 LeaveWordManage.aspx：留言信息管理 LeaveWordView.aspx：回复信息管理 Login.aspx：登陆管理 MyWord.aspx：留言信息管理 Register.aspx：用户注册 ReleaseWord.aspx：发表留言界面 ShowWord.

10、aspx：留言信息管理第八章 实训总结 通过本次课程核心技能训练指导，我感受颇多，尽管上课时也认真听了老师的讲课，但是已开始面对自己的题目时，还是有些不知所措，都不知道如何下手，后来去图书馆借了几本相关的书籍，心里在感觉有了一些底。经过这段时间来的学习与编码，总算还是收获不少，对ASP.Net的认识也更加的深刻了。在这个过程中，我感觉就像人生的一个缩影，充满了酸甜苦辣。当一个问题想了好久也无法解决时，我感到沮丧与无助。当经过努力解决了一个程序上的难题时，我感到无比的喜悦。经过了这次磨练，我又一次感受到只有付出才能有收获，成功永远是属于不懈努力的人们的。不过经过这几个星期来的不断拼搏，虽然有一点

11、成功的喜悦，但是我依然感受到我的这个留言板网站依然还有很多不足的地方，我将在以后的时间好好完善它，以求能使我的这个网站系统能达到一个更加高的水平，同时也能从中获得更加多的宝贵的经验。 通过这次ASP.Net网站设计的制作，使我的编程能力有了一定程度的提高，同时让我发现自己知识结构的欠缺。虽然系统的基本功能已经实现，但还是存在很多不稳定的问题尚待解决。制作一个完整的动态网站，最重要的是细心，并不是一定要做到面面俱到，不管是什么系统，只有运用到实际应用中，才具有现实意义。在制作的初期，一定要做好需求分析，建立好完整的系统数据库。数据库是系统的根本，一个良好的数据库能使你的系统开发效率大大提高，反之

12、必然导致系统开发的失败。在准备工作中，做好大体的系统框架，再进一步的细化功能模块。我们不能做到面面俱到，但一定要做到步步扎实，也要时刻保持头脑的清醒，以现实为依据，让每一行代码都在你的控制范围内。通过这次课程设计，我收获的不仅仅是课堂上只是在实际中的应用，还有编程的基本习惯和涉及留言板要注意的流程和可能出现的问题和解决方案。实训是培养学生综合运用所学知识、发现、提出、分析和解决实际问题, 锻炼实践能力的重要环节,是对学生实际工作能力的具体训练和考察过程.随着科学技术发展的日新日异，网站设计已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网站的开发技术是十分重要的。