摘要
隨著前端各種新興技術(shù)的崛起，我們編寫前端已經(jīng)不僅僅局限于html，css，js，而是有了更多的選擇，用更加簡(jiǎn)潔的代碼就可以實(shí)現(xiàn)更加完美的功能?！盎趙eb的網(wǎng)上書城系統(tǒng)”的前端開發(fā)就是采用vue和基于vue開發(fā)的桌面組件庫(kù)element ui，后臺(tái)采用基于nodejs的express框架，數(shù)據(jù)庫(kù)采用mongodb。
“網(wǎng)上書城”實(shí)現(xiàn)的功能是書城的前端界面設(shè)計(jì)，前端交互界面基于vue開發(fā)，書城主要完成了三個(gè)系統(tǒng)模塊的實(shí)現(xiàn)，1.實(shí)現(xiàn)用戶讀書心得交流，2.實(shí)現(xiàn)電子書排行查看和電子書下載，3.圖書商城中加入購(gòu)物車和付款。在開發(fā)過(guò)程中，主要需要注意的可分為四個(gè)方向，一是對(duì)加載速度的要求，不管從用戶還是開發(fā)者的角度，加載速度都應(yīng)該被重視；二是對(duì)界面的排版，首先界面不能讓用戶感到反感，因此要適應(yīng)大眾的審美觀；三是圖片的選擇，圖片不僅影響美觀，而且如果圖片太大還會(huì)影響加載速度；四就是留意配色，配色的好壞影響著界面的美觀與否。
后臺(tái)管理系統(tǒng)是基于element ui框架開發(fā)的，實(shí)現(xiàn)了后端商品管理界面設(shè)計(jì)功能。element ui 的優(yōu)點(diǎn)在于可以方便的開發(fā)出功能豐富而且美觀的后臺(tái)管理界面，不需要寫很多的CSS代碼就可以實(shí)現(xiàn)布局，因?yàn)榭蚣艿拈_發(fā)就在于對(duì)代碼的封裝，而使用框架開發(fā)就只需要調(diào)用就好。
關(guān)鍵詞 : 書城 Vue element ui nodejs mongodb express
ABSTRACT
With the rise of various emerging front-end technologies, we are no longer limited to writing front-end HTML, CSS and js, but have more choices, and can achieve more perfect functions with more concise code. The front-end development of “web-based online book city system” is the desktop component library element UI developed based on vue and vue, the back-end is the express framework based on nodejs, and the database is mongodb.
The function of “online book city” is the front-end interface design of book city. The front-end interactive interface is developed based on vue. The book city mainly completes the realization of three system modules:1. To achieve the user reading experience exchange, 2. To achieve the e-book ranking view and e-book download, 3. Add shopping cart and payment to book mall. In the development process, the main need to pay attention to can be divided into four directions, firstly, the load speed requirements, whether from the perspective of users or developers, load speed should be paid attention to.Secondly, the layout of the interface, first of all, the interface can not make the user feel disgusted, so to adapt to the public aesthetic. Thirdly, the choice of pictures, pictures not only affect the appearance, and if the picture is too big will affect the loading speed; Forthly, pay attention to color matching, color matching affects the interface is beautiful or not.
Background management system is based on element UI framework development, the realization of the back-end commodity management interface design function. The advantage of element UI is that it can easily develop a rich and beautiful background management interface without writing a lot of CSS code to achieve the layout. Because the development of the framework is to encapsulate the code, while the development of the framework only needs to be called.
Key words : Book Mall Vue Element UI Nodejs Mongodb Express
目錄
摘要 I
ABSTRACT II
第1章 緒論 - 1 -
1.1 研究背景 - 1 -
1.2 研究目的及意義 - 1 -
1.3 開發(fā)工具 - 2 -
第2章 技術(shù)選型和設(shè)計(jì)方案 - 3 -
2.1 涉及的開發(fā)技術(shù) - 3 -
2.2 書城功能結(jié)構(gòu)圖 - 6 -
第3章 書城前端功能實(shí)現(xiàn)與展示 - 8 -
3.1 登錄注冊(cè)功能 - 8 -
3.2 首頁(yè)面功能 - 9 -
3.3 好書分享功能 - 10 -
3.4 電子書頁(yè)面功能 - 11 -
3.5 書城頁(yè)面功能 - 12 -
3.6 購(gòu)物系統(tǒng)功能分析 - 13 -
第4章 后端書籍管理功能與實(shí)現(xiàn) - 18 -
4.1 后端書籍管理界面原理分析 - 18 -
4.2 后端書籍管理界面分析 - 18 -
第5章 項(xiàng)目疑難點(diǎn)和總結(jié) - 20 -
5.1 書城前端界面系統(tǒng)問(wèn)題分析及解決 - 21 -
5.2 后端商品管理界面問(wèn)題分析及解決 - 23 -
5.3 總結(jié) - 24 -
參考文獻(xiàn) - 25 -
致 謝 - 26 -

總結(jié)

以上是生活随笔為你收集整理的基于Vue+nodejs+Web的网上书城系统的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。