Springboot小说网站系统的设计与实现

摘 要

大数据时代下，数据呈爆炸式地增长。为了迎合信息化时代的潮流和信息化安全的要求，利用互联网服务于其他行业，促进生产，已经是成为一种势不可挡的趋势。在网络小说的要求下，开发一款整体式结构的小说网站，将复杂的系统进行拆分，能够实现对需求的变化快速响应、系统稳定性的保障，能保证平台可持续、规模化发展的要求。

本文研究的小说网站完善了对应的软体架设以及程序编码的工作，采取Mysql作为后台数据的主要存储单元，采用Springboot框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。同时完成小说网站的基本功能：小说浏览、小说资讯、小说分类、小说中心等。

关键词：小说网站；整体式结构；Mysql数据库

Design and implementation of springboot novel website system

Abstract

In the era of big data, data is growing explosively. In order to meet the trend of the information age and the requirements of information security, using the Internet to serve other industries and promote production has become an irresistible trend. Under the requirements of online novels, develop a novel website with an integral structure to split the complex system, which can realize the rapid response to the change of demand, the guarantee of system stability, and the requirements of sustainable and large-scale development of the platform.

The novel website studied in this paper improves the corresponding software erection and program coding, takes MySQL as the main storage unit of background data, and uses springboot framework, JSP technology and Ajax technology to code and develop the business system, so as to realize the whole function of the system. At the same time, complete the basic functions of the novel website: novel browsing, novel information, novel classification, novel center, etc.

Key words:Novel website; Integral structure; Mysql database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 开发现状

第2章 开发工具及相关技术介绍

2.1 J2EE技术

2.2 Springboot框架

2.3 MySQL数据库

2.4B/S结构

2.5 JavaScript运行模式

2.6 B/S体系工作原理

第3章 系统分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 需求分析

3.3 系统业务流程分析

3.4 系统数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构

4.3 功能模块设计

4.4 数据库设计

4.4.1 概念模型设计

4.4.2 逻辑结构设计

4.4.3 数据库连接设计

第5章 系统实现

5.1 登录模块的实现

5.2 用户子系统模块的实现

5.2.1 用户首页模块

5.2.2 用户注册模块

5.2.3 评论模块

5.2.4 小说资讯模块

5.2.5 小说中心模块

5.3 管理员子系统模块的实现

5.3.1 系统用户管理模块

5.3.2 小说中心管理模块

第6章 系统测试

6.1 测试目的

6.2 测试用例

6.2.1 登录测试

6.2.2 注册测试

6.2.3 评论测试

6.2.4 小说管理测试

6.2.5 小说分类测试

6.3 测试结果

第7章 总结与展望

参考文献

致谢

1. 绪论
   1. 研究背景与意义

随着计算机网络在中国的广泛普及，在线小说阅读以是近年来新兴的互联网模式，它是在原有的文字、图片等静态信息浏览的基础上，增加了一系列的其他信息的综合平台。小说网站就是提供了这一服务的具有动态交互功能的管理信息系统，它实现了一个互联网上的小说网站。用户可以在线浏览小说信息并根据自己的喜好进行小说的阅读，收藏，评论。通过这个小说网站，使用户足不出户就可以进行查看自己需要的小说信息，随时随地的浏览网页。摆脱了传统的阅读小说的局限性。

小说网站可以给作者和读者提供一个相互交流的平台，读者可以在这个平台寻找自己感兴趣的作品并发布自己对作品的评论，作者能及时根据读者的评论来修改自己的作品内容、调解创作思路。这个平台的存在也可以减少买小说书的次数，节约不少金钱。

1. 1. 开发现状

2007年4月，加拿大在互联网络上举办了一个"全国小说"的写作活动。参加活动的作家一共有12位，代表加拿大全国12个省区的作家。12位知名作家在12个小时内完成了一篇集体创作的小说。小说的主题是"跨国故事"（Cross Country Story）。

美国著名作家约翰•厄普代克与另外44名作家一起在网上合作完成了题为"故事由谋杀开始"的小说。这次网络小说写作活动由著名的网上书店亚马逊公司主持。网络小说又一次风靡一时。

