（附源码）ssm基于java的线上阅读平台的设计与实现 毕业设计291023

SSM线上阅读平台开发

摘 要

随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，采用SSM框架开发一个线上阅读平台。

本设计主要实现集人性化、高效率、便捷等优点于一身的线上阅读平台，完成用户管理、书籍管理、小说资讯、投稿中心等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。线上阅读平台使用Java语言，采用基于 MVC模式的JavaEE技术进行开发，使用 MyEclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：在线阅读；Java语言；书籍管理

Development of SSM online reading platform

Abstract

With the advent of the Internet trend, all walks of life are considering using the Internet to promote themselves. The best way is to establish their own Internet system and maintain and manage it. In practical application, according to the working rules and development steps of application software, an online reading platform is developed by using SSM framework.

This design mainly realizes the online reading platform with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as user management, book management, novel information, submission center and so on. The system communicates with the server through the browser to realize the interaction and change of data. You can operate the system and realize data communication management by moving your fingers through a computer. The safety, stability and reliability of data are fully considered in the design process of the whole system, and the operation process is simple. Through scientific management and convenient service, the system improves work efficiency and reduces errors and omissions in data storage. The online reading platform uses Java language, adopts Java EE technology based on MVC mode for development, and is written with MyEclipse 2017 CI 10 compiler. In terms of data, Microsoft's MySQL relational database is mainly used as the data storage medium, and the system development is completed with the foreground HTML + CSS technology.

Key words: 在线阅读；Java语言；书籍管理

目 录

第1章 绪论 1

1.1 研究背景与意义 1

1.2 开发现状 1

1.3 主要工作及论文结构 1

第2章 相关技术介绍 3

2.1开发技术 3

2.2 MVVM模式 3

2.3 B/S结构 4

2.4 Mysql数据库 3

2.5 SSM框架 3

2.5 SSM框架各层关系 3

第3章 系统分析 5

3.1 可行性分析 5

3.1.1 技术可行性 5

3.1.2 经济可行性 5

3.1.3 社会可行性 5

3.2系统功能分析和描述 5

3.3性能分析 6

3.4系统操作流程 7

3.4.1添加信息流程 7

3.4.2操作流程 7

3.4.3删除信息流程 8

第4章 系统设计 10

4.1系统架构设计 10

4.2开发流程设计 10

4.3数据库设计 12

4..3.1实体ER图 13

4.3.2数据表 14

第5章 系统实现 15

5.1 数据库连接模块的实现 15

5.2 登录模块的实现 16

5.3注册模块的实现 21

5.4 小说资讯列表模块的实现 23

5.5 阅读中心推荐模块的实现 24

5.6 书籍模块的实现 26

5.7 图书分类管理模块的实现 28

5.8 书籍信息管理模块的实现 30

第6章 系统测试 31

6.1 测试环境 31

6.2 测试目标 31

6.3 功能测试 31

6.4 测试结果 32

第7章 总结与展望 34

参考文献 35

致谢 37

1. 绪论

1. 研究背景与意义

在这个快节奏的时代，人们的空余时间越来越零碎，而且人们对智能手机的依赖越来越重，所以，一个拥有丰富功能且能随时进行阅读的线上阅读平台的出现，则是我们刻不容缓的事情。此软件是在网络平台上进行设计开发，此软件的开发是通过了客户需求分析阶段以及技术可行性分析阶段，然后进行总体设计阶段和详细设计编码等阶段。此软件不仅具有基本的书籍阅读功能，而且还拥有丰富的实用功能设计，例如投稿中心、反馈中心、内容加密等。经过不断的测试与完善，线上阅读平台功能稳定，并且在真机上对其进行了测试与验证，基本上达到了用户的需求标准。

线上阅读平台的开发目标就是让用户可以把零碎的空余时间有效的利用到书籍的阅读上，而且用户在没有网路的情况下也可以正常的进行书籍的阅读,让用户摆脱书籍的笨重携带不方便等确定，给予阅读者更大的便利性更好的舒适性。此软件是在网络平台上进行设计开发，它的界面丰富简洁但是却不简单，它包含了书架界面、文件查看界面、软件设置界面、书籍阅读界面等界面，它的功能全面。其优越性表现在:手动从文件夹中选择添加书籍、自动为书籍生成章节目录、添加查看书签、全文关键词搜索、阅读主题选择等功能。此外，给用户更清晰方便的界面，也是本软件的出发点之一。

2. 开发现状

计算机在现如今已经是大部分家家户户基本会有的硬件设备，互联网发展也是在超音速进行着，网络时代改变着人们的很多生活习惯，现在越来越多的人在网上购物、交水电费、手机充值、购买演出票等等，互联网已经慢慢渗透到越来越多的人的生活中，“网上操作”已经成为流行。

