jsp实现留言墙.docx

网上在线留言墙
学号:142208100149
姓名:陈聪
1、设计目的
通过设计和实施一网站,掌握网站建设和网页设计的基本流程,熟练运用html标签、JSP和数据库等网页设计所涉及的基本技术。
2、设计需求
(1)用户进行登录或者注册。
(2)注册能够写入用户信息(用户名,密码,昵称,邮箱等信息)。
(3)注册界面,提交表单时,在按下“注册”后,跳转之前进行如下操作:
①判断用户名、昵称及密码是否为空。
②判断密码和确认密码是否相同。
(4)用户登录成功后,在留言墙界面能够实现对“话题”进行“增删改查”的操作。
(5)增加留言的的界面能够添加表情和图片。但是表情不能够显示,网络图片能够显示。
3、设计流程
、用户操作流程图。
用户在登录界面,选择登录或者注册;登录后会有是否登录成功的判断,如果登录成功那么就进行留言墙的操作,否则退回留言墙登录界面。
、数据库的创建。
由于网络在线留言系统对数据的完整性要求比较高,并且为了增加程序的使用范围,还要保证系统拥有足够的储存数据的能力。SQL Server 2012是一种高性能的关系型数据库管理系统,该系统具有可靠性、安全性和易用性等优点,综上所述本系统采用SQL Server 2012数据库。
(1)创建数据存储表E-R图。
在这里就不对数据库的结构以及表进行展开,详细的创建数据库的方法可以用powerDesign进行设计。
(2)数据库表结构及其数据。
(表note)
(表person)
(表note)信息
注:在这里,由于时间有限,对于表note中的时间出现差错,原本是打算记录用户创建留言时候的时间,也就是数据存储到数据库时的时间,由于比较时间紧迫,来不及解决。
4、系统实现。
、系统开发使用工具。
开发工具:eclipse JEE (version mars)
服务器:Tomcat
数据库:SQL Server 2012.
、系统项目文件组织结构
在编写代码之前,可以先将系统中所用到的文件夹先创建出来(例如,创建一个css文件夹,用来存放布局文件),这样不但可以方便以后的开发工作,还能够规范整个网站的架构。下图就是“留言墙”系统的文件夹架构图。
,,注册界面为 ,.
包src下面放入的是一些java类,这部分代码由于某种原因(写错了,或者一直报错的原因)就将其移到了相应的jsp文件当中。“备份”文件夹里面同样是jsp文件,但是是之前的版本,可以忽略不计。“assets”里面存放的是css布局文件,针对不同的界面和逻辑处理界面分别将其放在assets下的不同的文件夹中。assets/css 存放布局文件,assets/img 存放系统中的图片文件,assets/js存放系统中用到的js库。
、登录界面。
(1)UI界面展示
在登录界面中使用了jQuery包的各种布局文件,背景是三张图片实时切换,如果我们开始进去的不是登录界面,而是其他的界面,例如()就会出现没有