据统计，目前国内上网的约1000万网民中，21岁到35岁的占80％。网络文学兴起的背后是70年代乃至80年代出生的青年作家、青年文学爱好者的迅速成长。有人甚至将网络文学形容为"时代新文化运动的先声"，网络文学的兴起能够"吹响新文明的号角"。

国内的网络书屋大致是在1997后出现的，网易等公司提供的免费空间，为初期书站的发展提供了物质基础。初期的网络书站主要以转载为主，版权意识薄弱。部分网站是通过将武侠、言情等实体书扫描到网上来充实网站内容，而更多的网站则是直接从别的站转载。在这种大环境下，黄金书屋利用先发优势牢牢占据了网络书站老大的位置。号称“上网读书不识黄金书屋，再称网虫也枉然”。

1. 开发工具及相关技术介绍
   1. J2EE技术

可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便。

1. 1. Spring boot框架 

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVVM框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVVM。

1. 1. MySQL数据库

用MySQL这个软件，是因为它能接受多个使用者访问，而且里面存在Archive等。它会先把数据进行分类，然后分别保存在表里，这样的特别操作就会提高数据管理系统自身的速度，让数据库能被灵活运用。MySQL的代码是公开的，而且允许别人二次编译升级。这个特点能够降低使用者的成本，再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点，但是综合各方面来说，它是使用者的主流运用的对象。

1. 1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. 1. JavaScript 运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.1是一种解释性脚本语言（代码不进行预编译）。

1.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

1.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1. 1. B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1. 系统分析
   1. 可行性分析

在软件开发的过程中系统的可行性分析是必不可少的，可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点，还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性，操作的可行性，经济的可行性对我们的系统进行可行性的研究。小说网站的可行性分析如下所示：

1. 1. 1. 技术可行性

小说网站采用的是Java编程语言并于MVVM模式，数据库部分采用的是当前流行的MYSQL数据库，小说网站中的所有数据资源都存储在Mysql数据库中，本系统多处采用了AJAX的异步操作，AJAX技术可以对用户指定部分的数据进行局部刷新，不仅减少了服务器对页面的解析而且极大增加了用户的体验度。本系统的环境配置也较为简单，因为用的是HBuilder编辑器，而HBuilder里面有自带的Apache服务器和JDK环境，因此不需要我们在重新配置。

本系统采用Java、Mysql来支持事务和数据逻辑用H5来做前台页面的显示。

HTML网页中的不同组成成分是采用标签的形式来进行标识的。以下是HTML的基本的组成布局：

图3-1 HTML基本构成图

1. 1. 1. 经济可行性

小说网站是在Java和Mysql的环境中运行的，而系统的成本也只是主要分布在软件的开发和维护上。但如果系统上线投入使用之后，不仅可以方便人们，还节省了用户的时间和精力，而且还极大限度的方便了运营者，减少了运营者的工作强度。小说网站其实也不太复杂，在开发的时候经济支出也不大，在开发系统时时间用的也不多，从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本，所以开发此系统是可行合适的。

1. 1. 1. 操作可行性

本系统是基于浏览器和服务器的小说网站，系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了，在没有操作指导的情况下也可以进行操作，无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的，因此只要电脑在有网络的情况下，打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置，因此本系统方便、简单、易于使用，所以该系统是容易并且可操作的。

1. 1. 需求分析

根据用户对系统的需求，要求系统简单操作，能够准确，完整的对信息进行管理。小说网站在对需求做解析后，整个系统主要分为两个部分：管理员和普通用户，每个模块下的分支功能不一样。对功能做出如下说明：

管理员模块：系统用户管理、小说分类管理、关于我们设置、用户注册管理、小说中心管理、在线讨论管理、小说资讯管理、讨论分类管理、系统管理。

用户模块：小说浏览、小说资讯、公告栏、小说中心、小说点赞收藏等。

用户用例图如下所示。

 

图3-1 用户用例图

管理员用例图如下所示。

 

图3-1 管理员用例图

根据用例图，对一些重要的用例进行描述。

注册用例描述如下表所示。

