web大作业报告|江阴雨辰互联

2023年7月9日发(作者：)

一．系统功能说明 ...................................................................................... 错误！未定义书签。

1.1

系统简介 ............................................................................................. 错误！未定义书签。

1.2

系统主要功能 .................................................................................... 错误！未定义书签。

1.3系统开发环境 ....................................................................................................................... 1

二．系统设计 .................................................................................................................................. 1

2.1

系统用例图 ....................................................................................................................... 1

2.11读者用例图 ......................................................................................................................... 1

2.12作者用例图 ........................................................................................................................ 2

2.13

功能模块图 ..................................................................................................................... 3

2.14 MVC设计 ....................................................................................................................... 4

2.2

界面设计 ............................................................................................................................. 6

2.3

数据库设计 ......................................................................................................................... 6

2.4主要功能模块 .................................................................................................................... 7

三．关键技术与应用 ........................................................ 7

3.1 HTML5 ............................................................................................................................ 7

3.2 JQuery ............................................................................................................................. 7

3.3 SpringDAO ...................................................................................................................... 9

3.4 Spring MVC ..................................................................................................................... 9

3.5

系统实现过程中遇到的错误及其解决方法....................................................................10

四．总结与体会 ............................................................................................................................ 10

五．5.1对于系统中采用的新技术的理解与思考....................................................................11

5.2对于系统开发过程的总结与思考 .................................................................................. 13

1 系统功能说明

1.1 系统简介

随着计算机的普遍，小说阅读器的流行，网络的发展必将是成为一个趋势，本系统主要是为了阅读小说的方便，将小说集中在一个系统中，不同的权限有不同的功能，阅读书籍。

1.2 系统主要功能

阅读小说程序开始后会陆续接受到客户端的请求，当首次请求都直接进入主页，而不同用户的权限则有后续的登录子系统来确定，主页是所有可以连接到服务器独有的客户端功能，不区分权限，主页设计有按分类查询，关键字查询以及推荐小说功能，要查看对应的小说只需要点击相应的链接就进入阅读界面，若需要其他的功能，则需要对应的权限。

1.3 系统开发环境

系统软件：Window 7 及以上的版本

其他软件： H2数据库及，tomcat服务器软件。

硬件：此系统对计算机的硬件和软件的需求并不高，只需要一台装有Internet信息服务软件的计算机即可，一般电脑完全可以满足要求。

语言选择：Java SE（Java Platform，Standard Edition）

工具软件：Eclipse

2 系统设计

2.1 系统用例图

2.11读者用例图

查询

个人信息查查询

询

读者

查询小说

注册与登录

小说连载系统

小说保存记录

用户信息查询

修改个人信息

留言

阅读小说 2.12作者用例图

查询

个人信息查查询

询

写作

小说保存记录

作者

用户信息查询

修改个人信息

查看作品留查询小说

留言

注册与登录

小说连载系统

阅读小说 2.13功能模块图

启动服务器

进入主页

搜索小说

查看系统推荐小说

个人主页

管理员主页

搜索

小说

列表

修

改

个

人

密

码

查看小说

写

作

查看留言

修改个人信息

修改密码

删除作品

新增作者

修改作者信息

查询作者信息

保存已看小说

2.14MVC设计：进入页面

到登录界面

到查询界面

添加页面 2.2 界面设计

注册界面

登录界面

2.3 数据库设计

注册信息表：

username

password

type

varchar

Int

进入

主界面

小说章节界面阅读小说界面

作者

上传小说

留言

主键

小说信息表：

小说编号

作者编号

作者名称

小说类型

小说名称

多少人点赞

多少人收藏

小说简介

备注

标签

留言信息表：

留言用户

留言时间

留言内容

小说编号

作者编号

备注

阅读记录表：

用户名

小说名称

作者名称

历史章节

varchar

主键

varchar

date

varchar

int

varchar

200

100

主键

int

varchar

int

varchar

200

100

主键

2.4 主要功能模块

注册界面

登录界面

主界面

小说章节界面阅读小说界面

