摘要
隨著前端各種新興技術的崛起，我們編寫前端已經不僅僅局限于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
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 開發工具 - 2 -
第2章 技術選型和設計方案 - 3 -
2.1 涉及的開發技術 - 3 -
2.2 書城功能結構圖 - 6 -
第3章 書城前端功能實現與展示 - 8 -
3.1 登錄注冊功能 - 8 -
3.2 首頁面功能 - 9 -
3.3 好書分享功能 - 10 -
3.4 電子書頁面功能 - 11 -
3.5 書城頁面功能 - 12 -
3.6 購物系統功能分析 - 13 -
第4章 后端書籍管理功能與實現 - 18 -
4.1 后端書籍管理界面原理分析 - 18 -
4.2 后端書籍管理界面分析 - 18 -
第5章 項目疑難點和總結 - 20 -
5.1 書城前端界面系統問題分析及解決 - 21 -
5.2 后端商品管理界面問題分析及解決 - 23 -
5.3 總結 - 24 -
參考文獻 - 25 -
致 謝 - 26 -

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。