教 学 院
计算机 网站开发实训
目录
课程名称
一. 实训目的 ..............................................................
网络工程 专 业 二. 实训器材及
班 级 姓 名
网络工程1班
李潇
环境 ....................
三．实训步骤 ..............................................................
3.1需求分3.2数据库
指导教师 年 12 月 15 日 2015
李辉燕
析 ......................
的设计 ..................
3.3 网站的实现 ........................................................
3.3.1 创建母版页 .................................................. 3.3.2 web.config的配置 .......................................... 3.3.3 类的设计 .................................................... 3.3.4 发表留言功能的实现 .......................................... 3.3.5 显示所有留言功能的实现 ...................................... 3.3.6 管理员登录功能实现 .......................................... 3.3.7 实现管理员的删除功能 ........................................ 3.3.8回复功能的实现 ..............................................
留言本系统
一. 实训目的
1．巩固数据库访问技术；
2．能够用项目开发的方法设计一个完整的程序；
二. 实训器材及环境
1. 计算机 1台
2. 已装有Viaul Stuio.net 2010和MS SQL SERVER 2000
三．实训步骤
3.1需求分析
留言板的主要功能包括： 前台显示留言信息 访客发布留言
管理员登陆后台功能
管理员对留言板的管理-----删除留言、回复留言
3.2数据库的设计
本系统需要有两个数据表，一个为管理员数据表adminInfo，一个为留言用户表guestInfo。
在SQL Server 2005中创建一个名称为bookDB的数据库，在其中创建两个数据表guestInfo和adminInfo。其中，guestInfo表存储留言的用户信息包括留言信息；aiddminiInfo表存储系统管理员的信息。两个表的设计如下图如示。
管理员数据表 用户留言表
3.3 网站的实现 3.3.1 创建母版页
为了使网站的各个页面具有统一的风格，创建母版页，表格宽度可设为800像素，页面参考如下：
3.3.2 web.config的配置
为了便于修改连接字符串，将连接字符串放到web.config文件中。先运行程序生成
web.config文件。打开web.config文件，如图所示：
图片中红框处为< connectionStrings >节点，在web.config中使用ConnectionStrings
节点设置数据库连接字串，设置方法如下：
在程序中读取连接字符串的方法：
ConfigurationManager.ConnectionStrings(\"XXXConnectionString\").ConnectionString
3.3.3 类的设计
由于多次获取数据库连接字符串，为了提高代码的可重用性.故将获取连接字符串的代码写到一个类中，此处可把类想象成函数的功能。
1、添加类
选择网站，右键添加新项，打开如图所示对话框，重命名为DB.CS，此类用来对数据库进行操作。
点击添加，弹出如图所示对话框，选择是，将新建App_Code文件夹，此文件夹专门用来存放类文件。
2、添加类代码
打开DB.CS文件，在文件中添加红色方框中的代码：
3.3.4 发表留言功能的实现
连接数据库，需要引入
发表留言页面的功能是将用户提交的“用户名”、“头像”、“留言内容”信息写入到数据定义一个静态函数，用库中。
1、选择网站，添加新项，选择Web窗体，选择母版页，如下图所示，选择前面创建的模板，点击添加，即可新建一个基于母版页的网页add.aspx。
2、 .............................................................................................................. 在add.aspx
txtName 面设计发表留言页，参考界面如下
rblSex txtQQ
3、在网站中新建一文件夹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的下面添加如下内容,如图所示：
5、在page_load事件前添加代码： lblPageCurlblMesTostring curPage; lblPageC在page_load中添加代码如下：
dataGridBind()为自定义的函数，因为要在程序中多次调用，函数的定义如下：
双击“首页”按钮，添加代码如下： 双击“上一页”按钮，添加代码如下： 双击“下一页”按钮，添加代码如下： 双击“尾页”按钮，添加代码如下： 6、显示留言功能
3.3.6 管理员登录功能实现
1、新建一基于母版的网页login.aspx,页面参考如下图所示（界面可自行设定）：
txtUserName txtPwd
3、双击登录按钮，在按钮事件中添加代码如下：
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,通过连接数据库，实现最终项目的实现。 在做项目的过程中，有些代码不会写，通过翻书找概念或者百度搜索，找到后理解一下。在项目运行时，会出现很多的错误，点运行，错误列表会列出错误点，挨个寻找并解决，直到整个项目运行出来为止。 实训中虽然一直呆在电脑面前，一直看着程序，看着代码，但是只要静下心来，跟着老师的思维走，及时记住老师所教的东西。而且还能锻炼我们的逻辑思维能力。经过为期两周的针对性实训，让我们能从真正意义上了解到ASP程序设计的用处，总算还是收获不少，对ASP的认识也更加的深刻了。 教师评语： 考勤成绩： ， 占总成绩比例10% 平时成绩： ， 实训报告成绩： ， 实训总成绩： 占总成绩比例20% 占总成绩比例70% 指导教师签字： 年 月 日
因篇幅问题不能全部显示，请点此查看更多更全内容