大家的Jsp设计Word格式.docx

资源描述

大家的Jsp设计Word格式.docx

《大家的Jsp设计Word格式.docx》由会员分享，可在线阅读，更多相关《大家的Jsp设计Word格式.docx（39页珍藏版）》请在冰豆网上搜索。

大家的Jsp设计Word格式.docx

空间系统分五个模块，导航栏点击不同模块进入相应的管理页面，日志模块：

实现了发表图片、插图等日志，我的日志里可以分页显示发表的日志，点击日志连接进入编辑页面，进行编辑，鼠标滑过“编辑”的下拉菜单，对日志进行删除等操作。

可以对日志进行评论。

说说模块：

分页显示不用用户发表的说说以及评论，对说说和评论可以进行删除。

对说说可以点击评论按钮，弹出评论输入页面，输入评论内容，评论后关闭页面。

留言板模块：

用户留言与回复，显示分页，编辑删除功能与说说类似。

相册模块：

实现对图片的的批量上传与显示。

影视模块：

在空间系统中相对独立的模块，必须注册会员才能观看、下载、浏览影视。

有自己的管理员对视频、视频目录、会员数据进行管理。

具体功能会在下面详细说明。

1.3应用的开发技术

1.3.1MVC模式

1.阐述MVC模式各部分构成及其作用。

MVC开发模式，即是“Model-View-Controller”模式。

在这种模式中，通过JSP技术表现页面，充当视图（View即“V”）的角色，通过Servlet技术完成大量的事务处理工作，负责响应客户的请求，实现控制器（Controller即“C”）的身份，JavaBean则负责数据的处理，即模型（Model的“M”）。

MVC有两种模式，一、严格按照JavaBean+JSP+Servlet，参见图表2-1。

二、JSP+JavaBean，参见图表2-2。

本系统由于分派问题主要采用的是第二种，较为方便但不利于控制的开发模型。

2.在所选设计中MVC应用情况。

编写JavaBean，个人空间系统使用的JavaBean参见表1

表1作业提交系统使用的JavaBean

JavaBean

说明

com.bwm.db.Conn

数据库连接

com.bwm.db.Data

数据表操作

com.bwm.string.Str

处理字符串

com.bwm.time.Time

处理时间

com.bwm.time.Mydate

处理日期

com.bwm.show.Show

显示提示信息

com.log.JavaBean.articles

处理日志表

com.log.JavaBean.Comment

处理评论表

com.log.JavaBean.Message

处理留言表

com.log.JavaBean.Reply

处理回复表

com.log.JavaBean.Union

处理说说表

com.log.JavaBean.users

处理用户表

1.3.2JSP技术

1.技术简介。

JSP技术是一种动态页面设计技术，页面由HTML代码和嵌入其中的Java代码组成。

客户端的请求消息，传到服务器页面经过其中的Java代码处理，在生成新的HTML页面反馈给客户。

是一种大型Web应用程序开发的工具。

2.在系统完成中JSP的作用。

本系统主要用JSP完成页面设计，接收数据，显示数据，同时为了写起来方便，而加入的一些Java代码对数据库的连接操作，样式表的引用，以及使用JavaScript对一些错误的处理等等。

本次用到的JSP见详细设计图表

1.3.3Servlet技术

Servlet是用Java语言编写的，运行与服务器端的应用程序。

通用的开发Servlet的办法就是使用javax.servlet.http.HttpServlet类。

HttpServlet类通过扩展方法支持标准HTTP/1.1，用于处理HTTP请求和相应。

一般和JavaBean配合使用，前者接收数据，后者数据处理，然后将信息在传递到JSP，这就是MVC层设计。

2.在系统完成中Servlet的作用。

本系统的实现主要依赖的是JSP+JavaBean，没有涉及到Servlet。

1.4开发工具

Web服务器负责JSP文件的执行，目前支持JSP的应用服务器较多，如Tomcat、Resin、Weblogic、Jboss等，本次开发用的是Tomcat。

Tomcat是Apache公司组织开发的一种JSP引擎，由于自身具有Web服务器，可以作为独立的Web服务器使用。

开发环境MyEclipse，是基于Java的可扩展开发平台。

就其本身而言，它只是一个框架和一组服务，通过各类插件构建开发环境，众多插件的支持使得MyEclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。

