物联网工程-基于node+vue的悠闲书屋系统设计与实现

悠闲书屋系统摘要:随着国内互联网的发展，以在线阅读为代表的非传统阅读方式正蓬勃发展，这些新兴的阅读方式正深刻地改变着国民的阅读习惯。书籍阅读的时间虽然有所增长，但是增长速度较为缓慢。值得注意的是，国内互联网的发展同时，也让人们的生活方式变得更加的娱乐化和碎片化，人们开始把大量的时间花在了新闻阅读、社交等方面。然而随着阅读方式和阅读渠道的增加，人们可以更加便捷地阅读书籍，但是根据调查显示人们却对自己的阅读量满意度不断降低，接近八成的受访者不满意自己的阅读量，只有不到5%的受访者满意自己的阅读量，有18.4%的人们认为自己阅读量一般。悠闲书屋系统本着为人民服务的想法，从设计之初就是为了提高人们的阅读时间和阅读质量，满足人们日益增加的阅读需求，促进书香型社会的发展。悠闲书屋系统后端使用express.js进行搭建，前端使用的是Vue脚手架搭建。分为书屋网站和后台管理系统。读者可以在书屋网站登录注册、发表留言和阅读等常见操作。管理员可以通过后天管理系统对整个系统进行管理。本文的研究思路是：首先描述在线阅读的发展背景以及发展趋势，从技术、功能、背景等方面研究分析书屋系统建设的可行性。通过理解用户对网站的具体需求和书屋系统的功能、性能等具体要求完成对书屋系统功能需求的分析，根据系统需求完成系统总体功能设计和数据库设计，最后对系统的研究工作进行总结。关键词：在线阅读，书屋，express.js，vueResearchontheMarketingStrategyofIPhonebyChinaUnicomAbstract：WiththedevelopmentoftheInternetinChina,thenon-traditionalreadingmethodsrepresentedbyonlinereadingarebooming.Thesenewreadingmethodsareprofoundlychangingthenationalreadinghabits.ItisworthnotingthatthedevelopmentoftheInternetinChinahasalsomadepeople'slifestylemoreentertainingandfragmented,andpeoplebegantospendalotoftimeonnewsreading,socialnetworkingandotheraspects.Althoughthetimeofreadingbookshasincreased,thegrowthrateisrelativelyslow.However,withtheincreaseofreadingmethodsandchannels,peoplecanreadbooksmoreeasily.However,accordingtothesurvey,people'ssatisfactionwiththeirreadingvolumeisconstantlydecreasing.Nearly80%oftherespondentsarenotsatisfiedwiththeirreadingvolume,onlylessthan5%oftherespondentsaresatisfiedwiththeirreadingvolume,and18.4%ofthemthinktheirreadingvolumeisaverage.Basedontheideaofservingthepeople,theleisurelylibrarysystemisdesignedtoimprovepeople'sreadingtimeandquality,meetpeople'sincreasingdemandforreading,andpromotethedevelopmentofbookorientedsociety.Express.jsisusedtobuildthebackendoftheleisurelylibrarysystem,andVuescaffoldisusedtobuildthefrontend.Itisdividedintobookhousewebsiteandbackgroundmanagementsystem.Readerscanlogin,register,leavemessagesandreadonthebookstorewebsite.Administratorscanmanagethewholesystemthroughthedayaftertomorrowmanagementsystem.Theresearchideaofthispaperis:firstly,describethedevelopmentbackgroundandtrendofdigitalreading,andanalyzethefeasibilityoftheconstructionofthelibrarysystemfromtheaspectsoftechnology,functionandbackground.Throughunderstandingtheuser'sspecificneedsforthewebsiteandthespecificrequirementsforthefunctionsandperformanceofthelibrarysystem,theanalysisofthefunctionalrequirementsofthelibrarysystemiscompleted,andtheoverallfunctionaldesignanddatabasedesignofthesystemarecompletedaccordingtothesystemrequirements.Finally,theresearchworkofthesystemissummarized.Keywords:Onlinereading,digitalreading，express.js，vue目录131841绪论 182891.1研究背景和意义 193321.1.1背景分析 114211.1.2研究意义 1291781.2国内现状分析 2139411.3课题研究方法和方法 2248111.3.1研究方法 2313061.3.2研究内容 388601.4小结 3205502系统开发工具和技术 419452.1开发工具 4174342.2开发技术 4155793系统整体设计 617253.1可行性分析 640523.1.1技术可行性分析 6304153.1.2社会环境可行性分析 6224793.2系统功能模块设计 7237843.2.1官网模块设计 7223983.2.2后台模块设计 79083.2.3用户模块设计 9162883.3小结 9203834数据库设计 1010584.1数据库分析 10259914.2数据库实体 10325714.3主要表结构如下 1221514.4小结 13312955系统详细设计 1430865.1后台系统功能设计 14128735.1.1登录模块 14142305.1.2图书管理模块 16242925.1.3分类管理模块 1696725.1.4用户管理模块 17131535.2书屋系统功能设计 18229685.3首页设计 18223975.4详情页设计 19126065.5书架页面设计 20313565.6小结 21276986系统测试 22317256.1测试案例 22303616.2测试过程 22162986.2.1管理员登录 22217976.2.2添加藏书 22119976.2.3发表留言 23201416.2.4删除图书 23138286.2.5删除留言 236616.2.6图书阅读 23205636.3测试结果 24233516.3.1登录测试结果 24294106.3.2收藏图书 2512276.3.3发表书评 26323906.3.4删除图书 2752196.3.5图书阅读 28218386.4小结 28102317总结 2922769参考文献： 3020370致谢 31PAGE30绪论研究背景和意义背景分析进入新世纪以来，随着互联网技术快速发展，互联网逐渐渗透到人类生活的方方面面，已经成为人们日常生活的必需品。互联网的出现使得人们可以通过互联网做到“足不出户能遍知天下事”，遇到问题时通过互联网可以查找解决的方法，联系朋友可以通过互联网进行联系，阅读书籍可以在线阅读，而不必专门花钱买一本纸质书籍。互联网的出现也让人类的生存环境变得越来越数字化和碎片化，人们将大量的时间花在新闻查看、娱乐圈等方面，人们的阅读时间虽然有所增长，但是幅度并不大。在网络快速发展的过程中，网民数量也在不断增加，在线阅读用户总量也在逐年增加。根据数据显示，中国网民总人数已经达到了9.3亿人，是中国总人口的四分之三，在线阅读用户总量也达到了4.5亿人，在线阅读用户总数几乎是网民总量的一半。在线阅读用户总量不断增长的同时，每年的电子图书发行量也以15%的速度增长着，早在2005年11月，中国电子图书总数就已经高居世界第一。随着人们版权意识的不断提高，在线阅读付费用户规模在最近五年都以10%的速度增长，越来越多的读者舍得为在线阅读花钱，用户舍得花钱，在线阅读网站才能运营得下去。研究意义在信息化日益发达的今天，人们花在传统纸质阅读的时间越来越少，不少人需要更多的数字化阅读途径来满足他们不断增长的阅读需求。建设一个免费的悠闲书屋可以为普通读者提供一个良好的阅读平台。让读者可以在空闲时间进行随时随地的阅读，也让经济不是那么充裕的读者降低生活的成本。网站降低读者生活成本的同时也可以让读者可以充分利用地闲暇时间进行阅读，从书中汲取知识，避免虚度光阴。2014年以来“倡导全民阅读”已经连续六年写进了政府工作报告，彰显了国家政府日益重视国民的阅读生活。为响应了国务院“倡导全民阅读”的号召，网站的建设本着为人民服务的精神，网站内可以免费阅读而且不像其他网站会有广告。悠闲书屋希望能够让原本喜欢阅读的读者更加喜欢阅读，让原本不喜欢阅读的读者渐渐喜欢上阅读。国内现状分析国内的线阅读网站可以分为三个发展阶段，第一阶段是在线阅读网站野蛮生长期，以龙的天空占据行业龙头为代表；第二阶段是理性成长期，以起点中文网为代表的众多阅读网站开始不断扩充用户；第三阶段为融合期，起点中文网、盛大文学等网站重组为阅文集团，阅文集团在整个行业可以说是占据统治地位。现在正处于网络文学的第三阶段，阅文集团旗下的起点中文网、纵横中文网等大型阅读网站开始不断打造大IP，对原著进行第二次创作，如将《庆余年》、《陈情令》等小说排成电视剧，还有将大量小说通过漫画的形式进行二次著作。最近几年国家也在大力打击盗版力度，也让国内民众的版权意识不断上升，越来越多的人选择付费阅读。目前国内需要付费的图书阅读网站：有掌阅、微信阅读、起点中文网等网站，用户在这些网站上阅读需要支付一定的版权费用，虽然需要支付一定的费用，不过相对较贵的纸质阅读还是比较低廉的。国内也存在着一些非法盗用版权的阅读网站，如笔趣阁、顶点小说网等网站，这些网站打着免费阅读的口号非法盗取他人版权，实则通过广告获取巨额非法获利，这些网站的出现以及发展也会阻碍网络阅读健康发展。根据数据显示，在第二十五个世界读书日期间，全国在线阅读人数在当晚十点达到峰值，将近一百万读者通过不同平台同时进行在线阅读，当天接近一千万人通过各种方式也参与了在线阅读。一天一千万的阅读人数在全国总人口占比并不大，国内在线阅读的增长空间仍然很大，在线阅读依然有很大的发展空间。课题研究方法和方法研究方法本论文在撰写过程中主要运用了以下三种研究方法：1、分析法。对悠闲书屋系统进行分析，分析其技术可行性和社会环境可行性，参考现有书屋网站完成对悠闲书屋系统的功能需求分析与设计。2、实验法。根据悠闲书屋系统的功能需求编写代码，在编写代码的过程中不断调试代码，使得系统可以正常运行，在调试的过程不断完善系统的功能。3、总结法。对系统的测试结果和现象进行分析和总结，根据分析的结果完善系统功能。在书屋系统完成后，对整个书屋系统的设计和完成情况进行总结，最后完成毕业论文最终稿。研究内容本文从六个方面对悠闲书屋系统进行分析研究：绪论，主要说明了悠闲书屋搭建的背景和意义，对国内在线阅读的现状进行了分析研究，同时说明了本文的三个研究方法。技术和工具，介绍了系统搭建需要用的技术和工具，同时说了为什么选择这些技术和工具。系统整体设计，从技术可行性和环境可行性对书屋系统进行了分析，同时介绍了书屋系统的功能模块。数据库设计，说明了书屋系统为什么选择MySQL而不是其他数据，也详细介绍了系统需要用到的数据表和ER图。系统详细设计，介绍了每个模块拥有的功能，以及展示了功能模块的部分代码截图。系统测试，说明了系统测试的重要性，以及悠闲书屋系统测试的六个测试案例和过程，并通过截图展示测试结果。总结。对毕业设计进行总结，介绍了完成过程的感想和不足之处。小结本章主要说明了在线阅读的发展背景，在线阅读能够发展起来的原因是互联网的蓬勃发展；还说明了悠闲书屋建设的意义，悠闲书屋建设主要是为了相应“倡导全民阅读”的号召；同时对国内在线阅读的现状进行了分析，国内在线阅读发展迅速但是还有很大的进步空间。系统开发工具和技术开发工具1.NavicatPremium12Navicatpremium是一款数据库管理工具，这个软件可以让程序员对数据库进行可视化操作的增删改查，是一个实用性很强的软件。VisualStudioCodeVisualStudiocode是用来编写代码的程序。这个软件可以编写多种代码，如Java、JavaScript等语言，同时软件也可以安装很多实用插件，如ESlint、GitLens等非常有实用性的插件，是一款比别编程软件实用性更强的软件。PostmanPostman可以将键值对传送至相应的接口，可以测试接口是否正常运行，是一款非常实用的API/接口功能测试工具。开发技术Vue.jsVue.js是一套构建用户界面的框架，只关注视图层。前端三大框架中，vue给程序员提供了大量实用性非常好的API，是一个非常适合新手上手的前端框架。Node.jsNode.js是对chromeV8引擎的二次封装，是运行在服务端的JavaScript。Node.js非常适合熟悉JavaScript却不会JAVA、PHP等动态语言的前端程序员。Express.jsExpress.js是在node.js基础上开发webserver的一个框架。这个框架非常适合前端程序员使用，可以实现系统的快速搭建。ElementUIElementUI是为开发者准备的基于Vue2.0的组件库。这个组件库是前端程序员常用的组件库，使用这个组件库可以加快系统的完成速度，是一个非常好用的组件库。