表3-1 注册用例描述

用例名称	注册
参与者	用户
描述	用户填写相关信息完成注册成为系统的用户
前置条件	无
后置条件	用户填写相关信息并用户账号可用
事件流	用户点击注册按钮 用户填写相关信息 用户确认并提交信息 系统提示注册成功
补充说明	系统检测用户所输信息如不符合要求则提示并返回注册界面 系统检测用户所输账号不可用或已存在则提示并返回注册界面

登录用例描述如下表所示。

表3-1 登录用例描述

用例名称	登录
参与者	用户
描述	用户填写用户名和密码登录系统
前置条件	用户已注册
后置条件	用户名和密码正确
事件流	（1）用户在登录页面输入用户名和密码 （2）系统检测用户输入的用户名和密码 （3）显示登录成功并返回主页面
补充说明	（a）系统检查除密码不正确，返回登录页面

个人信息管理用例描述如下表所示。

表3-1 个人信息管理用例描述

用例名称	管理个人信息
参与者	用户
描述	用户查看、修改个人信息
前置条件	用户已登录
后置条件	无
事件流	（1）用户查看个人信息 （2）用户修改个人信息
补充说明	（a）用户可修改密码 （b）用户可修改联系方式

留言用例描述如下表所示。

表3-1 留言用例描述

用例名称	留言
参与者	用户
描述	用户发表留言
前置条件	用户已登录
后置条件	留言内容不违规
事件流	（1）在留言页输入留言数据，提交留言 （2）更新并显示留言板
补充说明	（a）留言内容不能为空

评论用例描述如下表所示。

表3-1 评论用例描述

用例名称	评论
参与者	用户
描述	用户发表评论
前置条件	用户已登录
后置条件	评论内容不违规
事件流	（1）在评论页输入评论数据，提交评论 （2）更新并显示评论板
补充说明	（a）评论内容不能为空

小说分类用例描述如下表所示。

表3-1 小说分类用例描述

用例名称	小说分类
参与者	用户
描述	用户执行小说分类操作
前置条件	用户已登录
后置条件	该小说存在，并且能被进行分类
事件流	（1）在小说页点击要进行分类的小说 （2）填写小说分类数据
补充说明	（a）小说分类表单数据不能为空

在线讨论用例描述如下表所示。

表3-1 在线讨论用例描述

用例名称	在线讨论
参与者	用户
描述	用户执行在线讨论操作
前置条件	用户已登录
后置条件	该在线讨论存在，并且能被查询
事件流	（1）在在线讨论页点击要查询的在线讨论 （2）填写在线讨论数据
补充说明	（a）在线讨论表单数据不能为空

小说用例描述如下表所示。

表3-1 小说用例描述

用例名称	小说管理
参与者	用户
描述	用户提供新增、修改、删除、查阅等功能
前置条件	用户成功登录系统 用户只能对已存在的小说进行修改和删除
后置条件	无
事件流	(1)用户查看修改小说 (2)用户添加小说 (3)用户删除小说
补充说明	(a)新添加的小说不符合要求时会添加失败 (b)修改的小说不符合要求时会修改失败

1. 1. 系统业务流程分析

小说网站的业务流程如下图所示。

 

图3-3 系统业务流程图

管理员拥有最高权限，在对各项信息进行增加、删除、修改后会更新后台数据库的内容，用户在登录进行小说资讯浏览、小说阅读、在线讨论、公告栏信息、小说中心了解等指令动作同样会更新后台数据。

1. 1. 系统数据流程分析

与强调控制逻辑的程序流程图不同，它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程，是对数据规格的说明。也正因如此，系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。

小说网站的顶层数据流如下图所示。

图3-4系统顶层数据流图

 

系统顶层数据流：外部实体为用户，第一个流程为登录验证，用户信息表返回密码验证，是否正确，正确则登录系统，错误则反馈信息，登录系统后，根据不同用户的功能选择，来读写数据库。

系统底层数据流如下图所示。

 

图3-5系统底层数据流图

