网站开发实训指导书.docVIP

网站开发实训指导书 --留言本系统 一. 实训目的 1．巩固数据库访问技术； 2．能够用项目开发的方法设计一个完整的程序； 二. 实训器材及环境 1. 计算机 1台 2. 已装有Viaul Stuio.net 2005和MS SQL SERVER 2000 三. 实训内容 1．实现程序功能 2. 书写实训报告 四. 实验学时 20学时 五．实训步骤 5.1需求分析 留言板的主要功能包括： 前台显示留言信息 访客发布留言 管理员登陆后台功能 管理员对留言板的管理删除留言、回复留言 5.2数据库的设计 本系统需要有两个数据表，一个为管理员数据表adminInfo，一个为留言用户表guestInfo。 在SQL Server 2000中创建一个名称为bookDB的数据库，在其中创建两个数据表guestInfo和adminInfo。其中，guestInfo表存储留言的用户信息包括留言信息；adminiInfo表存储系统管理员的信息。两个表的设计如下图如示。 管理员数据表 用户留言表 ID 留言者姓名 留言者性别 留言者qq 留言者的Email 留言内容 留言回复内容 留言者头像 留言发布时间 5.3 网站的实现 5..3.1 创建母版页 为了使网站的各个页面具有统一的风格，创建母版页，表格宽度可设为800像素，页面参考如下： 5..3.2 web.config的配置 为了便于修改连接字符串，将连接字符串放到web.config文件中。先运行程序生成web.config文件。打开web.config文件，如图所示： 图片中红框处为 connectionStrings 节点，在web.config中使用ConnectionStrings节点设置数据库连接字串connectionStrings add name=XXXConnectionString connectionString= 连接字串 //connectionStrings 代码参考如下（根据自己的数据库的登录方式写连接字符串）： 在程序中读取： ConfigurationManager.ConnectionStrings(XXXConnectionString).ConnectionString 5.3.3 类的设计 由于多次获取数据库连接字符串，为了提高代码的可重用性. 5.3.4 发表留言功能的实现 发表留言页面的功能是将用户提交的“用户名”、“头像”、“留言内容”信息写入到数据库中。 选择网站，添加新项，选择Web窗体，选择母版页，如下图所示，选择前面创建的模板，点击添加，即可新建一个基于母版页的网页add.aspx。 在add.aspx设计发表留言页面，参考界面如下(界面可以自己美化,ID 值仅为参考)： 3、在网站中新建一文件夹images，里面放入头像照片（参见素材） 4、 显示头像代码： 在Page_Load事件里面添加如下代码： 5、双击ddlpic控件，生成ddlpic_SelectedIndexChanged事件，在里面添加如下代码： this.Image1.ImageUrl = images/ + ddlpic.SelectedValue; 注意：为了使SelectedIndexChanged事件起作用，必须设计ddlpic控件的AutoPostBack属性为true； 6、双击提交，添加如下代码： 注意：凡是对数据库操作的代码均添加命名空间using System.Data.SqlClient;后面不再说明。 5.3.5 显示所有留言功能的实现 1、新建基于母版页的网页index.aspx，在工具栏中的“数据”控件中拖入一个DataList控件。选择编辑模板，在ItemTemplate中设计页面。 2、ItemTemplate插入一个三行两列的表格，表格宽度为100%,设计页面参考如下，回复和删除为linkbutton按钮，回复按钮ID设为lbtnReply，删除按钮ID设为lbtnDelete。 3、选择Label1,选择编辑DataBindings，如下图： 打开对话框，选择自定义绑定，代码表达式如图，将数据库中的字段绑定到此控件上。 其它控件的绑定方法一样，由于图片存放于images文件夹中，故图片的绑定方法如下图所示： 4、结束模板的编辑，在DataList的下面添加如下内容,如图所示： 5、在page_load事件前添加代码： string curPage; 在page_load中添加代码如下： dataGridBind()为自定义的函数，因为要在程序中多次调用，函数的定义如下： 双击“首页”按钮，添加代码如下： 双击“上一页”按钮，添加代码如下： 双击“下一页”按钮，添加代码如下： 双击“尾页”按钮，添加代码如下： 6、显