在这里，主要是为了调试JSP页面，和发布器Tomcat及Java编程软件JDK关联，简化设计的多集成软件。

1.5小结

本章主要是对整个开发系统做系统分析，得出要完成的功能与界面安排。

是对系统的概要描述，相当于一篇文章的导语，用来引导读者，进一步去看具体的设计思想。

2需求分析（2-4页为宜）

一、系统目标

运用一系列的基于Web的新应用包括日志、说说、留言板、相册以及视频等模块，开发实现多个子系统共同应用的个人空间。

二、可行性分析

根据软件工程的思想，要想合格的完成一个项目，首先研究个人空间系统的可行性，从三个方面来考虑。

（一）经济可行性

个人空间系统旨在构建一个良好的学院交流环境，好的出发点，对于学院，从人才和经济上都能够大力支持，必定可行。

（二）技术可行性

系统是基于Jsp网页设计开发的，主要实现各个模块的M层、V层、C层，需要后台数据库的支持。

本质上是利用现存的子系统模块，进行融合，只需改变数据库的设计架构以及读取操作，从技术上是可行的。

（三）管理可行性

系统后台管理员分工明确，有对简单文本信息的管理，和对视频用户的管理。

管理相对独立，对数据的更改也通过对视图的更改，而不直接对数据库操作，维护起来比较方便，在管理方面也是可行的。

三、功能需求分析

在网站系统中的用户分为两类：

一类是普通用户，此类用户拥有一般的个人空间管理及他人空间浏览的权限；

另一类是会员用户，主要针对视频模块，包括影视信息浏览、在线观看、视频上传和下载等功能。

（一）用户前台功能

登录进入空间后，点击各个模块连接，进入相应的管理页面，如日志、说说、留言板、相册和视频管理。

同时，可以访问他人空间，对其空间信息浏览、评论，也可以在留言板上留言。

（1）日志

点击导航栏日志链接，进入日志模块。

文本区域显示所发表的日志的标题、时间、浏览次数及评论次数，点击编辑按钮，对日志进行删除、分类、转为私密日志等。

点击写日志按钮，可以发表日志。

（2）留言板

点击导航栏留言板链接，进入留言板模块。

浏览自己的留言信息及留言回复内容。

点击编辑，可以对留言进行删除或访问权限设置。

（3）说说

点击导航栏说说链接，进入说说模块。

用户可以在发表说说框内写入信息直接发表（添加图片），可以浏览好友说说及评论等信息，也可以点击我的说说按钮，对自己的说说浏览、删除等。

（4）相册

点击导航栏相册链接，进入相册模块。

点击创建相册，跳到相册创建界面，提示输入相册名称，相册描述，访问权限等。

创建完成后，可以上传照片。

在创建相册按钮下方，可以浏览已经创建的相册信息，并对相册进行编辑。

点击相册，查看相册内的照片，并对照片编辑等。

相册下方显示访问的用户。

右侧显示用户对照片的评论信息。

（5）影视

点击导航栏影视链接，进入影视模块。

左侧提供会员登录窗口、影视搜索、下载排行。

右侧导航栏，点击链接进入不同的影视查看信息窗口。

（二）后台管理员功能

（1）普通用户管理

管理界面的信息导航部分，点击进入相应的模块后台管理，对日志、留言浏览和删除，对用户信息等进行添加删除的更改。

（2）会员用户管理

视频目录管理：

添加、删除视频目录类别。

视频数据管理：

对视频信息进行添加、删除处理。

会员数据管理：

有注册用户权限冻结、会员级别变更、删除会员信息的功能。

四、系统用例分析

使用UML用例图描述作业管理系统需求

1.用例图简洁

用例图用来描述系统参与者之间的相互作用，也可以说是从用户的角度出发对如何使用系统的描述，首先要理清下面几个概念：

（1）角色

角色代表了某一事件发生的参与者，它用一个小人表示，如图1-1所示

在通常的网络项目中，角色常被用来代表使用网站的用户（管理员、用户等），但角色的作用并不局限于此，它也可以用来代表系统交互的其他实体。

（2）用例

用力代表系统可以实现的功能，通常一个用例代表一组功能，实质上规定了系统实现功能的范围。

在实际项目开发中，一个项目往往涉及多个用例，此时需要将其分成若干个子系统实现，以便理解。

