网站开发实训报告

实训报告学号：201340420113教学院计算机课程名称网站开发实训专业网络工程班级网络工程1班姓名李潇指导教师李辉燕2015年12月15日目录一.实训目的.............................................................................2二.实训器材及环境.......................................................................2三．实训步骤.............................................................................23.1需求分析.........................................................................23.2数据库的设计.....................................................................23.3网站的实现.......................................................................33.3.1创建母版页.................................................................33.3.2web.config的配置.........................................................33.3.3类的设计...................................................................43.3.4发表留言功能的实现.........................................................53.3.5显示所有留言功能的实现.....................................................73.3.6管理员登录功能实现........................................................103.3.7实现管理员的删除功能......................................................103.3.8回复功能的实现............................................................12留言本系统一.实训目的1．巩固数据库访问技术；2．能够用项目开发的方法设计一个完整的程序；二.实训器材及环境1.计算机1台2.已装有ViaulStuio.net2010和MSSQLSERVER2000三．实训步骤3.1需求分析留言板的主要功能包括：前台显示留言信息访客发布留言管理员登陆后台功能管理员对留言板的管理-----删除留言、回复留言3.2数据库的设计本系统需要有两个数据表，一个为管理员数据表adminInfo，一个为留言用户表guestInfo。在SQLServer2005中创建一个名称为bookDB的数据库，在其中创建两个数据表guestInfo和adminInfo。其中，guestInfo表存储留言的用户信息包括留言信息；aiddminiInfo表存储系统管理员的信息。两个表的设计如下图如示。管理员数据表用户留言表3.3网站的实现3.3.1创建母版页为了使网站的各个页面具有统一的风格，创建母版页，表格宽度可设为800像素，页面参考如下：3.3.2web.config的配置为了便于修改连接字符串，将连接字符串放到web.config文件中。先运行程序生成web.config文件。打开web.config文件，如图所示：图片中红框处为connectionStrings节点，在web.config中使用ConnectionStrings节点设置数据库连接字串，设置方法如下：connectionStringsaddname=XXXConnectionStringconnectionString=连接字串//connectionStrings在程序中读取连接字符串的方法：ConfigurationManager.ConnectionStrings(XXXConnectionString).ConnectionString3.3.3类的设计由于多次获取数据库连接字符串，为了提高代码的可重用性.故将获取连接字符串的代码写到一个类中，此处可把类想象成函数的功能。1、添加类选择网站，右键添加新项，打开如图所示对话框，重命名为DB.CS，此类用来对数据库进行操作。点击添加，弹出如图所示对话框，选择是，将新建App_Code文件夹，此文件夹专门用来存放类文件。2、添加类代码打开DB.CS文件，在文件中添加红色方框中的代码：3.3.4发表留言功能的实现发表留言页面的功能是将用户提交的“用户名”、“头像”、“留言内容”信息写入到数据库中。1、选择网站，添加新项，选择Web窗体，选择母版页，如下图所示，选择前面创建的模板，点击添加，即可新建一个基于母版页的网页add.aspx。2、..............................................................................................................在add.aspx设计发表留言页面，参考界面如下txtNametxt.rblSexImage1连接数据库，需要引入命名空间定义一个静态函数，用来返回数据库连接对象3、在网站中新建一文件夹images，里面放入头像照片4、显示头像代码：在Page_Load事件里面添加如下代码：5、双击ddlpic控件，生成ddlpic_SelectedIndexChanged事件，在里面添加如下代码：this.Image1.ImageUrl=images/+ddlpic.SelectedValue;6、双击提交，添加如下代码：3.3.5显示所有留言功能的实现1、新建基于母版页的网页index.aspx，在工具栏中的“数据”控件中拖入一个DataList控件。选择编辑模板，在ItemTemplate中设计页面。2、ItemTemplate插入一个三行两列的表格，表格宽度为100%,设计页面参考如下，回复和删除为linkbutton按钮，回复按钮ID设为lbtnReply，删除按钮ID设为lbtnDelete。3、选择Label1,选择编辑DataBindings，如下图：打开对话框，选择自定义绑定，代码表达式如图，将数据库中的字段绑定到此控件上。其它控件的绑定方法一样，由于图片存放于images文件夹中，故图片的绑定方法如下图所示：4、结束模板的编辑，在DataList的下面添加如下内容,如图所示：5、在page_load事件前添加代码：stringcurPage;在page_load中添加代码如下：dataGridBind()为自定义的函数，因为要在程序中多次调用，函数的定义如下：lblPageCur，Text值设为1lblMesTotallblPageCur双击“首页”按钮，添加代码如下：双击“上一页”按钮，添加代码如下：双击“下一页”按钮，添加代码如下：双击“尾页”按钮，添加代码如下：6、显示留言功能3.3.6管理员登录功能实现1、新建一基于母版的网页login.aspx,页面参考如下图所示（界面可自行设定）：3、双击登录按钮，在按钮事件中添加代码如下：3.3.7实现管理员的删除功能1、编辑index.aspx页面的Datalist模板，选择删除按钮，选择编辑DataBindings,如图:打开如图所示对话框，在可绑定属性中选择.mandArgument，将其代码表达式绑定到Bind(“ID”)txtUserNametxtPwd回复按钮同理也是.mandArgument属性绑定到Bind(“ID”)2、选择删除按钮，添加.mand事件。操作如下：选择删除按钮，选择属性，打开如下图1所示对话框，按下图中红框中标出来的雷电标志，切换到事件对话框，如图2，双击.mand命令编写代码，红色框中所示。图1双击.mand命令，生成.mand事件，在.mand事件中添加代码如下（红框内的代码）：6、实现管理员的回复功能：3、和删除按钮操作一样，选择回复按钮，添加.mand事件，添加如下代码（红框内的代码）：3.3.8回复功能的实现1、在网站中新建一文件夹admin，在此文件夹下新建一基于母版的网页reply.aspx,在content中设计页面如下图所示，将文本框的ID设置为txtReply,双击回复按钮代码如下：在Page_Load事件中添加如下代码，只有管理员登陆才能加载页面，否则显示登录页面：实训成绩评定表实训总结：在这段时间实训过程中，以前不熟悉的概念现在渐渐清楚了，以前学的比较分散，现在可以将好多功能综合起来运用了，并且更加掌握以前不熟悉的知识。这段时间实训过程中学到了好多以前没有接触过的新概念和新功能，比以前了解的知识更加丰富了，对今后的学习有进一步的推进作用。学习过程中我熟悉并掌握各种控件，例如Label、TextBox、Button、LinkButton、CheckBox、Image、DropDownList等控件的功能以及如何使用。还有对于一些常用的数据控件，例如GridView,DataList,通过连接数据库，实现最终项目的实现。在做项目的过程中，有些代码不会写，通过翻书找概念或者百度搜索，找到后理解一下。在项目运行时，会出现很多的错误，点运行，错误列表会列出错误点，挨个寻找并解决，直到整个项目运行出来为止。实训中虽然一直呆在电脑面前，一直看着程序，看着代码，但是只要静下心来，跟着老师的思维走，及时记住老师所教的东西。而且还能锻炼我们的逻辑思维能力。经过为期两周的针对性实训，让我们能从真正意义上了解到ASP程序设计的用处，总算还是收获不少，对ASP的认识也更加的深刻了。教师评语：考勤成绩：，占总成绩比例10%平时成绩：，占总成绩比例20%实训报告成绩：，占总成绩比例70%实训总成绩：指导教师签字：年月日