系统整体设计可行性分析技术可行性分析悠闲书屋系统由书屋官网和后台两个部分组成，整个书屋官网包括注册登录、搜索、书籍展示、评论等功能，后台管理有管理员管理、图书管理、留言管理和用户管理等功能。从整个系统需求来看，数据库设计的复杂程度不高，涉及到数据库的基本都是简单的增删改查，使用MySQL就能满足本系统的设计需求。后端使用基于node.js的express.js框架进行搭建，大部分操作涉及到对数据库的增删改查，后端开发难度并不高。前端是用Vue.js和elementUI组件库开发，前端的页面的功能逻辑难度并不大。对于前端的页面开发，主要思考是如何把页面设计得简洁大方又不失特色，整个网站需要给读者用户营造一种舒适的阅读环境，给用户提供一个良好的阅读环境。从系统的功能需求和页面设计要求来看，一个人编写这个悠闲书屋系统的话，大概需要一个月左右就能完成。社会环境可行性分析在信息化高度发达的今天，在线阅读不断的挤占着传统纸质阅读的空间，在线阅读的人数在2018年便达到了4.3亿人，几乎占据着四分之一的中国人口。根据调查显示，中国自2009年以来，纸质阅读占总阅读时间的比例开始不断下降，虽然最近三年下降速度开始减缓，纸质阅读时间的下降趋势并没有改变。纸质阅读占比下降的同时，在线阅读占总阅读时间的比例开始大幅度升高。2010年开始在线阅读受到年轻人的喜欢和追捧，年轻人纷纷通过电脑、手机、电子阅读器进行阅读。2017年以来，中年人进行在线阅读的人数规模也开始大幅度增长，每年以8%的速度进行增长，不管是年轻人还是中年人都越来越倾向于通过在线阅读的方式获取知识。随着最近几年政府的大力打击盗版，国内的版权意识也在不断的加强。根据资料显示，2015年以来，在线阅读付费用户规模每年几乎15%速度增长，一方面是政府打击盗版的结果，另一方面是在线阅读的便捷和越来越丰富的内容也使得人们心甘情愿地支付一定的费用。系统功能模块设计官网模块设计书屋网站功能其实大部分功能都是差不多的，一般都包括登录注册功能、查看排行榜、个人书架、图书阅读和图书订阅等功能，这些功能基本是一个在线阅读网站的标配。本次设计的官网页面包括登录注册、首页、详情页和阅读页等四个页面。首页：由搜索框、logo、总榜和分类榜单组成。阅读页：显示书籍当前章节的内容。详情页：给用户提供书籍相关内容的信息。登录注册：给用户提供登录注册的操作。图3-1官网结构后台模块设计每一个合格的网站都会有一个后台管理系统，如果没有后台管理系统，网页维护需要消耗大量人力物力，而一个简单易用、功能强大的后台管理系统可以帮助管理员更加有效的对网站进行管理。这节主要介绍书屋后台管理系统的功能。登录功能管理员登录需要输入账号密码才能进入后台管理系统。管理员账号是无法注册的，管理员账号只能由管理员添加。管理员列表管理员可以往数据库的管理员表中添加管理员账号。用户管理管理普通用户的界面，管理员可以将普通账号删除，也可以添加普通用户账号。图书管理管理图书的界面，管理员可以在这个模块添加图书章节内容，修改图书章节内容，添加新的图书和删除已经上架的图书。分类管理管理书籍分类的界面，可以对书籍重新划分分类。留言管理管理普通用户留言的界面，可以对一些违禁的留言进行删除。如果留言的言论过于恶略，可以在用户管理模块中将账号删除，对该账号进行封号处理。 图3-2后台系统与前台页面的关系图用户模块设计每个普通用户都会有个人中心，用户可以修改账号密码和头像。每个用户的书架都可以添加自己喜欢的书籍，用户可以对书架上的书籍进行管理。本节说一下用户模块的功能。个人中心（1）修改头像：用户可以修改账号的头像。（2）修改密码用户可以修改自己的账号密码，以防被盗。图3-3账号信息修改2.个人书架用户可以对收藏自己喜欢的书籍，也可以取消收藏书架上的书籍。3.留言注册用户可以在书籍详情页点击发表留言，在留言弹窗中输入自己对当前书籍的留言。小结在本章分析了悠闲书屋系统的技术可行性，从技术上讲，建设一个悠闲书屋系统从技术是可行的，建设需要的时间并补偿。从环境分析可知，国内是有书屋系统发展和传播的土壤的。同时也介绍了悠闲书屋系统拥有的模块和功能。数据库设计数据库分析这个系统使用的是MySQL，MySQL是一个关系型数据库管理系统。由于系统规模较小，使用MySQL是最佳的选择，它虽然没oracle功能齐全，但是胜在免费，普通用户使用MySQL是不需要花钱的。mongoldb虽然也是免费但是成熟度没有MySQL高，更重要的是mongoldb占用空间大。虽然系统中有不少操作都是对数据库的增删改查，但是整个系统对数据库的性能等需求并不高。只要处理好每个表之间的关系，整个数据库的设计难度并不高。数据库实体实体-联系图用来建立数据模型,在数据库系统概论中属于概念设计阶段，形成一个独立于机器，独立于DBMS的ER图模型。通常将它简称为ER图，相应地可把用ER图描绘的数据模型称为ER模型。ER图是用来描述事物之间的联系的。（1）用户实体属性：用户id、用户账号、用户密码、用户头像。图4-1用户E-R图（2）图书实体属性：图书id、分类id、章节id、图书标题、作者、评分、阅读、时间。图4-2图书E-R图（3）评论实体属性：id、图书id、用户id、内容、时间。图4-3评论E-R图（3）图书分类实体属性：分类id、分类标题。图4-4图书分类E-R图（4）章节实体属性：章节id、内容。图4-5图书分类E-R图（4）管理员实体属性：id、用户账号、用户密码。图4-6管理员E-R图主要表结构如下用户信息表由用户ID、用户名称、用户密码和用户头像组成。表4-1[login]用户信息表字段名类型说明idint(11)用户的idnamevarchar(50)用户名称passwordvarchar(150)用户密码imgvarchar(150)用户头像图书分类由分类ID和分类标题组成。表4-2[cate]图书分类表字段名类型说明idint(11)分类idtitlevarchar(50)分类标题图书信息表由图书id、分类id、章节id、图书标题、作者、评分、阅读、时间组成。通过分类id和章节查询图书的分类和章节内容。表4-2[book]图书信息表字段名类型说明idint(11)图书idcidint(11)分类idzidint(11)章节idnamevarchar(50)图书标题authvarchar(50)作者spotint(11)评分readint(11)阅读timevarchar(50)时间章节信息由章节id和内容组成。表4-3[chapter]章节信息表字段名类型说明idint(11)章节idnamevarchar(200)内容章节信息由管理员id、管理员账号和管理员组成。表4-4[admin]管理员信息表字段名类型说明idint(11)管理员idnamevarchar(200)管理员账号passwordvarchar(150)管理员密码评论信息由评论id、图书id、用户id、内容时间组成。通过图书id和用户id与图书表和用户表产生联系。内容用于记录评论的内容，时间记录评论发表的时间。表4-5[comment]评论信息表字段名类型说明idint(11)idbidint(11)图书idnidint(11)用户idnamevarchar(200)内容timevarchar(200)时间小结本章介绍了悠闲书屋系统相关的数据库设计，分析了数据库设计需要注意事项，同时介绍了数据库中的不同表之间的关系和数据实体。系统详细设计后台系统功能设计后台系统通过express.js进行搭建的。后台系统由登录模块、图书管理模块、留言管理模块、分类管理模块、用户管理模块和管理员列表模块组成，每个模块都是对数据库增删改查。界面设计为左侧是导航栏，右侧是模块操作的区域。登录模块后台登录界面需要输入登录账号密码，输入账号密码后点击登录即可。管理员登录成功后就才可以访问后台管理系统。后台登录两次验证，一次是浏览器操作的对账号密码格式进行验证，一次是服务器处理的登录验证。浏览器验证主要用于校验表单格式是否正确，单靠浏览器进行验证是不安全的，为了防止某些懂网页技术的人对页面代码进行修改。登录还需要进行服务端验证，服务器验证主要将收到的数据放在数据库查询，如果服务器的验证不通过，即使格式正确也无法登录。登录流程：管理员输入账号和密码后，浏览器进行格式验证，如果验证失败则会提示格式错误，如果验证通过发送post请求到服务器。服务器收到请求后，查询数据库是否有一致的数据，如果无法找到则返回“用户不存在”，如果在数据库中查询到一致数据，会生成token并把token返回。图5-1登录流程图部分登录代码：图5-2后端校验代码图书管理模块图书管理功能其实就是对数据库中的数据进行增删改查。这个模块的所有对数据库的增删改操作都是通过弹窗完成，每次进行操作的时候都会向服务器发送处理请求，服务器处理完成后返回结果，页面显示操作结果后，页面也重新进行刷新。图书管理模块部分代码：图5-3图书管理分类管理模块在这个模块中，主要的的功能是对网站的图书进行分类管理，管理员可以在此页面中已有图书重新分类。本模块的数据都是通过表格显示，修改操作通过弹窗操作，修改成功后会向服务器发送请求对页面进行刷新。以下部分分类管理代码：图5-4分类管理用户管理模块用户管理模块主要是管理员用来管理书屋系统的普通用户，可以添加用户和删除用户，添加用户的话可以在弹窗中设置账号和密码后，会向服务器发送请求，服务器处理完成后，页面会自动刷新。部分代码如下：图5-5用户管理书屋系统功能设计网站主要使用了Vue+Element搭建的，网站有首页、详情页、阅读页和个人书架四个页面组成，这些功能基本都是对数据库进行查询，除了界面的设计需要花心思之外，整个程序的代码编写并不难。为保护读者的眼睛，网页的界面设计以墨黑色为主。首页设计不管是游客还是用户，一开始接触的就是网站的首页。如果首页乱七八糟的，就会给人一种不好的印象，所以我们的首页需要设计得简洁大方，整体设计需要给人一种舒适的感觉。首页主要分为顶部导航栏、搜索框、图书排行榜合分类榜单组成，首页（Helloworld）通过路由占位符进行渲染。首页部分代码如下：图5-6首页代码详情页设计图书的详情页由顶部导航栏、书籍详情、和精彩留言组成，导航栏组件显示搜索框、logo和登录，详情组件主要显示书名、简介、作者等信息，章节组件主要显示书籍最新章节，留言组件则显示用户的留言信息。页面通过路由占位符将Article渲染到页面部分代码如下：图5-7详情页代码书架页面设计书架页面主要由顶部导航栏和书架两个模块组成，顶部导航栏跟详情页的组件是同一个组件，只是在书架页引入了该组件，这样做可以提高网页的速度。书架模块主要通过表格的方式显示收藏的图书。用户可以在书籍详情页收藏自己喜欢的书籍，也可以我的书架页面对藏书进行管理，书架页面也是通过路由占位符渲染。部分代码如下：图5-8书架页代码小结本章节主要说明了后台登录系统的功能设计，介绍说明了后台管理系统中的登录模块、图书管理模块、分类管理模块和用户管理模块，同时展示了这些功能的部分代码截图。也介绍了书屋系统前端的界面设计，前端的界面都是通过路由占位符进行渲染的。系统测试系统测试是对系统功能进行测试，找出系统运行中出现的错误，并在测试结束后，对需要进行修改的地方进行修改，让系统可以更加流畅地正常运行。系统测试也是为了找出系统细节中存在不足，从而更好的改进系统完善系统。测试案例案例测试一共有6个，以下是系统的部分测试案例：表6-1测试案例过程预期结果实际结果管理员输入账号密码登录登录成功登录成功用户收藏一本图书收藏成功收藏成功用户发表书评发表成功发表成功管理员删除一本已上架的图书删除成功删除成功管理员添加普通账号添加成功添加成功用户阅读图书显示正确内容显示正确内容测试过程管理员登录有三种情况：管理员输入正确的账号和密码，账号和密码都通过了前端校验，服务器生成token并将token返回给浏览器，用户成功登录自动进入书屋首页。管理员输入的账号或密码不符合格式，登录页面出现错误提示，提醒用户输入格式错误。管理员输入未注册的账号，浏览器发送post请求到服务器，服务器无法再数据库中查询到一样的数据，服务器返回错误信息。添加藏书用户登录成功后，点击进入某一本的书籍详情页点击加入书架，点击后浏览器会发送post请求，服务器收到请求后进行处理，处理有两种情况：添加成功，服务器更新当前账号的数据库，并返回添加成功的提示。用户会看到“加入书架”按钮变成开始阅读，或者到个人书架查看是否成功添加。如果添加成功，书架会显示已有藏书。发表留言用户登录成功后，进入某本图书的详情页面，点击发表留言，浏览器弹出点评弹窗，用户输入任意文字后点击发表，浏览器发送post请求把数据发送给服务器处理，服务器对数据库进行更新并返回发表成功，页面出现提示后会自动刷新页面，留言会显示在留言板最上层。删除图书管理员登录成功后，会自动进入后台管理首页，管理点击左侧图书管理进入图书管理页面。随机选择其中一本图书，在该图书最右侧的操作列中点击删除按钮。浏览器发送post请求，如果删除成功，服务端更新数据库的数据并返回删除成功。删除留言管理员点击后台管理页面左侧边栏中的留言管理进入留言管理页面，随机选择某本书籍的某条留言进行删除，后端接收到请求后，对数据库进行更新，并返回结果。图书阅读普通用户或者游客在首页选择一本图书，进入图书详情页后，选择某一章节进行点击，阅读页面加载成功并显示正确内容。测试结果登录测试结果测试结果有三种，图6-1显示的是账号或者密码格式不正确，页面会对用户进行红字提示，用户重新输入正确格式的账号和密码。图6-2显示的是密码或者账号错误，页面也会进行相应的提示，用户需要输入正确的账号和密码。图6-3显示的是管理员成功登录，页面会自动跳转到后台管理系统的首页。图6-1表单验证图6-2账号或密码错误图6-3登录成功收藏图书用户在图书的详情页可以看到一个淡蓝色的加入书架按钮。用户点击按钮后，按钮内容会变成开始阅读按钮，用户可以点击开始阅读按钮进入阅读页面。用户可以在个人书架页面查看已添加的图书。如果是游客则无法加入书架，需要进行登录账号才可以收藏。图6-4添加藏书前图6-5添加藏书后发表书评用户点击发表留言后，浏览器出现一个留言弹窗，用户输入一段文字后点击发表。书籍详情页会重新刷新页面，精彩点评处会显示最新发表的留言。图6-6发表书评图6-7发表成功删除图书管理员登录后，在后台管理系统的图书管理页面选择455号书的删除按钮，浏览器