JSP 留言板开发与设计.docx
- 文档编号:9726188
- 上传时间:2023-02-06
- 格式:DOCX
- 页数:12
- 大小:269.92KB
JSP 留言板开发与设计.docx
《JSP 留言板开发与设计.docx》由会员分享,可在线阅读,更多相关《JSP 留言板开发与设计.docx(12页珍藏版)》请在冰豆网上搜索。
JSP留言板开发与设计
JSP留言板开发设计
留言板
1需求分析
1.1系统概述
本系统是一个简单的留言板,主要提供以下功能:
系统首页上显示。
用户可以通过我要留言、aboutme操作。
另外,还提供查看我的详细信息的超链接,用户点击后可在另一页面上看到其他页面,和所有头像。
1.2系统运行环境
1.硬件环境
●处理器:
InterPentium166MX或更高
●内存:
32M
●硬盘空间:
1GB
●显卡:
SVGA显示适配器
2.软件环境
●操作系统:
Windows98/ME/2000/XP
●Web服务器:
Tomcat4.1.2或以上版本
●数据库:
Access
●客户端:
IE5.0或以上版本
●开发语言:
JSP、Java
1.3功能需求描述
留言板主要是为用户提供一个方便易用的交流空间,同时还具有信息、添加和删除的功能。
投票系统主要需要实现以下一些基本功能:
1.aboutme:
用户在留言板首页上可以通过点击出现我的个人信息
2.我要留言:
用户在留言板上可以自由发表,并留下个人信息
3.查看图像:
可以选择你喜欢的头像,在虚拟的网络世界代表你自己
4.主页:
可以点击上面的选项选择要实现的功能
2总体设计
2.1开发与设计的总体思想
现在在许多网站都提供用户留言板功能,本系统可做为一个子模块链入到任何一个需要留言功能的网站中,因此系统界面的设计应该尽量做到简洁友好,方便用户的使用。
系统采用B/S模式,使用JSP进行服务器端动态网页的开发。
2.2系统模块结构图
依据需求分析结果,投票系统可以分为三个模块:
主页、aboutme、图像、留言板。
如图2-1所示:
图2-1系统模块结构图
图2-2数据库访问模块
图2-4系统维护模块
2.5界面设计
界面设计应遵循简洁美观、方便易用的基本原则,具体设计如下:
主页面设计,具体设计效果图如图2-6所示:
图2-6主页面设计效果图
2.aboutme页面设计,具体设计效果如图2-7所示:
图2-7aboutme页面设计效果图
3留言板页面设计,具体设计效果如图2-8所示:
图2-8管理员登录页面设计效果图
4.头像页面设计,具体设计效果如图2-9所示:
图2-9头像页面设计效果图
基本代码
<%@pagecontentType="text/html;charset=gb2312"language="java"import="java.sql.*"errorPage=""%>
background="images/top_line.gif"border=0> varday=""; varmonth=""; varampm=""; varampmhour=""; varmyweekday=""; varyear=""; mydate=newDate(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday=mydate.getDate(); myyear=mydate.getYear(); year=(myyear>200)? myyear: 1900+myyear; if(myweekday==0) weekday="星期天"; elseif(myweekday==1) weekday="星期一"; elseif(myweekday==2) weekday="星期二"; elseif(myweekday==3) weekday="星期三"; elseif(myweekday==4) weekday="星期四"; elseif(myweekday==5) weekday="星期五"; elseif(myweekday==6) weekday="星期六"; document.write(year+"-"+mymonth+"-"+myday+weekday); background="images/bottom_line.jpg" border=0> bgColor=#ffffffborder=0> src="images/login.gif" border=0> src="images/homepage.gif" width=16> src="images/Favorites.gif" width=16>
我是05计本陈美任
第一次做JSP,很多地方做的不好,希望得到更多指导
E-Mail:
joker1.617@">joker1.617@;个人主页:
history.back()">Back