在UML中，用例用一个椭圆表示，如图1-2

（3）用例图

当角色与用例发生某种关系，就可以将他们连起来，这就是用例图1-3。

箭头方向表示使用与被使用的关系。

2.用例分析

本系统用力的分析可以简单记为：

五个模块，两种用户，两种管理员。

他们的用例设计如下

（一）留言板1-4

（二）日志1-5

记录功能：

浏览量，浏览用户名，浏览时间。

添加附件：

写日志时，可添加文档、图片、音乐。

（三）说说1-6

（四）相册1-7

（五）影视1-8

（六）前台普通用户功能1-9

（七）后台管理员功能1-10

2.1实际业务操作流程

本系统是以QQ空间作为模板进行设计实现的，会有用户注册，登录进入空间，或可以点击其他人的空间链接访问他人空间。

进入空间后，对日志、说说、留言、相册、影视等模块浏览并执行相应操作，每一个模块，由于信息量大，都会有分页显示功能。

对于相册有批量上传功能。

2.2功能需求

前台包括普通用户登录与影视会员注册、登录，验证成功后进入相应的主管理页面。

后台分为普通空间管理员、影视管理员，点击链接入口进入后台管理。

2.3小结

本章在系统分析的基础上对功能需求进一步细化设计，为以后的系统开发明确大概方向，也让用户直观认识到系统的功能，以方便使用。

本章主要是框架图，层次结构图对已描述一个系统的功能很是方便，清晰简洁。

在以后的开发中，还会用到。

3概要设计（2-4页为宜）

一个网站在各项需求确定、系统分析和数据库设计都完成后，下一步就可以根据这个网站的特点确定网站的开发模式，继而编写代码。

本系统主要实现数据库访问，以及下载和上传，属于小型系统，功能不太复杂，所以为了节省时间，以JSP+JavaBean为辅助开发模式，在主要功能实现上，采取MVC框架，相对而言，虽然MVC在页面架构方面更简洁，层次条理更清楚，重用度更高，但由于没法使用JSP页面很多内置对象，相对对于功能的实现，不够简单。

两种开发模式比较如下图2-1、2-2

3.1系统总体设计

3.1.1框架设计

上述两种模式图，并用。

以MVC为主，考虑到JSP显示方便，也有第二种。

3.1.2功能设计

系统功能结构。

由需求分析可知，系统可划分为两大块，即前台与后台管理。

前台主要为教师和学生服务，参见图表2-3，后台为管理员专用，参见图表2-4

图表2-3前台功能结构图

图表2-4后台功能结构图

3.2数据库设计

（下划线表示关系的主键）

管理员关系：

tb_Manager（ID,Name,Password,RealName,Type,Whether）

图表2-5

日志关系：

tb_Article（articleId,title,content1,userId,createTime,,boardId,fatherId,readCount,recount,picName,picUrl,quanxian,type）

图表2-6

说说关系：

UnionRecord（UnionID,Content1,ReadCount,CommentCount,

ScannerID,CreateTime,Permisson,PicUrl,PicName,FatherId）

图表2-7

留言板关系：

messageboard（messageboard_id,content1,pubdate,user_id,

reply_id,Permisson,PicUrl,PicName）

图表2-8

相册关系：

Album（AlbumID,AlbumName,AlbumDescripe,AlbumType,

PNo,SmallPhotosUrl,OrderNO,CreateTime,UpdateTime,UserID,ReadCount

ReadUserID）

图表2-9

图片关系：

Album_Photos（PhotoID,AlbumID,PhotosName,PhotosDescripe,

PhotosTags,OrderNO,CreateTime,PhotosUrl,SmallPhotosUrl,Comments,

RaiseCount）

图表2-10

相册权限关系：

Album_Permissions（PNo,PName,Descripe）

图表2-11

回复关系：

reply（reply_id,content1,replydate,user_id,father_id）

图表2-12

会员关系：

tb_Account（ID,Name,Password,RealName,Sex,Age,

Number,Email,Address,Phone,Count,Grade,Whether）

图表2-13

影视关系：

tb_Audio（ID,Name,Picture,Size,GradePublisherPublishTime

Actor,Director,Maker,Languages,Style,Froms,Type，Remark，Address,