系统底层数据流：外部实体为管理员和普通用户，数据流分别有管理员和普通用户流向系统数据流程，数据表提供数据支持，来完成逻辑操作。

1. 系统设计
   1. 系统架构设计

小说网站采用三层开发设计模式，分为：用户界面层，业务逻辑层和数据访问层。用户界面层用来和用户交互，业务逻辑层负责业务的处理和各层之间的数据的传递；数据访问层负责对数据库的访问和检索。

系统的架构图如下图所示。

图4-1 系统架构图

 

系统各层之间的调用过程如下：

（1）用户通过用户界面层访问系统，向系统提交请求，界面层对请求进行初步的处理和包装，并判断是否要与业务逻辑层进行交互。

（2）业务逻辑层接收来自界面层的请求，对请求进行数据处理。然后调用数据访问层来实现数据库访问，数据访问层访问数据库，将数据读出并返回给逻辑层。

（3）逻辑层将处理的结果，返回给界面层。界面层加以处理呈现给用户。

1. 1. 系统功能结构

进入系统后首先要进行登录，验证你的身份，赋予你不同的权限。当你成功登录后，页面会有多个板块，分别是系统用户管理、小说资讯管理、小说分类管理、在线讨论管理、小说中心管理、系统管理。里面界面简单易懂，根据标示可以直接进行方便快捷的操作。

系统功能结构图如下所示。

 

图4-2系统功能结构图

1. 1. 功能模块设计

管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能，包括：

管理员录入管理员账户基本信息；

管理员更新、增加及删除管理员账户基本信息；

用户根据管理员账户 ID 查询基本信息；

系统管理员更改个人密码；

留言的基本信息管理。主要提供留言的基本信息录入、修改和查询功能，包括：

用户录入留言基本信息；

管理员更新、增加及删除留言基本信息；

评论的基本信息管理。主要提供评论的基本信息录入、修改和查询功能，包括：

用户录入评论基本信息；

管理员更新、增加及删除评论基本信息；

管理员根据评论 ID 查询评论基本信息；

小说分类的基本信息管理。主要是提供小说分类的基本信息录入、维护和查询功能，包括：

用户录入小说分类基本信息；

用户更新、增加及删除小说分类基本信息；

用户根据小说分类 ID 查询小说分类基本信息；

小说的基本信息管理。主要提供小说的基本信息录入、删除、维护和查询功能， 包括：

管理员录入小说信息；

管理员更新、增加小说基本信息；

管理员根据小说 ID 查询小说基本信息；

用户根据个人信息导航栏查询小说信息；

1. 1. 数据库设计

一个好的系统它的后台数据库一定要考虑的全面，这和我们建造房子一个概念，房子不是随心所欲建起来的，一切都是在合理设计的基础是实现的，地基打牢固了房子才能建的更高。数据库如果设计的很合理，而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。

1. 1. 1. 概念模型设计

本系统在数据库中存放了多张表，分别是用户表、评论表、小说资讯表、小说分类表、小说中心表。

系统的主要实体间关系E-R图如下图所示。

 

图4-7系统E-R图

1. 1. 1. 逻辑结构设计

此环节把概念转变成数据。由于整个数据库所处理的信息过多，就只展示几个表。

名称	类型	长度	不是null	主键	注释
user_registration_id	int	11	是	是	用户注册ID
gender	varchar	64	否	否	性别
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
novel_classification_id	int	11	是	是	小说分类ID
novel_type	varchar	64	否	否	小说类型
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
novel_center_id	int	11	是	是	小说中心ID
novel_number	varchar	64	否	否	小说编号
novel_type	varchar	64	否	否	小说类型
novel_name	varchar	64	否	否	小说名称
novel_download	varchar	255	否	否	小说下载
author	varchar	64	否	否	作者
time_to_market	date	0	否	否	上市时间
cover	varchar	255	否	否	封面
introduction_to_the_novel	text	0	否	否	小说简介
novel_content	longtext	0	否	否	小说内容
hits	int	11	是	否	点击数
praise_len	int	11	是	否	点赞数
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
forum_id	mediumint	8	是	是	论坛id
display	smallint	5	是	否	排序
user_id	mediumint	8	是	否	用户ID
nickname	varchar	16	否	否	昵称：[0,16]
praise_len	int	10	否	否	点赞数
hits	int	10	是	否	访问数
title	varchar	125	是	否	标题
keywords	varchar	125	否	否	关键词
description	varchar	255	否	否	描述
url	varchar	255	否	否	来源地址
tag	varchar	255	否	否	标签
img	text	0	否	否	封面图
content	longtext	0	否	否	正文
create_time	timestamp	0	是	否	创建时间：
update_time	timestamp	0	是	否	更新时间：
avatar	varchar	255	否	否	发帖人头像：
type	varchar	64	是	否	论坛分类

