jsp网页设计实例网络交友提高篇Word文档下载推荐.docx
- 文档编号:20706818
- 上传时间:2023-01-25
- 格式:DOCX
- 页数:60
- 大小:34.14KB
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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- jsp 网页 设计 实例 网络 交友 提高