JSP 留言板开发与设计Word文档格式.docx
《JSP 留言板开发与设计Word文档格式.docx》由会员分享,可在线阅读,更多相关《JSP 留言板开发与设计Word文档格式.docx(12页珍藏版)》请在冰豆网上搜索。
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="
"
%>
html>
head>
metahttp-equiv="
Content-Type"
content="
>
title>
简单留言簿Version1.0<
/title>
linkhref="
css.css"
rel="
stylesheet"
type="
text/css"
/head>
bodyleftmargin="
0"
topmargin="
marginwidth="
marginheight="
TABLEcellSpacing=1cellPadding=3width=98%align=center
background="
images/top_line.gif"
border=0>
<
TRalign=middle>
TDwidth="
20%"
align="
left"
nowrap>
FONTcolor=#78b3f9>
&
nbsp;
&
SCRIPTlanguage=JavaScript>
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)
星期一"
elseif(myweekday==2)
星期二"
elseif(myweekday==3)
星期三"
elseif(myweekday==4)
星期四"
elseif(myweekday==5)
星期五"
elseif(myweekday==6)
星期六"
document.write(year+"
-"
+mymonth+"
+myday+weekday);
/SCRIPT>
/FONT>
/TD>
/TR>
/TABLE>
TABLEheight=76cellSpacing=0cellPadding=0width=98%align=center
images/bottom_line.jpg"
TR>
TD>
TABLEheight=72cellSpacing=0cellPadding=0width="
99%"
align=center
bgColor=#ffffffborder=0>
163"
center"
IMG
src="
images/login.gif"
476"
align=right>
imgsrc="
images/banner.gif"
width="
468"
height="
60"
border=0usemap="
#Map"
scr="
TDalign=centerwidth=123>
TABLEwidth="
90%"
border=0cellPadding=1cellSpacing=0>
TRvAlign=centeralign=middle>
IMGheight=16
images/homepage.gif"
width=16>
images/Favorites.gif"
tablewidth="
98%"
cellpadding="
cellspacing="
background="
images/index-t.gif"
tr>
tdwidth="
5%"
/td>
tdheight="
22"
ahref="
say.jsp"
我要留言<
/a>
/tr>
/table>
border="
bgcolor="
#FFFFFF"
tdalign="
05计本陈美任<
td>
tdvalign="
top"
br>
我是05计本陈美任<
images/oem.JPG"
120"
119"
right"
第一次做JSP,很多地方做的不好,希望得到更多指导<
E-Mail:
mailto:
joker1.617@"
joker1.617@<
;
个人主页:
javascript:
history.back()"
Back<
2"
images/bottom_line.gif"
27%"
73%"
05计本陈美任&
copy;
版权所有(2008年期末)<
建议800*600IE5.5以上(推荐6.0)<
技术支持<
a>
mapname="
Map"
areashape="
rect"
coords="
1,2,468,60"
href="
target="
_blank"
/map>
/body>
/html>
总结
本系统仅仅是一个功能十分简单的投票系统雏形,和完整的投票系统尚有差距,有些功能并未考虑,例如:
对同一IP地址的用户重复投票的限制、对现有投票项的修改功能等,可以在今后的实践过程中加以改进、逐步完善。
本系统旨在展现一个最基本的JSP与后台数据库互操作的应用程序的实现过程,为今后更为复杂的应用程序的实现打下基础。
本系统中使用了JDBC技术实现了与后台数据库的互连,主要利用了JDBC中的几个重要接口,如:
DriverManager、Connection、Statement和ResultSet等,利用其中的标准方法实现和数据库的连接、访问、断连等操作,完整的体现了一个数据库应用程序应具备的最普遍的功能,所使用的语句和操作步骤均可能在今后的相似类型的程序中使用到。
另外,使用了JavaBean技术封装了对数据库的常用操作,在使用时只需对写好的JavaBean组件做简单的调用即可,有效的减少了代码冗余,提高了程序的执行效率。
在对本系统的实现过程中,首先应掌握关系数据库的标准语言SQL的基本语法和主要关键字,并会利用集函数如SUM()等来进行简单的统计或运算。
另外,应重点掌握利用JDBC的标准接口访问数据库的操作方法,并应对在JSP页面中如何使用JavaBean组件有所了解。