名称	类型	长度	不是null	主键	注释
hits_id	int	10	是	是	点赞ID：
user_id	int	11	是	否	点赞人：
create_time	timestamp	0	是	否	创建时间：
update_time	timestamp	0	是	否	更新时间：
source_table	varchar	255	否	否	来源表：
source_field	varchar	255	否	否	来源字段：
source_id	int	10	是	否	来源ID：

名称	类型	长度	不是null	主键	注释
upload_id	int	11	是	是	上传ID
name	varchar	64	否	否	文件名
path	varchar	255	否	否	访问路径
file	varchar	255	否	否	文件路径
display	varchar	255	否	否	显示顺序
father_id	int	11	否	否	父级ID
dir	varchar	255	否	否	文件夹
type	varchar	32	否	否	文件类型

1. 1. 1. 数据库连接设计

通过Mysql库和Mysqli库函数连接。这种方法是Java连接MySQL经常使用的方法，不管是从效率上还是易用性来说，它都比用ODBC接口连接好。

Java存取mysql数据库的四个步骤是：

（1）建立连接：mysql_connect ();

（2）操纵数据库：mysql_select_db();返回布尔型数据值

（3）操纵数据库中的数据：mysql_query ();

（4）关闭连接：mysql_close ();

数据库连接代码如下所示。

<?Java

error_reporting(0);

//数据库链接文件

$host='127.0.0.1';//数据库服务器

$user='root';//数据库用户名

$password='';//数据库密码

$database='Javarjgcxwzzxa1a8';//数据库名

$conn=@mysql_connect($host,$user,$password) or die('数据库连接失败！');

@mysql_select_db($database) or die('没有找到数据库！');

mysql_query("set names 'gb2312'");

function getoption($ntable,$nzd)

{

$sql="select ".$nzd." from ".$ntable." order by id desc";

$query=mysql_query($sql);

$rowscount=mysql_num_rows($query);

if($rowscount>0)

{

for ($fi=0;$fi<$rowscount;$fi++)

{

?>

<option value="<?Java echo mysql_result($query,$fi,0);?>"><?Java echo mysql_result($query,$fi,0);?></option>

<?Java

}

}

}

1. 系统实现
   1. 登录模块的实现

该登录模块利用js进行设计，JavaScript函数CheckSubmit()对输入框是否为空进行验证，使用js的技术结合Mysql数据库的查询语句进行登录信息的验证。首先从文本框中分别获得账号user_name和密码user_pw，使用Sql语句“select * from t_user where user_name=‘”+user_name+“’ and user_pw=‘”+user_pw+“’”将查询结果赋给rs结果集，若mysql_query()返回值为空，表示数据库找不到该用户数据，若mysql_query()返回值不为空，则显示登录成功，进入主界面。

用户登录流程图如下所示。

 

图5-1用户登录流程

用户登录流程：用户只有输入正确的用户名和密码才会成功进入系统，用户输入用户名密码后点击登录按钮，系统会进行校验该用户名是否存在，如果用户名与密码不匹配或者用户名不存在，则返回主界面。

系统登录界面如下图所示。

 

图5-2系统登录界面

登录功能的逻辑代码如下所示。

* 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.selectBaseList(service.select(map, new HashMap<>()));

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

    public String select(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}",table,sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String,Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

        }

        return list;

}

1. 1. 用户子系统模块的实现
      1. 用户首页模块