UserName,IssueDate,DownTime,Whether,Bool）

图表2-14

目录关系：

tb_AudioList（ID,Name,Grade,Father,UserName,IssueDate）

图表2-15

等级关系：

tb_Grade（ID,Name,Price）

图表2-16

用户关系：

tb_user（UserID,UserName,UserPassword,RealName,Sex,

Brthday,Zonename,Zonedetaile）

图表2-17

评论关系：

UserComments（CommentID,UserID,Content1,CommentTime,

FatherId）

图表2-18

影视关系数据库2-19：

空间关系数据库2-20：

3.3小结

本章主要完成的是数据表的创建，功能结构图的建立，对系统的内部进行整体的剖析，是在需求分析的基础上，对开发方向的再一次定位。

当然，数据库的创建，也为以后，数据处理提供平台。

4功能详细设计与实现（8-10页为宜）

基于前面的分析，接下来就是各层次的具体实现。

因为个人空间牵扯内容较多，系统较大，分为五个模块，两种用户，两种管理员，故想对于功能的各部分描述，在这里只挑选几个代表性的描述。

下面将对本次开发的各个层面详细说明。

4.1系统框架各层次实现

4.1.1Model设计

MyEclipse中JavaBean见图表3-1

图表3-1

具体说明参见前面的图表

4.1.2View设计

列出所有页面。

图表3-2

表3-2个人空间系统使用的JSP页面

日志界面设计

（rizhi）JSP

Log.jsp

日志主界面

MyLog/Delete_log.jsp

删除日志处理界面

MyLog/Edit_log.jsp

编辑日志界面

MyLog/Log_Publish.jsp

日志发表处理界面

MyLog/Pattern_log.jsp

好友日志界面

MyLog/Publish_success.jsp

日志发表成功显示界面

MyLog/view_log.jsp

日志链接处理界面

MyLog/Write_log.jsp

写日志界面

LifeRecord/LifeRecord.jsp

生活记录界面

Secretlog/Write_Secret_log.jsp

私密日志界面

说说界面设计

（shuoshuo）JSP

Union.jsp

说说主页面

MyUnion/Comment_pub.jsp

评论处理界面

MyUnion/Comment_publish.jsp

评论发表界面

MyUnion/Delete_comment.jsp

评论删除处理界面

MyUnion/Delete_union.jsp

说说删除处理界面

MyUnion/Union_publish.jsp

说说发表处理界面

留言板界面设计

（liuyanban）JSP

Message.jsp

留言版主界面

MyMessage/Delete_message.jsp

留言删除处理界面

MyMessage/Delete_reply.jsp

恢复删除处理界面

MyMessage/Message_publish.jsp

留言发表处理

MyMessage/Reply_pub.jsp

回复处理

MyMessage/Reply_publish.jsp

回复页面

相册界面设计

（xiangce）JSP

Album.jsp

相册主界面

影视界面设计

（yingshi）JSP

index.jsp

影视主界面

Top.jsp

上框架

Bottom.jsp

下框架

Left.jsp

左框架

Right.jsp

右框架

Navigation.jsp

导航条

Audio.jsp

影视专区界面

Turn.jsp

影视前台界面

Audio/Default.jsp

影视查看

Audio/Navigation.jsp

影视导航条

Audio/Type.jsp

某一影视展示

会员资料修改

会员已登录

会员未登录

Manage/Left.jsp

管理员左框架

Manage/Login.jsp

管理员登录界面

Manage/Manager.jsp

管理员主界面

Manage/view.jsp

管理员中间的时钟界面

Manage/Audio/addlist.jsp

视频目录名称添加

Manage/Audio/Data.jsp

视频数据管理

Manage/Audio/DataAdd.jsp

视频数据添加

Manage/Audio/Datadel.jsp

视频数据删除

Manage/Audio/delete.jsp

视频目录删除

Manage/Audio/List.jsp

视频目录管理

Manage/Member/delete.jsp

会员信息删除

Manage/Member/List.jsp

会员数据管理

News/Audio.jsp

影片信息展示

Play/look.jsp

视频在线观看

Ranklist/Audio.jsp

下载排行

Reg/Reg.jsp

会员注册

Search/index.jsp

影视搜索

Search/Search.jsp

搜索显示

Turn/Audio.jsp

影视上传

Turn/News.jsp