在线阅读与传统阅读方式已经发生了较大改变，在线阅读不需要购买一本又一本的纸质书籍，而只是在电脑面前点点屏幕就可以阅读自己想看的任何书籍，传统阅读方式不仅在书籍上面会耗费大量木材，而且读者还会花费很多经济在购买书籍上面。因此，在线阅读是文学发展的一种必要的趋势，线上阅读平台正是这种发展趋势的演变形式。

现在到以后，互联网更是会“霸占”人类越来越多的时间，改变人类生活、学习、工作方式，上世纪世界是武器技术的较量，而在这个世纪世界则是信息技术的较量。互联网技术又是信息技术的载体，在线阅读又是今后的一种发展趋势，全民读书在在线阅读基础上是完全可以做到的，任何人、任何职业、任何背景，都应该有使用互联网，终身学习的想法。在信息时代的门前，人人都应该要参与进来，或者说跟随时代的大流，而在线阅读也正是这种文学大流的指向标。

3. 主要工作及论文结构

本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近线上阅读平台的实际，有效管理线上阅读平台。

论文结构如下：

第一章绪论：主要对线上阅读平台 的开发背景,研究现状，目的,及意义进行了分析。

第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。

第三章系统分析：主要是对线上阅读平台进行需求分析，以及对其数据流程与功能进行分析。

第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。

第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。

第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。

第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。

2. 相关技术介绍

1. 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术

2. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

3. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的在线阅读平台在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对在线阅读平台后台数据进行存储操作。

数据库管理系统的总体结构图如下图所示。

图2-1 数据库组成结构

4. B/S结构

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

5. SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

6. ssm框架各层关系：

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

3. 系统分析

1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

1. 技术可行性

技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。

2. 经济可行性

系统所采用的Myeclipse开发平台和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。

3. 社会可行性

本系统是自行开发的系统，以方便高效管理线上阅读平台为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。

2. 性能分析

对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的线上阅读平台 。

线上阅读平台的开发设计时一个独立的系统，以之前数据库进行数据的存储开发，主要是为了实现线上阅读平台 的用户角色及相对应的功能模块，让线上阅读平台的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，线上阅读平台的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。

3.3系统流程分析

3.3.1添加信息流程

添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-3所示。

图3-3 添加信息流程图

3.3.2操作流程

用户想进入系统，首先进入系统登录界面，通过正确的用户名、密码，选择登录类型登录，系统会检查登录信息，信息正确，然后输入相应的功能界面，提示信息错误，登录失败。系统操作流程如图3-4所示。

图3-4操作流程图

3.3.3删除信息流程

用户选择要删除的信息并单击Delete按钮。系统提示是否删除信息。如果用户想要删除信息，系统将删除信息。系统数据库删除信息。删除信息流程图如图3-5所示。

图3-5 删除信息流程图

4. 系统设计

1. 系统架构设计

线上阅读平台的系统项目的概述设计分析，主要内容有线上阅读平台的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。

基于线上阅读平台的设计基于现有的电脑，可以实现用户管理、书籍信息搜索、投稿中心、反馈中心功能等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：

图4-1管理员功能模块图

2. 开发流程设计

线上阅读平台的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。

从线上阅读平台的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。

图4-2开发系统流程图

1. 数据库设计

数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。

4.3.1实体ER图

数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

（1）书籍管理E-R图，如图4-3所示：

图4-3书籍管理实体属性图

(2)投稿中心管理E-R图如图4-4所示：

图4-4投稿中心管理实体图

这些功能可以充分满足线上阅读平台 的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。

图4-5系统功能结构图

4.3.2数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

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

