留言板实训报告

学号：实训报告教学院 计算机目录课程名称 网站开发实训一.实训目的业网络工程专二.实训器材及级网络工程1环境班班三．实训步骤名李潇姓年日201512月153.1需求分李辉燕析指导教师3.2数据库的设计3.3 网站的实现3.3.1 创建母版页3.3.2web.config 的配置3.3.3 类的设计3.3.4 发表留言功能的实现 3.3.5 显示所有留言功能的实现 3.3.6 管理员登录功能实现 3.3.7 实现管理员的删除功能 3.3.8 回复功能的实现留言本系统一. 实训目的1．巩固数据库访问技术；2．能够用项目开发的方法设计一个完整的程序；.实训器材及环境计算机1台2. 已装有ViaulS2010 和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 节点设置数据库连接字串，设置方法如下：<connectionStrings><addname="XXXConnectionString"connectionString=" 连接字串"/></connectionStrings>在程序中读取连接字符串的方法：ConfigurationManager.ConnectionStrings("XXXConnectionString").ConnectionString3.3.3 类的设计由于多次获取数据库连接字符串， 为了提高代码的可重用性 .故将获取连接字符串的代码写到一个类中，此处可把类想象成函数的功能。1、添加类选择网站，右键添加新项，打开如图所示对话框，重命名为DB.CS，此类用来对数据库进行操作。点击添加，弹出如图所示对话框，选择是，将新建App_Code文件夹，此文件夹专门用来存放类文件。2、添加类代码打开DB.CS文件，在文件中添加红色方框中的代码：连接数据库，需要引入命定义一个静态函数，用来3.3.4 发表留言功能的实现发表留言页面的功能是将用户提交的“用户名” 、“头像”、“留言内容”信息写入到数据库中。1、选择网站，添加新项，选择 Web窗体，选择母版页，如下图所示，选择前面创建的模板，点击添加，即可新建一个基于母版页的网页 add.aspx。2、txtName在add.aspx设计发表留言页面，参考界面如下rblSextxtQQImage1ddlPic3、在网站中新建一文件夹 images，里面放入头像照片4、显示头像代码：在Page_Load事件里面添加如下代码：5、双击ddlpic 控件，生成ddlpic_SelectedIndexChanged 事件，在里面添加如下代码：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 的下面添加如下内容,如图所示：lblMesTot lblPageCur lblPageCu5、在page_load事件前添加代码：string curPage;在page_load中添加代码如下：dataGridBind() 为自定义的函数，因为要在程序中多次调用，函数的定义如下：双击“首页”按钮，添加代码如下：双击“上一页”按钮，添加代码如下：双击“下一页”按钮，添加代码如下：双击“尾页”按钮，添加代码如下：6、显示留言功能3.3.6 管理员登录功能实现1、新建一基于母版的网页 login.aspx, 页面参考如下图所示（界面可自行设定）：txtUserNametxtPwd3、双击登录按钮，在按钮事件中添加代码如下：3.3.7 实现管理员的删除功能1、编辑index.aspx 页面的Datalist 模板，选择删除按钮，选择编辑 DataBindings,如图:打开如图所示对话框，在可绑定属性中选择 CommandArgument，将其代码表达式绑定到Bind(“ID”)回复按钮同理也是 CommandArgument属性绑定到Bind(“ID”)2、选择删除按钮，添加 command事件。操作如下：选择删除按钮，选择属性，打开如下图1所示对话框，按下图中红框中标出来的雷电标志，切换到事件对话框，如图2，双击command命令编写代码，红色框中所示。图1双击Command命令，生成Command事件，在Command事件中添加代码如下（红框内的代码）：6、实现管理员的回复功能：3、和删除按钮操作一样，选择回复按钮，添加 Command事件，添加如下代码（红框内的代码）：3.3.8 回复功能的实现1、在网站中新建一文件夹admin，在此文件夹下新建一基于母版的网页reply.aspx,在content中设计页面如下图所示，将文本框的ID设置为txtReply,双击回复按钮代码如下：在Page_Load事件中添加如下代码，只有管理员登陆才能加载页面，否则显示登录页面：实训成绩评定表实训总结：在这段时间实训过程中，以前不熟悉的概念现在渐渐清楚了，以前学的比较分散，现在可以将好多功能综合起来运用了，并且更加掌握以前不熟悉的知识。这段时间实训过程中学到了好多以前没有接触过的新概念和新功能，比以前了解的知识更加丰富了，对今后的学习有进一步的推进作用。?学习过程中我熟悉并掌握各种控件，例如 Label、TextBox、Button、LinkButton、CheckBox、Image、DropDownList等控件的功能以及如何使用。?还有对于一些常用的数据控件，例如GridView,DataList,通过连接数据库，实现最终项目的实现。在做项目的过程中，有些代码不会写，通过翻书找概念或者百度搜索，找到后理解一下。在项目运行时，会出现很多的错误，点运行，错误列表会列出错误点，挨个寻找并解决，直到整个项目运行出来为止。实训中虽然一直呆在电脑面前，一直看着程序，看着代码，但是只要静下心来，跟着老师