《网站设计与建设》实习 留言板系统Word文件下载.docx
《《网站设计与建设》实习 留言板系统Word文件下载.docx》由会员分享,可在线阅读,更多相关《《网站设计与建设》实习 留言板系统Word文件下载.docx(15页珍藏版)》请在冰豆网上搜索。
![《网站设计与建设》实习 留言板系统Word文件下载.docx](https://file1.bdocx.com/fileroot1/2022-12/11/555f58be-db78-4405-83e5-fc579924b531/555f58be-db78-4405-83e5-fc579924b5311.gif)
一、实习题目
小瑶天空留言板(留言板系统)
二、实习的性质、目的和任务
1、实习性质
实习是课程教学中的一项重要内容,是完成教学计划达到教学目标的重要环节,是教学计划中综合性较强的教学环节,它对帮助学生全面牢固地掌握课程教学内容,培养学生的实践和实际动手能力,提高学生全面素质具有很重要的意义。
《网站设计与建设》是一门使用性和实践性很强的课程,实训环节在其中占有重要的地位。
2、实习目的、任务
通过本次实习,全面提高学生网站建设能力,包括网站服务器的搭建、静态和动态页面的设计开发、Web数据库与访问技术。
特别要强化编写及调试ASP程序的能力。
三、网站设计与制作
1、题目选择
随着网络技术的飞速发展,兴起了网络的热潮,一些公司正在积极建立自己的网站,一些大学也已经开设了网络相关的专业及课程。
同时网站的重要性也越来越重要。
而作为网站中交流的中心,留言板起到了至关重要的地位。
它有助于版主收集网站的反馈信息,也是客户通过网络收集信息的有力工具。
留言板在一个网站具有很重要的地位,随着上网的普及,留言板已经不是什么新鲜事物了。
2、设计思想
留言板是一种电子便签管理系统,是用ASP或其它脚本语言编写的网络应用程序。
在网络用户交流中起很大的作用,每个人都可以将他的资料和要求等信息保留在页面上,以供他人观看。
留言板供其他网友给自己留言,或者临时存放自己的感受。
留言操作相对简单,在您进入网站后,进入任何一个留言板或社区均可以看到有输入框,输入后提交即可。
留言板提供完备的信息发布功能,在网络用户交流中也有很大的作用。
而我的这个留言板仅仅是简单的留言和管理员对留言板进行设置和进行回复、删除管理的工具。
该留言板简单但实用,而且具备了大多数留言板的基本功能。
十分适合于中小型网站使用。
3、网站功能
1)留言板功能设计
留言板作为大型网站其中的一个功能模块,主要实现如下功能:
1)显示用户留言信息
2)用户进行留言操作
3)管理员添加用户操作
4)管理员具有删除留言、审核的权限
5)管理员具有回复留言的功能
6)用户可以查看好友既所有用户
2)前台结构图
图1前台结构图
3)后台功能
后台是网站管理员一个操作平台,通过后台,可以方便管理员对数据库中的数据库进行管理操作。
如留言删除和修改等操作。
4)后台结构图
图2后台结构图
4、数据库设计
数据库的主要功能是存储与管理数据,是动态网站实现互动效果的一个非常重要的核心成员。
MicrosoftOfficeAccess数据库是目前比较流行的数据库管理系统,属于比较简单的小型数据库系统。
而企业网站主要用来宣传企业形象与企业产品,所以这里选择Access建立数据库。
根据网站所要实现的功能分析,数据库及数据库中的表结构如下:
数据库名称为SHUJUKU.mdb,该数据库中共需建立4个表,分别如下:
admin表(管理员信息表)
字段名称
数据类型
说明
编号
自动编号
Username
文本
用户名
Pwd
密码
数据表(留言内容与信息)
5、数据库连接
在网站制作中,会频繁用到连接数据库的代码,为了避免写错代码、重复多次输入该段代码,于是将这段代码提出来做为一个单独的文件,将其命名为“conn.asp”,以后用到时只要引用数据库即可,如<
!
--#includefile=“conn.asp”-->
方便又不容易出错,从而提高制作效率。
本网站实现数据库连接的方法采用OLEDB连接字符串,代码如下:
<
%
setconn=server.CreateObject("
adodb.connection"
)
conn.open"
provider=microsoft.jet.oledb.4.0;
datasource="
&
server.MapPath("
../data/SHUJUKU.mdb"
%>
6、网站题目和LOGO
本网站题目为:
小瑶天空留言板
Logo:
Logo是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节。
使人们在看到logo的同时,自然的产生联想,从而对企业产生认同。
logo与企业的经营紧密相关,是企业日常经营活动、广告宣传、文化建设、对外交流必不可少的元素。
该网站logo以长方形基础,背景色为粉色,长方形里面打上小瑶天空QQ415270934下面就是留言板的logo。
图3网站LOGO
7、网站各页面的实现
1)网站首页(DEFAULT.asp)
整体以表格布局,然后在表格里嵌入表格。
清新的布局使游客们一目了然。
logo和banner结合,使布局更加完美。
使用可爱的动画效果,留言使用表情。
粉色系寓意浪漫,粉色代表青春,粉色带来恋爱运,粉色,代表期待爱情。
深粉色表示感谢,粉红色代表了稚嫩、柔弱、美好的回忆。
图4首页
首页中鼠标经过图像效果,如图5、图6所
图5鼠标离开效果
图6鼠标经过效果
2)留言管理(Del.asp)
网页主体以表格布局,再嵌套表格,表格中显示内容,内容是直接从数据库中读出来的,方便以后要更改内容的话只要进入数据库中改就可以了。
图7留言管理
3)管理登陆(ADMIN.asp)
页面使用浪漫的粉色系,本站只支持管理员登陆。
图8登陆页面
图9填写密码
4)版主空间(QQ空间链接)方便与版主联系
图10QQ空间链接
5)发表留言(add.asp)
本页采用精选的卡通人物,与QQ表情的结合使留言板更加富有生命气息。
还赢得了大众门的喜爱。
下面填写时默认显示的信息。
图11留言页面
填写用户信息,本站不需要注册。
直接在页面上发表自己的信息,方便大众避免麻烦的注册
图12填写留言
图12是一个跳转页面,有了它使页面更加富有活力。
图13发表留言跳转页面
发表成功了。
看着美观,还有卡通人物,表情。
图14发表成功预览
6)回复留言
点击留言版中,回复按钮。
图15选择要回复的人
弹出回复页面
图16回复主页
添加回复内容
图17回复内容填写
图18回复内容跳转页
回复成功
图19回复完成
7)后台登录页(Login.asp)
该页管理员要输入用户名和密码才能进去,客户是不能进去的。
图20登录页
后台首页由留言管理,删除、退出系统组成,也都做了超链接,名为Del.asp。
图20是留言管理页面,它包含了删除,发表功能。
这样的设计方便管理员的修改操作。
图21后台留言管理
下面的图片是管理员删除留言的操作,可以多选删除,也可以逐个删除,还可以查询删除。
图22后台留言删除成功
本页面是删除留言之后的内容,也是证明删除成功。
图23留言删除成功预览
8)管理员密码修改,管理员修改用了我精心设计在留言内容下方的,这样比较方便管理员的管理
图24点击修改密码
修改密码
图25修改密码
填写自己想要设置的密码,完成后点击修改。
这样设计是为了简单,实用。
图26输入新密码
修改完成后点击返回留言板
图27修改成功返回留言板
图28验证密码
经过测试密码修改成功
四、实习总结
经过这次实习我领悟到了实习的重要性。
实习是培养学生综合运用所学知识,发现、提出、分析和解决实际问题,通过上机练习来培养我们自身实践能力,这次网站建设就是其中之一。
在开发网站的同时,和同学们之间的相互探讨也使我受益匪浅。
转眼间二周的网站建设实习结束了,回顾这次课程设计,我获得了很大的收获。
从老师讲解到自己开始制作,操作过程中不仅巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识,这次的实习我对数据库有了更深一步的认识,尤其是在做asp连接数据库时,我遇到了很多的麻烦,通过上网查找与同学交流我很快的克服了难关连接成功数据库。
通过这次实习,使自己明白了编写程序,不仅要求对课本知识有较深的了解,同时要求设计者有较强的思维和动手能力。
还要熟悉常用的设计技巧和编程思维,不能只关心网站设计的运行结果,更要注重设计的过程结构,编程者更要有严谨的态度。
还有通过实习中大量的查阅网络文章,对一些关键知识点逐个地了解并解决相关问题。
所以网络这个强大的工具,确实是我们学习之中可以借助的一个好帮手。
在这次实习中老师给予我们的帮助也很大,我们有什么疑问或者是难点都请教老师或者是同学,所以在老师的帮助下大家很顺利的完成了两周的实习工作。
五、参考文献
[1]陈建伟,陈焕英《ASP动态网站开发教程》
[2]石志国,崔林《ASP动态网站编程》
[3]刘育楠《动态网页设计培训教程》