在浏览器的地址栏里输入http://localhost:3306/index.Java 地址，就可以跳转到小说网站的首页，首页是由4个页面组成的，包括top、left、down和center等页面，这里也是浏览者访问系统的入口，通过@ include引入。

首页载入流程图如下所示。

 

图5-3首页载入流程

首页载入流程：系统先连接数据库，显示界面参数初始化，读取数据库的数据表，读取html显示模板，对数据按添加时间排序，按照模板设计位置显示数据，刷新显示界面，断开数据库连接。

首页如下图所示。

 

图5-4首页界面

其中载入首页的主要代码如下。

<?Java include_once 'qttop.Java';?>

<?Java include_once 'qtleft.Java';?>

<?Java include_once 'qtdown.Java';?>

1. 1. 1. 用户注册模块

系统的用户通过自行注册生成，在系统首页点击用户注册菜单，系统跳转到对应的注册页面。点击重置按钮，清空所填数据，点击注册按钮完成注册。

用户注册流程图如下所示。

 

图5-5用户注册流程

注册个人信息实现流程为：填写个人信息，系统使用JQuery选择器获取在网页中输入的注册信息，再对联系方式、登录密码等信息进行验证，验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台，然后验证用户名是否已存在，如果已存在则注册失败提示“用户名已存在”；如果用户表中没有该用户名则把用户信息加入数据库，把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数，然后解析返回的json字符串，系统根据返回信息弹出提示框，注册成功后返回登录页。

用户注册界面如下图所示。

 

图5-5用户注册界面

用户注册页面的逻辑代码如下。

 * 注册

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = service.readBody(request.getReader());

        query.put("username",String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

    }

    public void insert(Map<String,Object> body){

        E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

        baseMapper.insert(entity);

        log.info("[{}] - 插入操作：{}",entity);

}

1. 1. 1. 评论模块

用户给小说添加评论，包括评分，评论人，评论内容等，在pinglunadd.Java实现评论的逻辑添加，管理员管理系统的所有评论信息，在pinglun_list.Java实现评论的管理。

评论流程图如下所示。

 

 

图5-6信息评论流程

用户登录成功后，浏览小说页面，输入评论语，添加该评论，修改评论，返回评论相关界面。

评论添加界面如下图所示。

 

图5-7评论添加界面

添加评论的主要逻辑代码如下。

<?Java

session_start();

if($_SESSION["username"]=="")

{

echo "<script>javascript:alert('对不起，请您先登陆！');window.close();</script>";

exit;

}

include_once 'conn.Java';

$id=$_GET["id"];

$addnew=$_POST["addnew"];

if ($addnew=="1" )

{

$wenzhangID=$_POST["wenzhangID"];$pinglunneirong=$_POST["pinglunneirong"];$pinglunren=$_POST["pinglunren"];$biao=$_POST["biao"];$pingfen=$_POST["pingfen"];

$sql="insert into pinglun(wenzhangID,pinglunneirong,pinglunren,biao,pingfen) values('$wenzhangID','$pinglunneirong','$pinglunren','$biao','$pingfen') ";

mysql_query($sql);

echo "<script>javascript:alert('评论成功!');  window.opener.location.reload();window.close();</script>";

}

?>

1. 1. 1. 小说资讯模块

用户选择相应的小说资讯，通过id传参，找到id为此传参的小说，在shoucangadd.Java浏览资讯内容。

小说资讯界面如下图所示。

 

图5-8小说资讯界面

小说资讯管理界面如下图所示。

 

图5-9小说资讯管理界面

小说资讯的主要逻辑代码如下。

<%

String lb=request.getParameter("lb");

HashMap ext = new HashMap();  

new CommDAO().insert(request,response,"xinwentongzhi",ext,true,false,"xinwentongzhi_add.jsp?lb="+lb);

%>

1. 1. 1. 小说中心模块

管理员发布小说内容后，用户找到对应的小说信息，包括￥，选择相应的小说中心，通过id传参，找到该小说具体内容。

小说中心流程如下图所示。

 

图5-10小说中心流程

小说中心界面如下图所示。

 

图5-11小说中心界面

小说中心的主要逻辑代码:

