jsp网页设计实例网络交友提高篇Word文档下载推荐.docx
《jsp网页设计实例网络交友提高篇Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《jsp网页设计实例网络交友提高篇Word文档下载推荐.docx（60页珍藏版）》请在冰豆网上搜索。
■member表的详细结构设计如图9-1所示。
9.3系统管理
图9-1member表的结构
本系统使用的Web服务目录是mkfriend，是在Tomcat安装目录的webapps目录下建立的Web服务目录。
现在需要在当前web服务目录下建立如下的目录结构：
然后根据servlet的包名，在classes下再建立相应的子目录，比如Servlet类的包名为myservlet.control，那么在classes下建立子目录\myservlet\control；
如果JavaBean类的包名为mybeandata，那么在classes下建立子目录hnybean\data。
为了让Tomcat服务器启用上述目录，必须重新启动Tomcat服务器。
1.页面管理
本系统用的JSP页面全部保存在Web服务目录mkfriend中。
所有的页面将包括一个导航条，该导航条由注册、登录、上传照片、浏览会员、修改密码、修改个人信息组成。
为了便于维护，其他页面通过使用JSP的<
％@
include…％>
标记将导航条文件head.txt嵌入自己的页面，head.txt保存在Web服务目录mkfriend中。
head.txt的内容如下：
head.txt
<
％@pagecontentType=”text/html；
charset=GB2312’’％>
CENTER>
Fontsi’ze=5>
P>
网络交友<
/Font>
/CENTER>
tablecellSpacing=”1”cellPadding="
1”width="
560”align="
center'
’
border="
O”>
<
trValign=”bottom"
>
td>
Ahref=”register.jsp”>
fontsize=2>
会员注册<
/font>
/A>
/td>
Ahref：
”login.jsp"
fonts1,厶匕一￡/.石zx贝m登录<
Ahref=”upl。
ad.jsp”>
f。
ntsize=2>
卜传照片<
Ahref=”choiceLookType.jsp”>
fontsi。
ze=2>
汶0览会员<
/f。
nt>
Ahref=¨
inputModifyMess.jsp”>
fontsl。
修改注册信息<
Ahref="
modifyPassword.jsp”>
ze：
2>
修改密码<
Ahref=”helpExitLogin”>
fontsize：
退}fJ登录<
Ahref=”index.jsp”>
返I旦J丰页<
/tr>
/tab]e>
主页indexjsp由导航条、一个欢迎语和一幅图片welcomeJpg组成，welcome.jpg保存在mk衔end中。
用户町以通过在浏览器的地址栏中输入“htq）：
//月艮务器lP：
8080/indexjsp”或“htq）：
//
服务器IP：
8080/”访问该主页，主页运行效果如图9.2所示。
图9—2主页indexjsp
index.jsp
charset=GB2312”％>
HEAD>
％@includefile=”head.txt'
’％>
/HEAD>
HTML>
BODYbgcolor=cyan>
h1>
Fontsize：
4color：
red>
欢迎您来这里结交朋友<
/hl>
imagesrc：
"
welcome.jpg”Wl‘dth=300height=200>
/i。
mage>
/BODY>
/HTML>
2.JavaBean与Servlet管理
本系统的JavaBean类的包名均为mybean.data；
Servlet类的包名均为myse~let
control。
由于Servlet类中要使用JavaBean，所以为了能顺利地编译Servlet类，首先将
JavaBean类和Servlet类分别保存到：
和
D：
\myservlet\control\mybean\data
\myservlet\control
目录中，分别进入上述目录，编译JavaBean类和Servlet类。
然后将编译通过的JavaBean
类和Servlet类的字节码件分别复制到：
mkfriend\WEB—INF\classes\mybean\data
mkfriend\WEB—INF\classes\myservlet\control
目录中。
3.配置文件
本系统的Servlet类的包名均为myservlet.control，需要配置Web服务目录的web.xml
文件，根据本书使用的Tomcat安装目录及使用的Web服务目录，需将下面的web.xml
文件保存到：
\apache—tomcat一5.5.20\webapps\mkfriend\WEB—INF
web.xmi
?
xmlversi。
on=”1.O”encoding=”ISO一8859—1”?
web—app>
servlet>
servlet—。
name>
register<
/servlet——name>
servlet—class>
myservlet.contr01.HandleRegister<
/servlet—class>
/servlet>
servlet—mapping>
servlet’—name>
url—。
pattern>
/helpRegister<
/url——pattern>
Iservlet—mapping>
servlet—‘name>
login<
myservlet.contr01.HandleLogin<
servlet—mappl’ng>
servlet—name>
/servlet—name>
url—pattern>
/helpL0gin<
/url—pattern>
/serVlet—mapping>
upload<
serVlet—class>
myserVlet.c。
ntr01.HandleUpload<
/servle七一class>
serVlet—mapping>
/helpUpload<
100kRecord<
myservlet.contr01.HandleDatabase<
/helpShowMember<
serVlet—name>
modifvPassword<
/servle七一name>
myserVlet.contr01.HandlePassword<
servle七一name>
/helpModifyPassword<
modifyOldMess<
ntr01.HandleM0difyMess<
modifvOldMess<
/helpM0difyMess<
serv]et>
serV上et—name>
exit<
myserVlet.contr01.HandleExit<
/helpExitL0gin<
/web—app>
9.4会员注册
当新会员注册时，该模块要求用户必须输入会员名、密码信息，否则不允许注册。
用户的注册信息被存入数据库的meNber表中。
该模块的模型JavaBean描述用户的注册信息；
该模块的视图部分由两个JSP页面构成，一个JsP页面负责提交用户的注册信息到控制器，另一个JsP页面负责显示注册是否成功的信息；
该模块的控制器servlet负责将视图提交的信息写入数据库的member表中，并负责更新视图。
1.模型（JavaBean）
下列JavaBean用来描述用户注册信息。
RegisteLjava
％@pagecontentType="
text/htmljcharset=GB2312”％>
％@l’ncludefile="
head.txt”％>
BODYbgcolor：
cyan>
Fontsize=2>
FORMaction=”helpRegister”name：
form>
table>
输入您的信息，会员名字必须由字母和数字组成，带+号项必须填写。
tr>
会员名称：
Inputtype=textname-’’l。
gname”>
木<
设置密码：
工nputtype=passwordname=”password”>
木
电子邮件：
Inputtype=textname：
email”>
联系电话：
phone’’>
/table>
Fontsi。
输入您的陶历和交友标准：
TextAreaname-"
message”Rows=”6”C0ls=”30”>
/TextArea>
Inputtype-submltname=”g”value=”提交”>
/Form>
/B0dv>
2.视图（JSP页面）
本模块视图有两个JsP页面：
Register.jsp和shOWRegisterMessJsp。
Register.jsp页面负责提供输入注册信息界面（效果如图9—3所示）；
showRegistefMessjsp负责显示注册反馈信息（效果如图9—4所示），比如注册是否成功等。
图9.3填写注册信息
图9—4显示注册结果
RegisteLjsp
％@pagecontentType=”text/htmljcharset=GB2312”％>
％@includefile=”head.txt”％>
FORMactl’on=”helpRegister”name=form>
tab]e>
输入您的信息，会员名字必须由字母和数字组成，带+号项必须填写。
工nputtype=
Inputtype
电r邮件：
工nputtype
fah]p>
textname：
”logname”>
=passwordname=”password”>
丰
textname="
textname=”phone”>
Fontsl’ze：
输入您的简历和交友标准：
TextAreaname="
message”Rows=”6”Cols=”30’’>
Inputtype=subml’tname=’’g”valme=”提交”>
showRegisterMess.jsp
charset=GB2312”％>
％@pagei。
mport=”mybean.data.Register”％>
jsp：
useBeanid=”register”type=”mybean.data.Register”scope=
”request”/>
％@i。
ncludefile=”head.txt-’％>
Fontsize=4color=blue>
BR>
getPropertyname：
”register’’pr。
perty=”backNews”/>
注册的会员名称：
]sp：
getpropertyname=’’register”property=”logname’’/>
注册的电子邮件：
getPropertyname=’’register”pr。
perty="
email’’/>
注册的联系电话：
getPropertyname=”regl’ster”property=”phone”/>
您的简历和交友标准：
TextAreaname：
getpr。
pertyname=”register”property="
message”/>
/TextAtea>
3.控制器（Servlet）
控制器ser、，let对象的名字是register（见
register负责连接数据库，将用户提交的信
shOWRegisterMessJsp页面查看注册反馈信息。
HandleRegister.jaVa
packagemyservlet.control；
i‘mportmybeaR.data.。
；
i。
mportjava.sql.。
j
mportjava.i0.。
importjavax.servlet.。
9-3节给出的web.xml配置文件）。
控制器
息写入到metuber表，并将用户转发到
importjaVax.serVlet.http.木j
publicclassHandleRegisterextendsHttpServlet
{publicVoidinit（SerVletC。
nfigc。
nfig）throwsServletExcepti。
n
{super.init（config）；
try{
class.forName（’’com.microsoft.sqlserVer.jdbc.sQLserverDriver”）；
}
catch（Exceptione）{）
}
publicStringhandleString（Strings）
try{
bytebb[]=s.getBytes（”is0—8859—1’’）j
s=newString（bb）j
catch（Exceptionee）{）
returns：
publicV。
idd。
P。
st（HttpSerVletRequestrequest，HttpServletResp。
nse
respOnse）
throwsSerVletException，工OException
f
C0nnectioncon；
Statementsqlj
Registerreg=newRegister（）；
request.setAttribute（”register”，reg）j
String10gname=request.getParameter（’’logname”）.trim（），
password=request.getParameter（”password。
’）.trim（），
email=request.getParameter（’’email”）.trim（），
phone=request.getParameter（”phone’’）.trim（），
message=request.getParameter（”message”）j
stringuri=”jdbc：
sqlserVer：
//127.O.O.1：
1433；
DatabaseName：
MakeFriend”；
if（10gname==null）
10gname=…’；
if（password==null）
password=””j
b00leanisLD=true；
for（inti=Oji<
10gname.1ength（）ji++）
fcharc=10gname.charAt（i）；
if（!
（（c<
=’z’＆＆c>
=’a’）ll（c<
：
’Z’＆＆c>
=’A’）l1（c<
=’9’＆＆c>
=’0’）））
isLD=false；
b。
。
leanbOo=10gname.1ength（）>
0＆＆passw。
rd.1ength（）>
0&
＆isLD；
StringbackNews=””；
lOgname=handleString（10gname）；
password=handleString（password）
phone=handleString（phone）j
email=handleString（email）；
message=handleString（message）j
Stringpic=”public.jpg”；
StringinsertRecord=
ll，I
Il-
，
C0n
Stri
+10gname+’’’
”+message十”
DriVerManager
nginsertC0nd
”+DaSS
’”+Dic
.aetC0
1t10n=
”+insertRecord：
sql=con.createStatement
if（b00）
{
1n七m
if（m!
word+”’，’’’+phone+”’，’”+email+
+”’）”j
nnection（uri，”sa”，”sa”）j
”INSERT工NTOmemberVALUES
=sql.exec
升级会员 