《系统集成综合设计》课程设计：小型的个人留言网站

系统集成综合设计课程设计 学院: 数学与计算机科学学院班级: B12082021（12级软件）姓名: 胡凌峰学号: 122208202114目录1.网站简介21.1网站主题21.2整体结构与功能31.3使用技术31.4参考资料42.运行环境42.1软件需求42.2环境配置43.制作流程（含效果图与源码图）53.1页面index.jsp53.2页面add.jsp63.3页面login.jsp83.4页面del.jsp93.5页面reply.jsp114.问题与解决134.1环境配置问题134.2功能实现问题135.数据库设计145.1数据库整体介绍， 留言板数据库总共有2张表，具体如下：145.2数据库各个表的介绍：146.实验总结151.网站简介1.1网站主题该网站的主题是“胡凌峰空间留言板”，为一个小型的个人留言网站，功能精简而实用。1.2整体结构与功能用户整个网站由四个主要的功能页面组成，分别为查看留言页面，签写留言页面，管理员登录页面和管理页面，能对普通访问者提供查看留言和写留言的基本功能，对于管理员，也就是我本人，可以通过登录界面对留言进行管理，包括回复，编辑，删除等功能，整个系统的结构图大致如下： 管理员普通用户 查看留言删除留言回复留言编辑留言修改信息查写留言写入留言 1.3使用技术基本的网页设计语言html,css和js，连接access数据库的JDBC连接池，公共类以及JSP的一些内置对象等，采用http通信协议，利用人机交互的原理设计交互页面（风格统一，页面转换流畅自然），使用Access数据库进行数据交换。1.4参考资料JSP Web开发案例教程，王英瑛主编，清华大学出版社；JSP Web开发学习实录，刘俊亮主编，清华大学出版社；2.运行环境2.1软件需求JDK + Tomcat + Dreamweaver + Access.2.2环境配置安装配置Tomcat服务器，JDK虚拟机以及Dreamweaver。安装ACCESS数据库。将项目文件夹HLF1复制到Tomcat/Webapp目录下。所有数据均采用数据库存储，采用JDBC连接池，直接连接数据库，不需要配置ODBC数据源即可直接运行。启动Tomcat服务器，在Dreamweaver中Tomcat/Webapp目录下的HLF1文件夹设为站点打开浏览器，在浏览器中输入服务器的IP地址http:/localhost:8080/HLF1/index.jsp，使用初始账号hlf,密码：19940301登录管理页面，测试能否正常使用系统.3.制作流程（含效果图与源码图）3.1页面index.jsp该页面为网站的首页，普通用户进入后可以直接查看留言，编写留言，管理员用户可以进入到登录界面，进行留言的删除，回复等操作，也可以修改管理员的账号密码等信息，整个页面简洁而又不失实用性，页面的截图如下：3.2页面add.jsp该页面主要是用来实现用户的留言功能，通过主页的签写留言链接进行跳转，用户可以在填写自己的基本信息后选择头像进行留言，留言还提供选择字体大小，字体，颜色的功能，并且能插入一些常用的表情，使得留言页面更加富有生气，该页面的截图如下：3.3页面login.jsp该页面主要用来提供管理员登录的窗口，管理员在身份得到验证后即可进入留言的管理界面，若身份不正确，则会刷新该界面，该页面的截图如下：3.4页面del.jsp该页面主要实现管理员登录后对留言进行删除的功能，在点击删除按钮之后，会弹出一个js对话框，提醒管理员是否确认要删除该留言，在点击确认时候，该条留言被删除，该页面的截图如下：3.5页面reply.jsp该页面主要是在管理员登陆后实现对留言的回复功能，限制长度在600个字符之内，除了能对文字进行颜色字体大小的改变外，还提供了查看长度和清除的功能，方便管理员进行编辑回复，该页面截图如下：4.问题与解决4.1环境配置问题在安装JDK的时候我的电脑是32位操作系统，由于自己的粗心在官网上面下载了64位的JDK，装的过程中出现了一些小的意外，后来自己仔细看的时候才注意到了这个小细节，再就是在Dreamweaver上部署该网站时出现了几次页面访问不正确的情况，因为平时做实验一般在myeclipse上面开发，对在dreamweaver上面部署该网站的操作步骤不是非常熟悉，后来在网上找了几个博文，试了两次成功了。4.2功能实现问题JDBC连接池在对Access数据库进行连接时出现了数据无法进行交互的问题，留言无法导入数据库，删除功能，回复功能也无法实现，后来根据参考资料的第二本指导书上的步骤仔细思考尝试了两次之后成功了，数据库的命名不能用一些关键字来进行命名，否则会无法写入数据库。5.数据库设计5.1数据库整体介绍， 留言板数据库总共有2张表，具体如下：数据库表名说明表的作用admin用来存放管理员的账号和密码管理登陆guestbook用来存放用户的信息管理用户信息5.2数据库各个表的介绍：admin表存放的是后台管理员的用户名和密码，详细设计如下表所示：admin表 ：字段名称类型说明id自动编号编号admin文本管理员名字password文本管理员密码表guestbook:字段名类型id自动编号ip文本username文本userface文本userurl文本usermail文本usermail文本usertitle文本content备注6.实验总结通过这次课程设计，使我从网络通讯，数据库交换，人际交换三个方面来综合设计一个jsp网站，让我对网站开发有了一个更高层次的认识。开发网站的时候出现了很多问题，主要的上面已经提及，我觉得说学到了什么具体技术还是次要的，最主要的还是提高了自