<mapper namespace="com.project.demo.dao.base.BaseMapper">

    <select id="selectBaseList" resultType="java.util.LinkedHashMap">

        ${select}

    </select>

    <select id="selectBaseCount" resultType="Integer">

        ${count}

    </select>

    <select id="selectBaseOne" resultType="Object">

        ${select}

    </select>

    <update id="updateBaseSql">

        ${sql}

    </update>

    <delete id="deleteBaseSql">

        ${sql}

    </delete>

</mapper>

1. 1. 管理员子系统模块的实现
      1. 系统用户管理模块

管理员对系统用户的管理，在yhzhgl.Java实现管理员用户的管理，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，提交到mod.Java中，使用sql命令更新密码。

管理员用户管理的界面如下图所示。

 

图5-12管理员用户管理界面

用户管理的逻辑代码如下。

 @RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

1. 1. 1. 小说中心管理模块

管理员在xiaoshuoxinxi_add.Java发布小说，跳转至小说添加表单，提交小说信息，包括小说编号、书名、小说类别、作者、封面等，小说提交后，数据库的小说信息表刷新数据，系统将小说信息展示出来。

小说管理的流程如所示。

 

图5-13小说管理流程

小说分类的界面如所示。

 

图5-14小说分类界面

小说中心管理的界面如所示。

图5-15小说中心管理界面

 

小说中心管理的逻辑代码如下。

 

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

1. 系统测试
   1. 测试目的

在这个产品被投入使用前，首先需要进行试用，这是重要的环节。考虑到某个部分的开发没有缺陷情况下，把各种模块拼接，也有一定概率就存在矛盾。这就好比每个人都很独特，但聚在一起就显得杂乱无章，需要保证有默契的配合。对于测试，要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入，那么就需要做出一些调整，让最终的大方向朝着目标前进。

1. 1. 测试用例
      1. 登录测试 

登录测试用例如下表所示。

表6-1登录测试用例

输入		输出
用户名	密码
空	空	用户名和密码不能为空
Kkk	aaa	用户名长度不允许，请重新输入！
2109402315	123456	用户名出错，请重新输入！
sssss	123456	用户名出错，请重新输入！

1. 1. 1. 注册测试 

注册测试用例如下表所示。

表6-2注册测试用例

输入				输出
用户名	密码	确认密码	邮箱
空	空	空	空	用户名和密码不能为空
Kkk	aaa	aaa	23@qq.com	注册成功
210	aaa	abc	23@qq.com	注册失败，两次密码不一致
sssss	aaa	aaa		注册成功

1. 1. 1. 评论测试

评论测试用例如下表所示。

表6-3评论测试用例

功能	测试数据	预期结果	测试结果
添加评论	评论内容：asd	在评论列表中显示评论题目，点击显示评论内容。评论显示为未回答	在评论列表中显示评论题目，点击显示评论内容。评论显示为未回答
回复评论	回答评论：dxvcv。	评论列表中评论“asd”显示已回答，点击评论题目，显示评论内容和回答内容	评论列表中评论“asd”显示已回答，点击评论题目，显示评论内容和回答内容
删除评论	删除评论“asd”	评论成功删除	评论成功删除

1. 1. 1. 小说管理测试 

小说测试用例如下表所示。

表6-4添加小说测试用例

输入				输出
名称	类别	价格	备注
空	空	空	空	添加失败
小说1	A	1		添加成功
空	A	1		添加失败，名称不能为空
小说2	空	1		添加失败，请选择类别

1. 1. 1. 小说分类测试 

小说分类测试用例如下表所示。

表6-5小说分类测试用例

输入				输出
名称	类别	数量	备注
空	空	空	空	添加失败
小说1	A	1		添加成功
空	A	1		添加失败，名称不能为空
小说2	空	1		添加失败，请选择类别

1. 1. 测试结果

经过测试，得到测试结果如下表所示。

表6-6测试结果

