摘 要
大数据时代下,数据呈爆炸式地增长。为了迎合信息化时代的潮流和信息化安全的要求,利用互联网服务于其他行业,促进生产,已经是成为一种势不可挡的趋势。在小说在线阅读的需求下,开发一款小说阅读APP,将复杂的系统进行拆分,能够实现对需求的变化快速响应、系统稳定性的保障,能保证平台可持续、规模化发展的要求。
本文研究的小说阅读APP完善了对应的软体架设以及程序编码的工作,采取Mysql作为后台数据的主要存储单元,采用Springboot框架、JSP技术、Ajax技术进行业务系统的编码及其开发,实现了本系统的全部功能。同时完成小说阅读APP的基本功能:小说浏览、留言反馈、交流论坛、小说信息、小说分类、评价小说、小说发布等。
关键词:小说阅读APP;整体式结构;Mysql数据库
Design and implementation of a novel reading APP in Springboot
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, it has become an irresistible trend to use the Internet to serve other industries and promote production. Under the demand of online novel reading, develop a novel reading APP to split the complex system, which can achieve rapid response to the change of demand, guarantee the stability of the system, and ensure the requirements of sustainable and large-scale development of the platform.
The novel reading APP studied in this paper has improved the corresponding software setup and program coding work, adopted MySQL as the main storage unit of background data, and adopted Springboot framework, JSP technology and Ajax technology to code and develop the business system, thus realizing all functions of the system. At the same time, complete the basic functions of the novel reading APP: novel browsing, message feedback, exchange forum, novel information, novel classification, novel evaluation, novel release, etc.
Key words:Novel reading APP; Integral structure; Mysql database
目 录
随着计算机网络在中国的广泛普及,在线小说阅读以是近年来新兴的互联网模式,它是在原有的文字、图片等静态信息浏览的基础上,增加了一系列的其他信息的综合平台。小说阅读APP就是提供了这一服务的具有动态交互功能的管理信息系统,它实现了一个基于APP上的小说网站。用户可以在线浏览小说信息并根据自己的喜好进行小说的阅读,收藏,评论。通过这个小说阅读APP,使用户足不出户就可以进行查看自己需要的小说信息,随时随地的浏览网页。摆脱了传统的阅读小说的局限性。
小说阅读APP可以给作者和读者提供一个相互交流的平台,作者将自己满意的作品发布到这个平台让更多的人看到它们,而读者可以在这个平台寻找自己感兴趣的作品并发布自己对作品的评论,作者能及时根据读者的评论来修改自己的作品内容、调解创作思路。这个平台的存在也可以减少买小说书的次数,节约不少金钱。
2007年4月,加拿大在互联网络上举办了一个"全国小说"的写作活动。参加活动的作家一共有12位,代表加拿大全国12个省区的作家。12位知名作家在12个小时内完成了一篇集体创作的小说。小说的主题是"跨国故事"(Cross Country Story)。
美国著名作家约翰•厄普代克与另外44名作家一起在网上合作完成了题为"故事由谋杀开始"的小说。这次网络小说写作活动由著名的网上书店亚马逊公司主持。网络小说又一次风靡一时。
据统计,目前国内上网的约1000万网民中,21岁到35岁的占80%。网络文学兴起的背后是70年代乃至80年代出生的青年作家、青年文学爱好者的迅速成长。有人甚至将网络文学形容为"时代新文化运动的先声",网络文学的兴起能够"吹响新文明的号角"。
国内的网络书屋大致是在1997后出现的,网易等公司提供的免费空间,为初期书站的发展提供了物质基础。初期的网络书站主要以转载为主,版权意识薄弱。部分网站是通过将武侠、言情等实体书扫描到网上来充实网站内容,而更多的网站则是直接从别的站转载。在这种大环境下,黄金书屋利用先发优势牢牢占据了网络书站老大的位置。号称“上网读书不识黄金书屋,再称网虫也枉然”。
可以掌握多门外语,而一个计算机科学家精通的大多是编程语言,它不是人类的自然语言,比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范,所以Sun公司推出J2EE,用这个标准来解决弊病。它提供了良好的机制,让每个层次允许与之相对的服务器、组件运行,使得系统的搭建稳定可用、开发高效、维护方便。
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。
-
- MySQL数据库
用MySQL这个软件,是因为它能接受多个使用者访问,而且里面存在Archive等。它会先把数据进行分类,然后分别保存在表里,这样的特别操作就会提高数据管理系统自身的速度,让数据库能被灵活运用。MySQL的代码是公开的,而且允许别人二次编译升级。这个特点能够降低使用者的成本,再搭配合适的软件后形成一个良好的网站系统。虽然它有缺点,但是综合各方面来说,它是使用者的主流运用的对象。
-
- B/S结构
B/S(Browser/Server)比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端,那么工作就达到“瘦身”效果, 不需要考虑不停装软件的问题。
-
- 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提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
-
- 小程序框架以及目录结构介绍
整个小程序框架系统分为两部分:逻辑层和视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 小程序 体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统,提供了自己的视图层以及逻辑层框架,让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。在逻辑层做数据修改,在视图层就会做相应的更新。框架提供了一套基础的组件,这些组件自带微信风格的样式以及特殊的逻辑,开发者可以通过组合基础组件,创建出强大的微信小程序 。
在软件开发的过程中系统的可行性分析是必不可少的,可行性的研究就是评估问题是否能得到解决并且是要以最少的时间和最少的代价来解决。为实现上面的目标还要必须考虑到解决这些问题的方法的优点和缺点,还要考虑到实现了这些系统规模的开发带来的经济效益。这里可以用技术的可行性,操作的可行性,经济的可行性对我们的系统进行可行性的研究。小说阅读APP的可行性分析如下所示:
小说阅读APP采用的是Java编程语言并于MVVM模式,数据库部分采用的是当前流行的MYSQL数据库,小说阅读APP中的所有数据资源都存储在Mysql数据库中,本系统多处采用了AJAX的异步操作,AJAX技术可以对用户指定部分的数据进行局部刷新,不仅减少了服务器对页面的解析而且极大增加了用户的体验度。本系统的环境配置也较为简单,因为用的是HBuilder编辑器,而HBuilder里面有自带的Apache服务器和JDK环境,因此不需要我们在重新配置。
本系统采用Java、Mysql来支持事务和数据逻辑用H5来做前台页面的显示。
HTML网页中的不同组成成分是采用标签的形式来进行标识的。以下是HTML的基本的组成布局:
![](https://i-blog.csdnimg.cn/direct/bd819b6c0677437dae3fc2d7be2d8c15.png)
图3-1 HTML基本构成图
小说阅读APP是在Java和Mysql的环境中运行的,而系统的成本也只是主要分布在软件的开发和维护上。但如果系统上线投入使用之后,不仅可以方便人们,还节省了用户的时间和精力,而且还极大限度的方便了运营者,减少了运营者的工作强度。小说阅读APP其实也不太复杂,在开发的时候经济支出也不大,在开发系统时时间用的也不多,从时间的优势和对经济利益方面产生的好处远超过维护和管理的成本,所以开发此系统是可行合适的。
本系统是基于浏览器和服务器的小说阅读APP,系统开发完成之后用户只需要在浏览器中输入正确的URL地址即可进行访问。本系统的前台页面简单明了,在没有操作指导的情况下也可以进行操作,无论是系统管理员还是普通用户在页面中所有的操作都是在浏览器中完成的,因此只要电脑在有网络的情况下,打开浏览器都能操作。而且在使用之前也不用进行相关的环境配置,因此本系统方便、简单、易于使用,所以该系统是容易并且可操作的。
根据用户对系统的需求,要求系统简单操作,能够准确,完整的对信息进行管理。小说阅读APP在对需求做解析后,整个系统主要分为两个部分:管理员和普通用户,每个模块下的分支功能不一样。对功能做出如下说明:
管理员模块:系统用户管理、小说分类管理、关于我们设置、用户注册管理、小说发布管理、小说分类管理、信誉记录管理、评价小说管理、留言反馈管理、论坛管理。
用户模块:小说浏览、公告栏、发布小说、信誉编辑、小说信息、留言反馈、小说点赞收藏等。
用户用例图如下所示。
![](https://i-blog.csdnimg.cn/direct/f79c960577334f97ba0e22798c412903.png)
图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)修改的小说不符合要求时会修改失败 |
论坛用例描述如下表所示。
表3-1 论坛用例描述
用例名称 | 论坛管理 |
参与者 | 用户 |
描述 | 用户提供新增、修改、删除、查阅等功能 |
前置条件 |
|
后置条件 | 无 |
事件流 | (1)用户查看修改论坛 (2)用户添加论坛 (3)用户删除论坛 |
补充说明 | (a)新添加的论坛不符合要求时会添加失败 (b)修改的论坛不符合要求时会修改失败 |
小说阅读APP的业务流程如下图所示。
![](https://i-blog.csdnimg.cn/direct/e23934d2eec94865ac2b02d86c9df423.png)
图3-3 系统业务流程图
管理员拥有最高权限,在对各项信息进行增加、删除、修改后会更新后台数据库的内容,用户在登录进行新闻资讯浏览、小说阅读、小说评价、小说发布、信誉记录编辑、留言反馈、发布论坛等指令动作同样会更新后台数据。
与强调控制逻辑的程序流程图不同,它更关心的是整个系统中数据的具体流动以及数据的加工处理的整个客观过程,是对数据规格的说明。也正因如此,系统数据流图作为系统结构化分析方法中极为重要的一种描述工具备受青睐。
小说阅读APP的顶层数据流如下图所示。
![](https://i-blog.csdnimg.cn/direct/bad63c8f8e4449db8ab43a76a1fd3eef.png)
图3-4系统顶层数据流图
系统顶层数据流:外部实体为用户,第一个流程为登录验证,用户信息表返回密码验证,是否正确,正确则登录系统,错误则反馈信息,登录系统后,根据不同用户的功能选择,来读写数据库。
系统底层数据流如下图所示。
![](https://i-blog.csdnimg.cn/direct/fba6f745acf24ac98509580aba6b1523.png)
图3-5系统底层数据流图
系统底层数据流:外部实体为管理员和普通用户,数据流分别有管理员和普通用户流向系统数据流程,数据表提供数据支持,来完成逻辑操作。
小说阅读APP采用三层开发设计模式,分为:用户界面层,业务逻辑层和数据访问层。用户界面层用来和用户交互,业务逻辑层负责业务的处理和各层之间的数据的传递;数据访问层负责对数据库的访问和检索。
系统的架构图如下图所示。
![](https://i-blog.csdnimg.cn/direct/86b361aff2b64478adb3814e048d3ee5.png)
图4-1 系统架构图
系统各层之间的调用过程如下:
(1)用户通过用户界面层访问系统,向系统提交请求,界面层对请求进行初步的处理和包装,并判断是否要与业务逻辑层进行交互。
(2)业务逻辑层接收来自界面层的请求,对请求进行数据处理。然后调用数据访问层来实现数据库访问,数据访问层访问数据库,将数据读出并返回给逻辑层。
(3)逻辑层将处理的结果,返回给界面层。界面层加以处理呈现给用户。
进入系统后首先要进行登录,验证你的身份,赋予你不同的权限。当你成功登录后,页面会有多个板块,分别是系统用户管理、新闻资讯管理、小说分类管理、小说信息管理、评价管理、小说发布管理、留言反馈管理、交流论坛管理。里面界面简单易懂,根据标示可以直接进行方便快捷的操作。
管理员账户的基本信息管理。主要提供管理员账户的基本信息录入、删除、维护和查询等功能,包括:
管理员录入管理员账户基本信息;
管理员更新、增加及删除管理员账户基本信息;
用户根据管理员账户 ID 查询基本信息;
系统管理员更改个人密码;
留言的基本信息管理。主要提供留言的基本信息录入、修改和查询功能,包括:
用户录入留言基本信息;
管理员更新、增加及删除留言基本信息;
评价的基本信息管理。主要提供评价的基本信息录入、修改和查询功能,包括:
用户录入评价基本信息;
管理员更新、增加及删除评价基本信息;
管理员根据评价 ID 查询评价基本信息;
小说分类的基本信息管理。主要是提供小说分类的基本信息录入、维护和查询功能,包括:
用户录入小说分类基本信息;
用户更新、增加及删除小说分类基本信息;
用户根据小说分类 ID 查询小说分类基本信息;
小说发布的基本信息管理。主要是提供小说发布的基本信息录入、维护和查询功能,包括:
用户录入小说发布基本信息;
用户更新、增加及删除小说发布基本信息;
用户根据小说发布 ID 查询小说发布基本信息;
小说的基本信息管理。主要提供小说的基本信息录入、删除、维护和查询功能, 包括:
管理员录入小说信息;
管理员更新、增加小说基本信息;
管理员根据小说 ID 查询小说基本信息;
用户根据个人信息导航栏查询小说信息;
交流论坛的基本信息管理。主要提供论坛的发布、删除、维护和查询功能, 包括:
用户发布论坛信息;
更新、增加交流论坛基本信息;
管理员可以根据交流论坛ID 管理维护交流论坛基本信息;
用户根据个人信息导航栏查询交流论坛回复信息;
一个好的系统它的后台数据库一定要考虑的全面,这和我们建造房子一个概念,房子不是随心所欲建起来的,一切都是在合理设计的基础是实现的,地基打牢固了房子才能建的更高。数据库如果设计的很合理,而且每个方面都能考虑到了那么这个系统才能不会出现大的问题。
本系统在数据库中存放了多张表,分别是用户表、小说分类表、小说发布表、小说分类表、留言反馈表、资讯表。
系统的主要实体间关系E-R图如下图所示。
![](https://i-blog.csdnimg.cn/direct/32bcc54e77f14cab8b3d7a563aa572ac.png)
图4-7系统E-R图
此环节把概念转变成数据。由于整个数据库所处理的信息过多,就只展示几个表。
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | id | Int | 4 | 10 | ||
2 | xiaoshuobianhao | 150 | 255 | |||
3 | xiaoshuobianhao | 150 | 255 | |||
4 | shuming | 150 | 255 | |||
5 | goumairen | 150 | 255 | |||
6 | wendang | 150 | 255 | |||
7 | addtime | DateTime | 8 | 19 |
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | id | Int | 4 | 10 | ||
2 | zhanghao | 150 | 255 | |||
3 | zhaopian | 150 | 255 | |||
4 | xingming | 150 | 255 | |||
5 | liuyan | 150 | 255 | |||
6 | addtime | DateTime | 8 | 19 | ||
7 | huifu | 150 | 255 |
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | ID | Int | 4 | 10 | ||
2 | username | 1073741823 | 255 | |||
3 | xwid | 1073741823 | 255 | |||
4 | biao | 1073741823 | 255 | |||
5 | addtime | DateTime | 8 | 19 | ||
6 | ziduan | 1073741823 | 255 |
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | id | Int | 4 | 10 | ||
2 | Xiaoshuochuangzuo | 150 | 255 | |||
3 | xiaoshuobianhao | 150 | 255 | |||
4 | shuming | 150 | 255 | |||
5 | xiaoshuoleibie | 150 | 255 | |||
6 | zuozhe | 150 | 255 | |||
7 | jiage | 150 | 255 | |||
8 | beizhu | 1073741823 | 255 | |||
9 | goumairen | 150 | 255 | |||
10 | iszf | 30 | 255 | |||
11 | addtime | DateTime | 8 | 19 |
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | id | Int | 4 | 10 | ||
2 | xiaoshuoleibie | 150 | 255 | |||
3 | addtime | DateTime | 8 | 19 |
序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
1 | id | Int | 4 | 10 | ||
2 | xiaoshuobianhao | 150 | 255 | |||
3 | shuming | 150 | 255 | |||
4 | xiaoshuoleibie | 150 | 255 | |||
5 | zuozhe | 150 | 255 | |||
6 | zuozhejianjie | 1073741823 | 255 | |||
7 | tushujianjie | 1073741823 | 255 | |||
8 | fengmian | 150 | 255 | |||
9 | jiage | 150 | 255 | |||
10 | xiaoshuoyulan | 1073741823 | 255 | |||
11 | dianzan_d | Int | 4 | 10 | ||
12 | dianzan_c | Int | 4 | 10 | ||
13 | addtime | DateTime | 8 | 19 |
通过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
}
}
}
该登录模块利用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()返回值不为空,则显示登录成功,进入主界面。
用户登录流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/d4f48e7936734088ac8a330659dbfd9d.png)
图5-1用户登录流程
用户登录流程:用户只有输入正确的用户名和密码才会成功进入系统,用户输入用户名密码后点击登录按钮,系统会进行校验该用户名是否存在,如果用户名与密码不匹配或者用户名不存在,则返回主界面。
系统登录界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/06d7741c564b45aebca859ee34eede49.png)
图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;
}
在浏览器的地址栏里输入http://localhost:3306/index.Java 地址,就可以跳转到小说阅读APP的首页,首页是由4个页面组成的,包括top、left、down和center等页面,这里也是浏览者访问系统的入口,通过@ include引入。
首页载入流程图如下所示。
图5-3首页载入流程
首页载入流程:系统先连接数据库,显示界面参数初始化,读取数据库的数据表,读取html显示模板,对数据按添加时间排序,按照模板设计位置显示数据,刷新显示界面,断开数据库连接。
首页如下图所示。
![](https://i-blog.csdnimg.cn/direct/33cdcf5602b14445912f54ae45b715ab.png)
图5-4首页界面
其中载入首页的主要代码如下。
<?Java include_once 'qttop.Java';?>
<?Java include_once 'qtleft.Java';?>
<?Java include_once 'qtdown.Java';?>
系统的用户通过自行注册生成,在系统首页点击用户注册菜单,系统跳转到对应的注册页面。点击重置按钮,清空所填数据,点击注册按钮完成注册。
用户注册流程图如下所示。
![](https://i-blog.csdnimg.cn/direct/43df911158c3499cb5e2860c51325f0c.png)
图5-5用户注册流程
注册个人信息实现流程为:填写个人信息,系统使用JQuery选择器获取在网页中输入的注册信息,再对联系方式、登录密码等信息进行验证,验证通过后用Ajax异步请求方式向服务器发送请求并把数据传送到后台,然后验证用户名是否已存在,如果已存在则注册失败提示“用户名已存在”;如果用户表中没有该用户名则把用户信息加入数据库,把操作状态以json字符串方式返回到前台。Ajax请求成功接收到返回的数据时会触发成功回调函数,然后解析返回的json字符串,系统根据返回信息弹出提示框,注册成功后返回登录页。
用户注册界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/b2afc74e89874fcc9ffc2cca5f727f87.png)
图5-6用户注册界面
用户注册页面的逻辑代码如下。
* @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);
}
用户给小说添加小说评价,包括评价人,小说评价内容等,在pingjiaadd.Java实现小说评价的逻辑添加,管理员管理系统的所有小说评价信息,在pingjia_list.Java实现小说评价的管理。
小说评价流程图如下所示。
图5-7信息小说评价流程
用户登录成功后,浏览小说页面,输入小说评价语,添加该小说评价,修改小说评价,返回小说评价相关界面。
小说评价添加界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/379795db08524eedaf7599c29711554d.png)
图5-8小说评价添加界面
添加小说评价的主要逻辑代码如下。
<?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"];$pingjianeirong=$_POST["pingjianeirong"];$pingjiaren=$_POST["pingjiaren"];$biao=$_POST["biao"];$pingfen=$_POST["pingfen"];
$sql="insert into pingjia(wenzhangID,pingjianeirong,pingjiaren,biao,pingfen) values('$wenzhangID','$pingjianeirong','$pingjiaren','$biao','$pingfen') ";
mysql_query($sql);
echo "<script>javascript:alert('评论成功!'); window.opener.location.reload();window.close();</script>";
}
?>
用户选择相应的新闻资讯,通过id传参,找到id为此传参的小说,在shoucangadd.Java浏览资讯内容。
新闻资讯界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/e59ae4cd938a48d2a0ed47ee094af564.png)
图5-9新闻资讯界面
新闻资讯管理界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/3a858410658a4a48a73ffb170e7153f0.png)
图5-10新闻资讯管理界面
新闻资讯的主要逻辑代码如下。
<%
String lb=request.getParameter("lb");
HashMap ext = new HashMap();
new CommDAO().insert(request,response,"xinwentongzhi",ext,true,false,"xinwentongzhi_add.jsp?lb="+lb);
%>
管理员发布小说内容后,用户找到对应的小说信息,包括¥,选择相应的小说列表,通过id传参,找到该小说内容。
小说列表流程如下图所示。
![](https://i-blog.csdnimg.cn/direct/caf82804b0e247d2b87d1465de0d4786.png)
图5-11小说列表流程
小说列表界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/1716abdc69024e9d9fe51321103b44a0.png)
图5-12小说列表界面
小说列表的主要逻辑代码:
<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>
管理员对系统用户的管理,在yhzhgl.Java实现管理员用户的管理,包括录入、删除、修改,修改密码通过SESSION获取用户名,然后输入新密码,提交到mod.Java中,使用sql命令更新密码。
管理员用户管理的界面如下图所示。
![](https://i-blog.csdnimg.cn/direct/c2f449812d874990a790fadc3de1835b.png)
图5-13管理员用户管理界面
用户管理的逻辑代码如下。
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);
}
}
-
-
- 小说信息管理模块
-
管理员在xiaoshuoxinxi_add.Java发布小说,跳转至小说添加表单,提交小说信息,包括小说编号、书名、小说类型、作者、封面等,小说提交后,数据库的小说信息表刷新数据,系统将小说信息展示出来。
小说信息管理的流程如所示。
![](https://i-blog.csdnimg.cn/direct/9d0a62febc704d46b75d9c5a7532ce7a.png)
图5-14小说管信息理流程
小说分类的界面如所示。
![](https://i-blog.csdnimg.cn/direct/7f60575bfba2422cbe8b4c554436a90d.png)
图5-15小说分类界面
小说发布管理的界面如所示。
![](https://i-blog.csdnimg.cn/direct/e34d6c1d03c84ea19f98f79665089ff1.png)
图5-16小说发布管理界面
小说发布管理的逻辑代码如下。
@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);
}
-
-
- 交流论坛管理模块
-
交流论坛管理包括新增、删除、修改、查询交流论坛等,以交流论坛新增为例,在视图层请求交流论坛信息新增,反馈后,调用业务逻辑层,通过业务逻辑层的接口调用底层的数据逻辑层完成数据库联动操作。
交流论坛管理的流程如所示。
![](https://i-blog.csdnimg.cn/direct/c845269a1d5e497d80f8d8e97ada617a.png)
图5-17交流论坛管理流程
论坛类型添加的界面如所示。
![](https://i-blog.csdnimg.cn/direct/2709f7e8aa484210addfbafc46f49f09.png)
图5-18论坛类型添加界面
交流论坛管理的界面如所示。
![](https://i-blog.csdnimg.cn/direct/4ce6fe7210134aee901a3c3945e50531.png)
图5-19交流论坛管理界面
在这个产品被投入使用前,首先需要进行试用,这是重要的环节。考虑到某个部分的开发没有缺陷情况下,把各种模块拼接,也有一定概率就存在矛盾。这就好比每个人都很独特,但聚在一起就显得杂乱无章,需要保证有默契的配合。对于测试,要看它的各项内容是否契合的原则。若与最初定下的标准有一定程度上的出入,那么就需要做出一些调整,让最终的大方向朝着目标前进。
登录测试用例如下表所示。
表6-1登录测试用例
输入 | 输出 | |
用户名 | 密码 | |
空 | 空 | 用户名和密码不能为空 |
Kkk | aaa | 用户名长度不允许,请重新输入! |
2109402315 | 123456 | 用户名出错,请重新输入! |
sssss | 123456 | 用户名出错,请重新输入! |
注册测试用例如下表所示。
表6-2注册测试用例
输入 | 输出 | |||
用户名 | 密码 | 确认密码 | 邮箱 | |
空 | 空 | 空 | 空 | 用户名和密码不能为空 |
Kkk | aaa | aaa | 23@qq.com | 注册成功 |
210 | aaa | abc | 23@qq.com | 注册失败,两次密码不一致 |
sssss | aaa | aaa | 注册成功 |
-
-
- 评价测试
-
评价测试用例如下表所示。
表6-3评价测试用例
功能 | 测试数据 | 预期结果 | 测试结果 |
添加评价 | 评价内容:asd | 在评价列表中显示评价题目,点击显示评价内容。评价显示为未回答 | 在评价列表中显示评价题目,点击显示评价内容。评价显示为未回答 |
回复评价 | 回答评价:dxvcv。 | 评价列表中评价“asd”显示已回答,点击评价题目,显示评价内容和回答内容 | 评价列表中评价“asd”显示已回答,点击评价题目,显示评价内容和回答内容 |
删除评价 | 删除评价“asd” | 评价成功删除 | 评价成功删除 |
-
-
- 小说管理测试
-
小说测试用例如下表所示。
表6-4添加小说测试用例
输入 | 输出 | |||
名称 | 类别 | 价格 | 备注 | |
空 | 空 | 空 | 空 | 添加失败 |
小说1 | A | 1 | 添加成功 | |
空 | A | 1 | 添加失败,名称不能为空 | |
小说2 | 空 | 1 | 添加失败,请选择类别 |
-
-
- 小说分类测试
-
小说分类测试用例如下表所示。
表6-5小说分类测试用例
输入 | 输出 | |||
名称 | 类别 | 数量 | 备注 | |
空 | 空 | 空 | 空 | 添加失败 |
小说1 | A | 1 | 添加成功 | |
空 | A | 1 | 添加失败,名称不能为空 | |
小说2 | 空 | 1 | 添加失败,请选择类别 |
经过测试,得到测试结果如下表所示。
表6-6测试结果
序号 | 测试项目 | 内容和目的 | 测试结果 |
| 用户登录 | 输入正确用户名与密码 | 可以登录 |
输入错误用户名与密码 | 提示错误的信息 | ||
| 新闻资讯管理 (添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | ||
| 修改登录密码 | 修改新的密码 | 成功完成 |
| 用户管理 (添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | ||
| 评价管理 (添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | ||
| 小说分类管理 (添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 | ||
| 小说发布管理 (添加,修改,删除) | 输入正确信息 | 成功完成 |
输入错误信息 | 操作失败 |
本次毕业论文的主要是利用Java+Mysql开发一个安全可靠,操作简易,同时具备业务可扩展的小说阅读APP。本文详细的论述了小说阅读APP的设计和开发,本系统的所有事务逻辑都是按照系统的需求分析进行设计的,系统有普通用户和系统管理员两种角色,本系统多处采用了AJAX的异步交互技术,同时它也叫异步交互技术,利用它我们可以让网页的局部进行数据刷新操作,AJAX和传统的数据更新技术大大增加了客户的体验程度,由于是对局部进行操作那么就减少了一些繁琐而又不必要的操作,减轻了服务器对页面解析的负担。
与其他系统相比,本系统有自身的优点,
例如:
(1)创新性强;
(2)业务逻辑性强,安全性高,在一些重要的功能模块需要通过审查之后才可使用;
(3)移植性高,在任何网络下都可使用。
当然也还有很多需要进一步改进的地方:
(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
致谢
经过几个月时间的努力终于完成了这篇文章,在文章的写作与研究的过程中遇到了很多困难,都在同学和老师的帮助下解决了。尤其非常感谢我最敬爱的老师,他对我进行了无私的指导和帮助,不厌其烦的帮助进行文章的修改。老师严谨的治学态度、渊博的学术知识、诲人不倦的敬业精神以及宽容的待人风范使我获益颇丰。此外,在校图书馆查找资料的时候,图书馆的老师也给我提供了很多方面的支持与帮助。在此,向帮助和指导过我的老师表示最衷心的感谢!感谢这篇文章所涉及到的各位学者。本文引用了数位学者的文献,如果没有各位学者的研究成果的帮助和启发,我将很难完成本篇文章的写作。感谢我的同学、朋友以及所在单位的同事,在我写文章的过程中给与了我很多素材和帮助,还在文章的撰写和排版过程中提供热情的帮助。同时,感谢我的室友对我的热心指导和帮助,经常有不懂之处都是大家在帮助我,才使得我比较顺利的完成了这篇文章。由于我水平有限,所写文章难免有不足之处,恳请各位老师和学友批评和指正!
免费领取项目源码,请关注❤点赞收藏并私信博主,谢谢-