完整资料进入【数字空间】查看——baidu搜索"writebug"
一、摘要
随着前端各种新兴技术的崛起，我们编写前端已经不仅仅局限于html，css，js，而是有了更多的选择，用更加简洁的代码就可以实现更加完美的功能。“基于web的网上书城系统”的前端开发就是采用vue和基于vue开发的桌面组件库element ui，后台采用基于nodejs的express框架，数据库采用mongodb。
“网上书城”实现的功能是书城的前端界面设计，前端交互界面基于vue开发，书城主要完成了三个系统模块的实现，1.实现用户读书心得交流，2.实现电子书排行查看和电子书下载，3.图书商城中加入购物车和付款。在开发过程中，主要需要注意的可分为四个方向，一是对加载速度的要求，不管从用户还是开发者的角度，加载速度都应该被重视；二是对界面的排版，首先界面不能让用户感到反感，因此要适应大众的审美观；三是图片的选择，图片不仅影响美观，而且如果图片太大还会影响加载速度；四就是留意配色，配色的好坏影响着界面的美观与否。
后台管理系统是基于element ui框架开发的，实现了后端商品管理界面设计功能。element ui 的优点在于可以方便的开发出功能丰富而且美观的后台管理界面，不需要写很多的CSS代码就可以实现布局，因为框架的开发就在于对代码的封装，而使用框架开发就只需要调用就好。
关键词 : 书城 Vue element ui nodejs mongodb express
二、绪论
2.1 研究背景
早期的网页开发是由后端主导的，前端能做的也就是操作一下DOM。2006年 John Resig发布了jQuery，用于操作DOM，其优雅的语法、符合直觉的事件驱动型的编程思维使其极易上手，因此很快风靡全球，大量基于jQuery的插件构成了一个庞大的生态系统。起初制约Web开发从后到前的因素很简单，就是前端很多事干不了或干不好，当时的浏览器性能弱，标准化程度低。特别是占据大量市场份额的IE，不仅ugly，并且buggy。于2008年问世的谷歌V8引擎改变了这一局面。现代浏览器的崛起终结了微软的垄断时代，前端的计算能力一下子变得过剩了。标准组织也非常配合的在2009年发布了第五代JavaScript，前端的装备得到了整体性的提高，前端界如同改革开放走进了一个令人目不暇接的新时代。2009年AngularJS诞生，随后被谷歌收购。2010年backbone.js诞生。2011年React和Ember诞生。2014年Vue.js诞生……前后端分离可谓大势所趋。后端只负责数据，前端负责其余工作，这种分工模式一定是更清晰也更高效的。随着基础设置的不断完善以及代码封装层级的不断提高，使得前端一个人能够完成的事越来越多，这是技术积累的必然结果。
年Ryan Dahl发布了node，node是一个基于V8引擎的服务端JavaScript运行环境，类似于一个虚拟机，也就是说js在服务端语言中有了一席之地。如果说ajax是前端的第一次飞跃，那么node可算作前端的第二次飞跃。它意味着JavaScript走出了浏览器的藩篱，迈出了全端化的第一步，一种流行的组合就是利用Express和Mongo搭建服务端程序。“网上书城系统”前端采用vue+element ui进行开发，后端采用express+node进行搭建，符合现代技术发展方向，且为爱看书的书友提供了更多的便利。
2.2 研究目的及意义
“网上书城系统”在现如今网络技术非常发达的情况下具有很大的开发意义，从阅读和购书的方便简洁带给人们更为广泛的方便性。所以根据人们的所需，开发“网上书城系统”是一个很好的研究方向。
本次毕业设计的目的是建立一个动态的、交互的在线交流读书心得和购书的网站。用户可以通过网站来分享自己的读书心得，也可以来购书。通俗地讲，我们可以把传统的商店直接“搬”回家，利用Internet直接购买自己需要的商品或者享受自己需要的服务。专业地讲，它是交易双方从洽谈、签约以及贷款的支付、交货通知等整个交易过程通过Internet、web和购物界面的技术化的B2C模式。实现电子商务的信息流、资金流和物流三方面的内容。
