网站开发实训报告.docx
《网站开发实训报告.docx》由会员分享,可在线阅读,更多相关《网站开发实训报告.docx(16页珍藏版)》请在冰豆网上搜索。
网站开发实训报告
学号:
201340420113
实训报告
教学院
计算机
课程名称
网站开发实训
专业
网络工程
班级
网络工程1班
姓名
李潇
指导教师
李辉燕
2015
年
12
月
15
日
一.实训目的2
二.实训器材及环境2
三.实训步骤2
3.1需求分析2
3.2数据库的设计2
3.3网站的实现3
3.3.1创建母版页3
3.3.2web.config的配置3
3.3.3类的设计4
3.3.4发表留言功能的实现5
3.3.5显示所有留言功能的实现7
3.3.6管理员登录功能实现10
3.3.7实现管理员的删除功能10
3.3.8回复功能的实现12
留言本系统
一.实训目的
1.巩固数据库访问技术;
2.能够用项目开发的方法设计一个完整的程序;
二.实训器材及环境
1.计算机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文件,如图所示:
图片中红框处为节点,在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、
txtName
在add.aspx设计发表留言页面,参考界面如下
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()为自定义的函数,因为要在程序中多次调用,函数的定义如下:
双击“首页”按钮,添加代码如下:
双击“上一页”按钮,添加代码如下:
双击“下一页”按钮,添加代码如下:
双击“尾页”按钮,添加代码如下:
6、显示留言功能
3.3.6管理员登录功能实现
1、新建一基于母版的网页login.aspx,页面参考如下图所示(界面可自行设定):
3、双击登录按钮,在按钮事件中添加代码如下:
3.3.7实现管理员的删除功能
1、编辑index.aspx页面的Datalist模板,选择删除按钮,选择编辑DataBindings,如图:
打开如图所示对话框,在可绑定属性中选择.mandArgument,将其代码表达式绑定到Bind(“ID”)
回复按钮同理也是.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,通过连接数据库,实现最终项目的实现。
在做项目的过程中,有些代码不会写,通过翻书找概念或者XX搜索,找到后理解一下。
在项目运行时,会出现很多的错误,点运行,错误列表会列出错误点,挨个寻找并解决,直到整个项目运行出来为止。
实训中虽然一直呆在电脑面前,一直看着程序,看着代码,但是只要静下心来,跟着老师的思维走,及时记住老师所教的东西。
而且还能锻炼我们的逻辑思维能力。
经过为期两周的针对性实训,让我们能从真正意义上了解到ASP程序设计的用处,总算还是收获不少,对ASP的认识也更加的深刻了。
教师评语:
考勤成绩:
,占总成绩比例10%
平时成绩:
,
占总成绩比例20%
实训报告成绩:
,
占总成绩比例70%
实训总成绩:
指导教师签字:
年月日