名称	类型	长度	不是null	主键	注释
reading_center_id	int	11	是	是	阅读中心ID
book_number	varchar	64	否	否	书籍编号
book_name	varchar	64	否	否	书籍名称
book_classification	varchar	64	否	否	书籍分类
book_cover_	varchar	255	否	否	书籍封面
book_accessories	varchar	255	否	否	书籍附件
book_author	varchar	64	否	否	书籍作者
number_of_words_in_books	varchar	64	否	否	书籍字数
book_status	varchar	64	否	否	书籍状态
book_introduction	text	0	否	否	书籍简介
start_reading	longtext	0	否	否	开始阅读
hits	int	11	是	否	点击数
praise_len	int	11	是	否	点赞数
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
manuscript_central_id	int	11	是	是	投稿中心ID
book_number	varchar	64	否	否	书籍编号
book_name	varchar	64	否	否	书籍名称
book_classification	varchar	64	否	否	书籍分类
book_cover_	varchar	255	否	否	书籍封面
book_accessories	varchar	255	否	否	书籍附件
book_author	varchar	64	否	否	书籍作者
user_account	int	11	否	否	用户账号
audit_status	varchar	64	否	否	审核状态
book_introduction	text	0	否	否	书籍简介
review_reply	text	0	否	否	审核回复
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
feedback_center_id	int	11	是	是	反馈中心ID
feedback_title	varchar	64	否	否	反馈标题
feedback_type	varchar	64	否	否	反馈类型
user_account	int	11	否	否	用户账号
feedback_time	date	0	否	否	反馈时间
feedback_content	text	0	否	否	反馈内容
reply_content	text	0	否	否	回复内容
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
classification_information_id	int	11	是	是	分类信息ID
book_classification	varchar	64	否	否	书籍分类
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
book_management_id	int	11	是	是	书籍管理ID
book_number	varchar	64	否	否	书籍编号
book_name	varchar	64	否	否	书籍名称
book_classification	varchar	64	否	否	书籍分类
book_cover_	varchar	255	否	否	书籍封面
book_accessories	varchar	255	否	否	书籍附件
book_author	varchar	64	否	否	书籍作者
user_account	int	11	否	否	用户账号
book_introduction	text	0	否	否	书籍简介
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

名称	类型	长度	不是null	主键	注释
notice_id	mediumint	8	是	是	公告id：
title	varchar	125	是	否	标题：
content	longtext	0	否	否	正文：
create_time	timestamp	0	是	否	创建时间：
update_time	timestamp	0	是	否	更新时间：

5. 系统实现

1. 数据库连接模块的实现

从web系统查询数据的根本的查询步骤：

Step1: 进行检查并且过滤来自用户的系统数据；

Step2: 成立起一个合适的数据库进行连接；

Step3: 进行查询系统数据库；

Step4: 获得查询的结构；

Step5: 把查询的结果展示给用户。

Step6: 数据库连接断开，释放资源。

数据库连接原理如下图所示。

图5-1数据库连接原理

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

/**

* 临时访问牌(AccessToken)表实体类

*

*/

@TableName("access_token")

@Data

@EqualsAndHashCode(callSuper = false)

public class AccessToken implements Serializable {

private static final long serialVersionUID = 913269304437207500L;

/**

* 临时访问牌ID

*/

@TableId(value = "token_id", type = IdType.AUTO)

private Integer tokenId;

/**

* 临时访问牌

*/

@TableField(value = "token")

private String token;

/**

* 最大寿命：默认2小时

*/

@TableField(value = "maxage")

private Integer maxage;

/**

* 创建时间：

*/

@TableField(value = "create_time")

private Timestamp createTime;

/**

* 更新时间：

*/

@TableField(value = "update_time")

private Timestamp updateTime;

/**

* 用户信息

*/

@TableField(value = "user_id")

private Integer user_id;

}

2. 登录模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

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

图5-1用户登录流程图

登录界面如下图所示。

图5-1登录界面

登录代码如下：