3 关键技术与应用

3.1 HTML5

canvas

3.2 jQuery

(1) ajax

(2) jQuery

alt="some_text" width="130" height="130" />

3.3 Spring DAO

配置DAO

package ;

import ;

public interface UserDao {

User findUser(String username,String password,String email,

int type);//登录验证用户名及密码正确

int reg(String username, String password, String email, int

type);//注册写入数据库

User usernamecheck(String username);//验证用户是否已注册注册

int edit(String username, String password, String email, int

type);//修改用户信息

}

3.4 Spring MVC

3.5系统实现过程中遇到的错误及其解决方法

错误：刚使用ajax时不会返回值，后来经过上网查阅资料，就解决了

4 总结与体会

5.1 对于系统中采用的新技术的理解与思考

ajax所包含的技术

1.使用CSS和XHTML来表示。

2. 使用DOM模型来交互和动态显示。

3.使用XMLHttpRequest来和服务器进行异步通信。

4.使用javascript来绑定和调用。

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。XMLHttpRequest是ajax的核心机制，简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。

对于XmlHttpRequest的两个方法，open和send，其中open方法指定了：

a、向服务器提交数据的类型，即post还是get。

b、请求的url地址和传递的参数。

c、传输方式，false为同步，true为异步。默认为true。如果是异步通信方式(true)，客户机就不等待服务器的响应；如果是同步方式(false)，客户机就要等到服务器返回消息后才去执行其他操作。我们需要根据实际需要来指定同步方式，在某些页面中，可能会发出多个请求，甚至是有组织有计划有队形大规模的高强度的request，而后一个是会覆盖前一个的，这个时候当然要指定同步方式。

Send方法用来发送请求。

知道了XMLHttpRequest的工作流程，我们可以看出，XMLHttpRequest是完全用来向服务器发出一个请求的，它的作用也局限于此，但它的作用是整个ajax实现的关键，因为ajax无非是两个过程，发出请求和响应请求。并且它完全是一种客户端的技术。而XMLHttpRequest正是处理了服务器端和客户端通信的问题所以才会如此的重要。

现在，我们对ajax的原理大概可以有一个了解了。我们可以把服务器端看成一个数据接口，它返回的是一个纯文本流，当然，这个文本流可以是XML格式，可以是 Html，可以是Javascript代码，也可以只是一个字符串。这时候，XMLHttpRequest 向服务器端请求这个页面，服务器端将文本的结果写入页面，这和普通的web开发流程是一样的，不同的是，客户端在异步获取这个结果后，不是直接显示在页面，而是先由javascript来处理，然后再显示在页面。至于现在流行的很多ajax控件，比如 magicajax等，可以返回DataSet等其它数据类型，只是将这个过程封装了的结果，本质上他们并没有什么太大的区别

Spring Web MVC架构

Spring Web MVC框架也是一个基于请求驱动的Web框架，并且也使用了前端控制器模式来进行设计，再根据请求映射规则分发给相应的页面控制器（动作/处理器）进行处理。 Spring Web MVC处理请求的流程

具体执行步骤如下：

1、首先用户发送请求————>前端控制器，前端控制器根据请求信息（如URL）来决定选择哪一个页面控制器进行处理并把请求委托给它，即以前的控制器的控制逻辑部分；图2-1中的1、2步骤；

2、页面控制器接收到请求后，进行功能处理，首先需要收集和绑定请求参数到一个对象，这个对象在Spring Web MVC中叫命令对象，并进行验证，然后将命令对象委托给业务对象进行处理；处理完毕后返回一个ModelAndView（模型数据和逻辑视图名）；图2-1中的3、4、5步骤；

3、前端控制器收回控制权，然后根据返回的逻辑视图名，选择相应的视图进行渲染，并把模型数据传入以便视图渲染；图2-1中的步骤6、7；

4、前端控制器再次收回控制权，将响应返回给用户，图2-1中的步骤8；至此整个结束。

Spring Web MVC配置

expression="ller"/>

class="alResourceViewResolver">