jsp网页设计实例网络交友(提高篇).docVIP

9.1 系统模块构成 1 9.2 数据库设计 1 9.3 系统管理 2 9.4 会员注册 5 9.5 会员登录 10 9.6 上传照片 15 9.7 浏览会员信 21 第9章网络交友(提高篇) 第9章是提高篇，其目的是掌握一般Web应用中常用的基本模块的开发方法。JSP引擎为Tomcat 6.0；系统采用MVC模式实现各个模块；数据库连接操作使用加载纯Java驱动程序方式，系统采用的是SQL Server 2000数据库。 9.1 系统模块构成 1.会员注册：新会员填写表单，包括会员名、E-mail地址等信息。如果输入的会员名已经被其他用户注册使用，系统将提示新用户更改自己的会员名。 2.会员登录：输入会员名、密码。如果用户输入的会员名或密码有错误，系统将显示错误信息。 3.上传照片：如果登录成功，用户可以使用该模块上传自己的照片。 4.浏览会员信息：成功登录的会员可以分页浏览其他会员的信息，比如其他会员的简历、照片等。如果用户直接进入该页面或没有成功登录就进入该页面，将被链接到“会员登录”页面。 5.修改密码：成功登录的会员可以在该页面修改自己的登录密码，如果用户直接进入该页面或没有成功登录就进入该页面，将被链接到会员登录页面。 6.修改注册信息：成功登录的会员可以在该页面修改自己的注册信息，比如联系电话、通信地址等，如果用户直接进入该页面或没有成功登录就进入该页面，将被链接到“会员登录”页面。 7.退出登录：成功登录的用户可以使用该模块退出登录。 9.2 数据库设计 系统采用加载纯Java数据库驱动程序方式访问数据库。使用SQL Server 2000建_上一个数据库MakeFriend，该库有一个表：member表。会员的注册信息存入member表中，member表的主键是logname，各个字段值的说明如下。 ■ logname：存储会员登录名字。 ■ password：存储会员登录密码。 ■ phone：存储会员的电话。 ■ email存储会员的email地址。 ■ message：存储会员的简历。 ■ pic：存储会员照片文件的名字。 ■ member表的详细结构设计如图9-1所示。 9.3 系统管理 图9-1 member表的结构 本系统使用的Web服务目录是mkfriend，是在Tomcat安装目录的webapps目录下建立的Web服务目录。 现在需要在当前web服务目录下建立如下的目录结构： 然后根据servlet的包名，在classes下再建立相应的子目录，比如Servlet类的包名为myservlet.control，那么在classes下建立子目录\myservlet\control；如果JavaBean类的包名为mybean data，那么在classes下建立子目录hnybean\data。为了让Tomcat服务器启用上述目录，必须重新启动Tomcat服务器。 1.页面管理 本系统用的JSP页面全部保存在Web服务目录mkfriend中。 所有的页面将包括一个导航条，该导航条由注册、登录、上传照片、浏览会员、修改密码、修改个人信息组成。为了便于维护，其他页面通过使用JSP的％@ include…％标记将导航条文件head.txt嵌入自己的页面，head.txt保存在Web服务目录mkfriend中。head.txt的内容如下： head.txt ％@page contentType=”text/html；charset=GB2312’’％ CENTERFont si’ze=5P网络交友/Font/CENTER table cellSpacing=”1”cellPadding=1”width=560”align=center’ border=O” tr Valign=”bottom tdA href=”register.j sp”font size=2会员注册/font/A/td tdA href：”login.j spfont s1,厶匕一￡/.石zx贝m登录/font/A/td tdA href=”upl。ad.j sp”f。nt size=2卜传照片/font/A/td tdA href=”choiceLookType.j sp”font si。ze=2汶0览会员/f。nt/A/td tdA href=¨inputModifyMess.j sp”font sl。ze=2修改注册信息/f。nt /A/td tdA href=modifyPassword.j sp”fo