/**

* 登录

* @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;

}

3. 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

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

图5-1用户注册流程图

图5-1用户注册界面

注册关键代码如下所示。

/**

* 注册

* @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);

}

4. 小说资讯列表模块的实现

如果小说资讯列表数据的信息需要修改，管理员可以通过查询小说资讯列表数据的基本信息来查询小说资讯列表数据，查询小说资讯列表数据是通过ajax技术来进行查询的，需要传递小说资讯列表数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。

小说资讯列表数据展示界面如下图所示。

图5-1小说资讯界面图

小说资讯管理关键代码如下所示。

@RequestMapping("/get_list")

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

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

5. 阅读中心推荐模块的实现

用户图书推荐页面点开，后台会自动生成推荐列表。从session中取出该图书信息，前台发起请求，将对应的图书信息、baozhangpId参数信息从前台传递BaozhangController类里，匹配到create()方法，create()方法调用BaozhangServiceImpl类的createBaozhang()方法获取数据，调用本类的getCartBaozhangItem()方法得到推荐列表。

阅读中心推荐界面如下所示。

图5-1阅读中心推荐界面

阅读中心推荐关键代码如下：

@RequestMapping(value = "/del")

@Transactional

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

service.delete(service.readQuery(request), service.readConfig(request));

return success(1);

}

}

6. 书籍模块的实现

书籍信息功能需要考虑高并发，防止出现图书重复添加、图书状态显示出错等情况，特对图书这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库图书表（对应图书实体）设计中增加了version字段，每次数据提交时（更改图书状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。

书籍信息功能整体流程：用户浏览书籍信息时，同时会显示图书的状态，在用户点击搜索按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写书籍信息的页面，填写关键字眼之后，点击搜索按钮，搜索成功之后返回提示信息。

书籍添加流程图如下图所示。

图5-1书籍添加流程图

书籍信息展示界面如下图所示。

图5-1书籍信息展示界面

书籍信息展示关键代码如下所示。

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;

}

7. 图书分类管理模块的实现

图书分类功能整体流程：用户浏览图书信息时，同时会显示图书的状态，系统会在其显示详细信息的页面时便会判断图书的状态，若图书状态为可图书分类，则会显示图书分类的链接按钮。在用户点击图书分类按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写图书分类信息的页面，填写好图书分类信息之后，点击提交按钮，图书分类成功之后返回提示信息，告知用户图书分类成功。

图书分类列表流程图如下图所示。

图5-1图书分类管理流程图

图书分类管理界面如下图所示。

图5-1图书分类管理界面图

图书分类管理关键代码如下所示。

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;

}

8. 书籍信息管理模块的实现

此页面的关键是编辑书籍信息，包括书籍名称、书籍类别、书籍作者信息等。单击提交按钮以完成信息的添加。如果未写入完整的书籍信息，例如，如果未写入书籍编号，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。

管理员点击左侧菜单“书籍信息管理”，页面跳转到书籍信息管理外观，调用后台测评查询所有书籍信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的界面，显示出测评信息，单击删除按钮完成书籍信息的删除。

书籍信息管理流程图如下图所示。

图5-1书籍信息管理流程图

书籍信息管理界面如下图所示。

图5-1书籍信息管理界面图

书籍信息管理关键代码如下所示。

@RequestMapping(value = "/del")

@Transactional

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

service.delete(service.readQuery(request), service.readConfig(request));

return success(1);

}

6. 系统测试

1. 测试环境

1、服务器端

操作系统：Windows 7

Web服务器：Tomcat7.0

数据库：Mysql

开发语言：Java

2、客户端

浏览器：Internet Explorer10

界面布局：DIV+CSS

分辨率：最佳效果1027*768以上像素

3、开发工具

Visual Studio Code

Myeclipse

2. 测试目标

系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。

1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。

2.好的测试方案是可以检验出还未被发现的错误的方案。

3.好的测试是发现了到目前为止还未被发现的错误的测试。

4.该系统能够完成管理员、图书分类、用户管理、书籍信息、小说资讯、投稿中心等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。

3. 功能测试

下表是线上阅读平台功能的测试用例，检测了线上阅读平台中对图书推荐信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；管理员登录系统。

表6-1图书信息管理的测试用例

功能描述	用于图书信息管理
测试目的	检测图书信息管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加图书信息，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加图书信息，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改图书信息，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改图书信息，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除图书信息，选择图书信息删除	提示删除成功	与预期结果一致
点击搜索图书信息，输入存在的图书信息名	查找出图书信息	与预期结果一致
点击搜索图书信息 ，输入不存在的在线投票名	不显示图书信息	与预期结果一致

下表是投稿中心管理功能的测试用例，检测了投稿中心管理的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；管理员登录系统。

表6-2 投稿中心管理的测试用例

功能描述	用于投稿中心管理
测试目的	检测投稿中心管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择投稿中心，点击提交	提示请选择投稿中心	与预期结果一致
未上传附件，点击提交	提示请选择附件	与预期结果一致
未选择原因，点击提交	提示请选择原因	与预期结果一致

4. 测试结果

根据以上测试情况，测试结果如下表所示。

表6-1测试结果表

测试项目	测试结果
登录测试	成功
修改密码测试	成功
书籍信息管理测试	成功
图书分类测试	成功
小说资讯	成功
投稿中心管理测试	成功
反馈中心测试	成功
用户管理测试	成功

7. 总结与展望

本研究针对线上阅读平台地需求建模，数据建模及过程建模分析设计并实现线上阅读平台的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现线上阅读平台 的前后端代码。最终给出系统集成整合方法，完成线上阅读平台 地设计与实现。

在此项目的开发中，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，明白了前端开发和后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。

参考文献

[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

致谢

在此论文完成之际，感谢我的指导老师。在指导老师的网页设计课上，当时我学到了很多东西，这对于我实习过程中也打了一定的基础，而且指导老师对于我的设计也提出许多建议，并予以悉心的指导，对于一些细小的问题都耐心的指导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢教导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐心的引导我去将这个项目完成，在系统的后端开发中，所用到的后台开发技术也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢，祝事业有成。

免费领取项目源码，请关注点赞+私聊