《基于web的网上书屋系统的设计与实现》7300字（论文）

基于web的网上书屋系统的设计与实现摘要目前看来，伴随着Internet的发展，21世纪主流的商业模式将会是电子商务这一行业。然而作为一种新型图书在线阅读、在线购买的线上书屋系统，它也是随着这些网络技术的普遍发展油然而生的，并且凭借着它的方便，快捷等一系列的优点对传统的图书发行产业存在着巨大的冲击力，这不但是一种机遇，也是一种巨大的挑战。随着经济的快速发展和通信技术的逐步提高，网络越来越方便人们的生活，线上阅读也成了大多数人的选择。本论文以基于web的线上书屋系统的研究与设计为背景。利用线上阅读系统，以此来方便广大用户线上阅读书籍。该系统主要包括了书籍的分类模块、在线阅读模块和收藏中心模块。用户可以无时无刻的在线上阅读书籍，还可以将自己心仪的图书添加到收藏中心，在下次阅读时容易被找到。用户还可以在线上留言对图书进行评价，很好的提高了用户阅读的兴趣[1]。该系统通过分析国内外线上书屋的发展现状，凭借着软件工程的基础步骤，采用超文本链接语言HTML、Vue、npm、webpack、路由、axios、es6等技术实现其相应的功能。此系统还提供了图书浏览、图书查询、在线阅读和后台数据管理等功能，这样的话用户使用起来会更方便，更快捷。关键词：线上书屋；Vue；电子商务；在线阅读目录19316一、绪论 -7-28168（一）国内外线上书屋的发展现状 -7-759（二）课题研究的背景及意义 -7-31637（三）课题研究所应用的原理与理论依据 -8-9004二、关键技术介绍 -8-4356（一）HTML介绍 -8-3801（二）路由的介绍 -8-8114（三）Express的介绍 -8-27855三、系统的开发目标 -8-27246四、系统的需求分析 -9-22235（一）功能性需求分析 -9-25895（二）经济可行性分析 -9-30013（三）技术可行性分析 -9-13049（四）系统安全性分析 -9-4857（五）市场的可行性分析 -9-15824（六）数据的来源性分析 -10-22900五、系统的设计 -10-31738（一）系统功能模块设计 -10-23384（二）系统的整体功能模块设计 -10-17412（三）界面设计 -18-18194（四）数据设计 -19-6113六、系统的预计测试功能 -19-9213（一）软件测试的概念 -19-7876（二）用户登录界面的测试 -19-16654（三）收藏图书时数量修改的测试 -20-4740（四）整个系统的测试 -20-25747七、总结 -21-3266参考文献 -22-一、绪论随着因特网Internet的普遍发展，线上阅读行业市场的规模在逐渐的增大，在当今世界，伴随着人们生活水平的逐步提高，人们开始侧重于对知识的探求，在闲暇时间阅读书也逐渐成为了一种时髦的举动。由此看来，我们的生活被计算机网络技术的发展带来了巨大的飞跃。在这个充满信息的时代，线上书屋也变成啦重要的组成部分。由于每一种图书的作者、说明、编著等信息皆不相同，并且随时都需要被修改，如果只需要人工处理这些信息，将会需要消耗大量的时间。本文为了构建一种便捷且减轻图书管理者工作量的系统，线上书屋系统由此而生。国内外线上书屋的发展现状国外的线上书屋起步早，应用的范围也极其广泛，而且根据数据统计，在1998年，国外的线上书屋就已经是上千家了。在全球最大的线上书屋就出现在国外，是1994年在西雅图成立的亚马逊线上书屋，1998年的时候，亚马逊线上书屋的顾客总数就已经达到450万，销售额也已经达到了6.1亿美元，股票的市值更是越来越多[3]，这仅仅是美国线上书屋的发展，然而，英国和德国的线上书屋也在逐年增多。我国的线上书屋起步较晚，发展的数量较国外相比少之又少，由此看来，国内线上书屋的发展是指日可待的。1、线上书屋面临的困境线上书屋的发展前景虽然广阔，但是也会出现一些困扰。如，访问的人数较少，或者访问的人数多啦，但是成交数量有限，营销平淡，同时对于在页面上展示的广告，大多数的商家都不赞同。2、线上书屋的意义在中国，线上书屋既有发展的必要，也有发展的基础。线上书屋的发展既方便了消费者又方便了读者，如：读者可以很轻松的找到自己喜爱的书籍，不需要再盲目的奔波各种书屋去寻找。线上书屋的经营也不需要时间和空间的限制，随时随地的与消费者进行交流，还大大的降低了成本。（二）课题研究的背景及意义跟着计算机网络和计算机技术的飞速发展和应用范围的扩充，越来越多的人选择在线上阅读书籍。线上书屋是一个基于Internet的线上图书程序。用户可以通过输入用户名与密码登录系统，浏览系统中的图书信息。可以将线上书屋中引人注目的图书加入到收藏中心中，方便下次查看，现在越来越多的人热衷于线上阅读。（三）课题研究所应用的原理与理论依据本篇论文主要负责实现用户登录、图书的多种条件查询和模糊查询、添加图书与图书信息、收藏架、在线阅读，个人信息管理，反馈意见等功能。主要实现的界面有首页即书城界面、图书的新书上架、图书分类、排行榜和推荐图书界面以及用户设置功能界面。而且线上书屋系统在构建功能方面具有稳定性和可靠性。二、关键技术介绍（一）HTML介绍HTML是用来描述网页的一种标记性语言，它是由不同的元素组成的，对于标记语言简单的来说它就是一套标记标签，他可以运用标记标签来描述网页的信息。HTML语言编写及其简便，他都是由一些标签组成的，没有那些复杂的语法，而且它还可以跨平台，还可以使用在广泛的平台上[4]。（二）路由的介绍在web开发过程中，路由主要是指根据URL跳转到不同的页面之间的一种路径，它分为两种路由，一个是前端路由，另一个是后端路由，而前端路由是不需要与服务器相互交互的，因此不存在网络延迟的问题，而后端路由则需要与服务器相交互，因为后端路由在访问新页面的过程中，需要向服务器发送一个请求，才可以访问成功，所以后端路由存在网络延迟的问题[4]。（三）Express的介绍Express是一个简洁而灵活的node.jsWeb应用框架,提供了一系列强大特性帮助你创建各种Web应用，和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。三、系统的开发目标1、为用户提供图书浏览；2、用户可以根据多种方式查询自己喜爱的图书；3、用户可以把自己心仪的图书添加到收藏中心；4、用户可以对图书进行评论。此系统设计能够实现首页（商品展示页面）、商品详细信息页面、收藏中心页面、注册维护个人资料页面、使用帮助和注销等功能。四、系统的需求分析（一）功能性需求分析该系统的设计主要是为了用户能够方便快捷的浏览书籍，也是为了用户能够更加方便迅速的查看图书，并对图书进行相应的评价。本系统的具体需求如下所示：1.用户的功能介绍：（1）用户登录：用户根据系统的提示完成用户登录功能。（2）浏览图书：用户可以浏览系统中所具备的图书，还可以查询所需要的图书。（3）收藏图书：用户对于自己心仪的图书，可以加入收藏中心，方便下次阅读。（4）收藏中心：用户进入收藏中心界面，可对加入收藏中心的书籍进行移出功能。（5）图书分类：用户进入分类模块，可以欣赏到根据不同种类分享的书籍。（7）在线阅读图书：用户可以随时在线阅读自己喜爱的书籍。（8）图书更新：对于上新的图书，用户可第一时间查看图书发布的新消息。（二）经济可行性分析随着经济的发展，人们在不断地扩大对图书的需求量，所以，图书的发行量也在不断的扩充。在大城市里，普通的书店随着人们对图书的需求也在不断的增多，各种各样的书店都发展了起来。相对而言，书店的规模也在不断地扩充着，比如北京图书大厦、北京海淀图书城等等。除了这些国有的，国外的也在不断的介入，比如贝塔斯曼[6]。由此看来，正因为有了这些情形的出现，线上书屋的发展也会将竞争变得更加的激烈，正因为如此线上书屋的优势才得以体现。（三）技术可行性分析线上书屋可实现用户访问并查找书籍信息，客户还可以对于自己喜欢的书籍加入收藏中心并可在线阅读，还可以做出相应的评价。随着图书的不断更新，用户还可以查看图书发布的新消息。该系统将使用现代流行的技术去实现每一项的功能，成熟且方便运用，因此该系统在技术方面是可行的。（四）系统安全性分析针对本系统存在的安全问题，此次设计做了充足的准备工作：第一，用户所输入的用户名与密码必须与系统中预留的用户名与密码一致，才可进入本系统。第二，在登陆过成中，用户还需要输入正确的验证码，如果用户输入的验证码与系统中的不一致，就不可以进入本系统。第三：用户所输入的用户名、密码和验证码全部正确，才可以进入到该系统，进行相关的操作。（五）市场的可行性分析通过调查研究发现，对于现在而言网络上存在的这种系统有很多，但是对于成型的系统，他们所具备的功能并不完善，由此看来，线上书屋系统的开发空间和开发价值超级大，从而来弥补市场上的大面积空白[7]。并且对于我国的图书管理的发展由他来激励。正在此时，线上书屋还可以弥补图书馆所达不到的效果，例如：线上书屋系统可以源源不断地引入新鲜的知识和加快技术的传播与共享等等。由此看来，线上书屋有着一片美丽的反展前景。（六）数据的来源性分析该系统的数据主要来源于一个简洁而灵活的node.jsWeb应用框架-Express，它可以提供一组强大的功能给Web和移动应用程序。在使用过程中选择的各种HTTP实用工具和中间件，可以快速方便地创建强大的API，还提供精简的基本Web应用程序功能，而不会隐藏您了解和青睐的Node.js功能，因此许多流行的开发框架都基于Express构建[5]。五、系统的设计（一）系统功能模块设计根据系统的需求分析，确定本系统主要有以下模块。如图1系统功能结构所示。图1系统功能结构（二）系统的整体功能模块设计1.登录模块系统进入登陆界面，用户根据表单信息提示输入用户名、密码与验证码，输入完成后用户点击登录按钮完成登录，进入本系统。在登陆过程中，如果用户在输入用户名、密码和验证码时与本系统中存储的用户名、密码、验证码不一致，则系统会提示“请重新输入”，如果用户在输入过程中，用户名、密码和验证码有一项输入的内容为空，系统则会提示，“不能为空”。用户在输入验证码的过程中，如果验证码不清晰，用户可以切换验证码，直到验证码在界面中的显示是清晰的，用户所输入的验证码与切换的验证码是统一的之后，点击登录按钮，便可成功的进入本系统。如图2所示。图2登录界面其核心代码如下：图书展示模块用户登陆成功进入该系统后，会看到以书城命名的图书展示界面，界面上方有导航键，分别是推荐、女生、男生、图书（新），用户可以点击这几个导航键，进入到以点击的页面中，当进入该系统时书城界面中展示的就是此系统推荐给用户的图书推荐页面。用户点击女生导航键，则展示的就是此系统推荐给用户适合女生阅读的一些书籍，首先展示的是以四张图书封面为背景的轮播图，其次就是主编位用户推荐的带有人气的一些书籍，还有未用户推荐的评分为九分以上的书籍，即“九分神作”模块，还有为用户推荐的已完结的图书，即“完结优选”模块，还有系统为用户推荐的在本期的作品中的美文，即“本期佳作”模块，最后是为用户推荐的用户会喜欢的图书，即“猜你喜欢”模块，这便是书城界面中导航键是女生的页面展示。而男生页面与女生的几乎相同，唯一不同的就是，系统推荐的是适合男生阅读的书籍。“图书（新）”模块就是图书上新模块，会在图书上新模块中为大家介绍。展示效果如图3所示。图3图书书城展示其核心代码如下：3.图书上新模块用户还是停留在书城界面中，用户点击上方的“图书（新）”导航键，便会进入图书上新模块，再此模块中，首先映入眼帘的是以四张图书封面为背景的轮播图，下面便是此系统为用户推荐的精选之作，即“新时代精选”，再往下就是新上架的“文学之作”，接下来还有新上架的好书，以及一些经典名著，最后一个模块展示的便是大多数用户都会喜欢的一些图书。如图4所示图4图书上新其核心代码如下：4.图书分类模块用户点击分类，便会进入到图书分类模块，图书分类模块还是会按照女生，男生，图书三个标签页进行展示图书不同的分类方式，标签页的下方会有五个不同的按钮，分别是热门、题材、情节、角色和风格，用户点击不同的按钮，系统便会跳转到以以点击的按钮的图书分类方式。比如，用户点击题材按钮，则就会跳到按题材分类的一些关键词，为用户带来方便。由于界面的设计过于太长，用户在使用过程中用起来不方便，系统还为用户设计了一个返回顶部的按钮，如果用户想回到顶部，用户就可以直接点击右下角的向上的箭头图标，系统就会识别直接跳转到界面的顶部。而图书的标签页与女生，男生的标签页的页面设计不相同，图书页面展示的书籍分类是按照全部分类进行划分的，而其余两个是按照小模块划分的，这样的设计会给用户带来多种选择的方式，为用户带来便捷。如图5所示。图5系统功能结构其核心代码如下：5.收藏中心模块用户如果想查看已加入收藏中心的图书或者已收藏的图书，点击书架按钮，即收藏中新界面，进入界面后，便可查看用户所加入的图书，图书的信息，图书的数量。如果用户想继续选择其他的图书，点击界面底部的以加号为封面的按钮便会直接跳转到书城界面，继续选择心仪的图书。若用户对于已经加入收藏中心的图书碱性管理，用户可以点击删除按钮，选中不喜欢的书籍，删除即可。如果收藏中心内没有选中的图书，那么收藏中心会显示当前收藏中心内还没有您喜欢的图书哦。6.在线阅读模块用户进入某一图书信息详情页，点击在线阅读，便可浏览全书。如果该图书是客户心仪的，还可以加入收藏中心，方便下次阅读。7.个人中心模块用户点击我的，便会进入个人中心界面，界面上方展示的是头像与用户名，中间展示的是本系统的logo，下面就是留言板模块、帮助与反馈和设置模块。留言板模块将会在下方进行仔细介绍，帮助与反馈模块主要就是用户在使用过程中如果对该系统有什么不了解的可以在这一模块中寻求帮助。设置模块中主要就是对该系统进行的一些设置，可以设置屏幕关闭的时间，在阅读过程中进行音量键翻页，点击屏幕左侧翻看下一页，也可以进行全屏显示内容。如图8所示。图8个人中心8.留言板模块用户停留在我的界面，界面上显示我的留言板栏目名称，点击就将进入到我的留言板界面，在留言板页面中用户可以输入昵称、E-mail、内容、和主题，如果用户想要推荐图书，则可以选择推荐图书主题，如果用户想要提出其他问题，用户可以选择其他问题主题，最后点击发表提交，系统就会提示用户提交成功。如图9所示。图9我的留言板其核心代码如下：基本资料管理模块用户在我的界面中，点击设置栏目，在设置页面中点击基本资料，系统将会进入到该页面，在该页面将会出现用户的一些个人信息，用户点击修改按钮，将会修改个人信息，修改后的个人信息将会更新到该页面。（三）界面设计本系统界面样式的设计主要运用了CSS这一编程语言，整个系统的设计模式是统一的布局，每一个页面几乎都由三部分构成：页面的顶部是标题部分，中间是展示部分，底部便是导航部分。其中，该系统的首页是整个平台的展示窗口，其内容主要包括书架，即收藏中心，书城、分类和个人中心页面[8]。同时，点击搜索按钮还可以输入关键字搜索系统中提供的图书、查看分类的图书和热销的图书等。（四）数据设计该系统的部分数据如下所示：六、系统的预计测试功能软件测试的概念软件测试主要是测试人员通过手工或者工具对需要测试的内容惊醒相应的测试操作，以此来验证实际内容是否与预期的结果相匹配。软件测试的作用主要是发现并修复系统或者软件所出现的错误，从而提高用户的使用信度。还可以记录系统在运行过程中所展示的一些数据，以此来为决策提供有力的数据支持；除此之外，还可以降低相同类型的产品在开发过程中所遇到的问题的风险。软件测试工程主要是要求软件在交付给用户之前对软件进行全面的严格的测试，尽量发现软件中存在的错误，用来确保软件使用的质量[9]。用户登录界面的测试1.确保用户在输入用户名、密码和验证码输入有误时，相应的报错信息显示，并要求用户重新输入。2.确保当上面的所输入的参数都正确时，用户进入书城界面。3.若有任何一个为空时，在提交的同时，产生验证，提示用户输入不能为空。收藏图书时数量修改的测试1.确保默认收藏图书的数量为1。2.当用户输入的数量超出1时，提示用户，“该书已收藏”。当用户输入的数不为数字、或小于1时，提示出错信息。3.确保所提交的数据在数据表中产生相应的更新，书目表中的库存数量，会随着用户收藏、修改、取消产生对应的变化。整个系统的测试主页：检测页面是否正常显示，输入、输出功能是否一致。用户登录：检测用户输入的用户名与密码是否与系统中录入的信息一致。收藏中心：检测收藏中心的放入、清空和取消收藏的输入与输出的功能，是否会造成差别。图书查找：输入图书的信息是否能够查找到搜索的书籍。用户留言：检测用户可否在留言板留言。图书管理：检测用户是否可以根据分类查看不同的书籍信息。用户管理：检测用户对用户资料的新建、删除和修改是否与输入、输出功能一致。在线阅读管理：检测用户是否可以浏览全书。七、总结随着时代发展的进步，线上书屋也逐渐的流行起来。线上书屋系统不仅是一种引领图书系统行业的楷模，还在功能配置上，可以产生积极的效果。再本次的设计中，用户可以全面的浏览系统中存在的书籍，还可以在线阅读书籍，还能够浏览留言和评