jsp实现留言墙.docxVIP

网上在线留言墙学号：142208100149姓名：陈聪1、设计目的通过设计和实施一网站，掌握网站建设和网页设计的基本流程，熟练运用html标签、JSP和数据库等网页设计所涉及的基本技术。2、设计需求（1）用户进行登录或者注册。（2）注册能够写入用户信息（用户名，密码，昵称，邮箱等信息）。（3）注册界面，提交表单时，在按下“注册”后，跳转之前进行如下操作：①判断用户名、昵称及密码是否为空。②判断密码和确认密码是否相同。（4）用户登录成功后，在留言墙界面能够实现对“话题”进行“增删改查”的操作。（5）增加留言的的界面能够添加表情和图片。但是表情不能够显示，网络图片能够显示。3、设计流程3.1、用户操作流程图。用户在登录界面，选择登录或者注册；登录后会有是否登录成功的判断，如果登录成功那么就进行留言墙的操作，否则退回留言墙登录界面。3.2、数据库的创建。由于网络在线留言系统对数据的完整性要求比较高，并且为了增加程序的使用范围，还要保证系统拥有足够的储存数据的能力。SQL Server 2012是一种高性能的关系型数据库管理系统，该系统具有可靠性、安全性和易用性等优点，综上所述本系统采用SQL Server 2012数据库。（1）创建数据存储表E-R图。在这里就不对数据库的结构以及表进行展开，详细的创建数据库的方法可以用powerDesign进行设计。（2）数据库表结构及其数据。（表note）（表person）（表note）信息注：在这里，由于时间有限，对于表note中的时间出现差错，原本是打算记录用户创建留言时候的时间，也就是数据存储到数据库时的时间，由于比较时间紧迫，来不及解决。4、系统实现。4.1、系统开发使用工具。开发工具：eclipse JEE （version mars）服务器：Tomcat 8.0数据库：SQL Server 2012.4.2、系统项目文件组织结构在编写代码之前，可以先将系统中所用到的文件夹先创建出来（例如，创建一个css文件夹，用来存放布局文件），这样不但可以方便以后的开发工作，还能够规范整个网站的架构。下图就是“留言墙”系统的文件夹架构图。登录界面为login_02.jsp，对应的login_02_conf.jsp为逻辑处理文件，注册界面为 login_02_register.jsp界面，逻辑处理文件为register_do.jsp.包src下面放入的是一些java类，这部分代码由于某种原因（写错了，或者一直报错的原因）就将其移到了相应的jsp文件当中。“备份”文件夹里面同样是jsp文件，但是是之前的版本，可以忽略不计。“assets”里面存放的是css布局文件，针对不同的界面和逻辑处理界面分别将其放在assets下的不同的文件夹中。assets/css 存放布局文件，assets/img 存放系统中的图片文件，assets/js存放系统中用到的js库。4.3、登录界面。（1）UI界面展示在登录界面中使用了jQuery包的各种布局文件，背景是三张图片实时切换，如果我们开始进去的不是登录界面，而是其他的界面，例如（list_note.jsp留言展示界面）就会出现没有登录的不允许跳转的警告。截图如下：在这里我们可以点击右上角“登录/注册”按钮，也可以等待五秒钟，等待页面自动跳转。这个在jsp里面里面实现的逻辑。（2）代码说明在这里我们可以通过填写登录表单来进行提交，同样也能够点击“注册”按钮进行跳转到注册界面中实现用户信息注册。使用按钮的点击事件进行跳转：4.4、注册界面（1）UI界面展示当用户注册时，点击“注册”按钮之前必须保证“用户名”和“密码”不为空，否则就会出现“错误提示”当表单没有填写全，或者密码和确认密码并不相同时，就会天出警告栏，提示用户是否填写完整表单，或者密码和确认密码是否相同：当用户注册成功后，会跳转到提示信息界面，注册成功，然后就会自动跳转到“注册”界面。（2）代码说明上面是注册界面的js文件的引入和css文件的引入。上面我们提到的注册界面中用户填写表单不完整就会天出警告对话栏。实现此功能是在注册页面的表单中定义表单属性为onsubmit=“renturn checkPassWord（）”，在提交之前进行checkPassWord（）js函数的判断，如果函数里面if判断为真则跳转否则显示警告对话框。在此函数中先定义变量pas1,pas2,email，然后使用document.getElementById方法获得password、password2和email的id从而得到相应的值。判断两个password是否相同和password2是否为空，还有email是否为空。不足之处就是没有验证email格式是否正确，利用jQuery库，但是时间比较紧迫在这里就没有实现这样的功能。前面提到的，