序号	测试项目	内容和目的	测试结果
	用户登录	输入正确用户名与密码	可以登录
		输入错误用户名与密码	提示错误的信息
	小说资讯管理 （添加，修改，删除）	输入正确信息	成功完成
		输入错误信息	操作失败
	修改登录密码	修改新的密码	成功完成
	用户管理 （添加，修改，删除）	输入正确信息	成功完成
		输入错误信息	操作失败
	评论管理 （添加，修改，删除）	输入正确信息	成功完成
		输入错误信息	操作失败
	小说分类管理 （添加，修改，删除）	输入正确信息	成功完成
		输入错误信息	操作失败
	小说中心管理 （添加，修改，删除）	输入正确信息	成功完成
		输入错误信息	操作失败

1. 总结与展望

本次毕业论文的主要是利用Java+Mysql开发一个安全可靠，操作简易，同时具备业务可扩展的小说网站。本文详细的论述了小说网站的设计和开发，本系统的所有事务逻辑都是按照系统的需求分析进行设计的，系统有普通用户和系统管理员两种角色，本系统多处采用了AJAX的异步交互技术，同时它也叫异步交互技术，利用它我们可以让网页的局部进行数据刷新操作，AJAX和传统的数据更新技术大大增加了客户的体验程度，由于是对局部进行操作那么就减少了一些繁琐而又不必要的操作，减轻了服务器对页面解析的负担。

与其他系统相比，本系统有自身的优点，

例如：

（1）创新性强；

（2）业务逻辑性强，安全性高，在一些重要的功能模块需要通过审查之后才可使用；

（3）移植性高，在所有window平台都可使用。

当然也还有很多需要进一步改进的地方：

（1）系统大多数页面都是全局刷新，缺乏局部刷新，这将增加服务器的压力，如果有大量用户在同一时间段操作同一个功能模块，可能会导致查询缓慢；

（2）页面没有经过专业的UI设计，美观程度不及其他市场其他网站系统，有待改善。

参考文献

[1]杨孙超.从数字阅读的变迁看待电子墨水屏技术的发展[J].科技资讯,2021,19(03):207-209.

[2]周瑞莺,陈黄焱. 全媒体时代基于电子书阅读器的阅读推广服务探析[C]//中国图书馆学会年会论文集（2020年卷）.,2020:336-340.

[3]余丽娜.基于Android的多功能在线阅读的设计与实现[J].信息通信,2019(08):199-200.

[4]祝洁莉,王细荣.掌阅iReader电子阅读器及其打开国内市场分析[J].新闻传播,2019(14):186-187.

[5]陈东升.亚马逊推出全新Kindle电子阅读器[J].计算机与网络,2019,45(07):31.

[6]黄燕妮.Kindle电子书阅读器在公共图书馆的使用情况调查分析——以厦门市图书馆为例[J].四川图书馆学报,2019(05):60-64.

[7]寇惠云.在吸阅读技术发展综述[J].中国高新区,2019(11):16+26.

[8]张洁.电子书阅读界面在移动互联网时代的设计路线[J].数字技术与应用,2019,36(03):147+149.

[9]毛璐娜. 基于多模态信号识别的无障碍电子书阅读器的研究和实现[D].浙江大学,2019.

[10]朱晓宁,王军,郭延红.基于Android下电子书阅读器的技术研究[J].科技视界,2018(33):56+22.

[11]岳贤.互联网大潮下“电纸书”还有人读吗[J].计算机与网络,2018,43(21):18.

[12]余娜.手机+移动互联网大潮下 “电纸书”还有人读吗[J].计算机与网络,2018,43(20):46.

[13]王东.Kindle X咪咕电子书阅读器正式开售[J].计算机与网络,2018,43(18):28.

[14]陈涛.国内电子书阅读器发展现状与前景刍议——以三款电子书阅读器为例[J].山西科技,2018,31(05):95-99.

[15]孙瑞.智能设备中电子阅读APP界面设计研究[J].出版广角,2018(03):49-51.

[16] Kou Huiyun Overview of e-book reader technology development [J] China high tech Zone, 2020 (11): 16 + 26

[17] Zhang Jie Design route of e-book reading interface in the era of mobile Internet [J] Digital technology and application, 2019,36 (03): 147 + 149