基于Vue+Django技術(shù)的電商網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、基于Vue+Django技術(shù)的電商網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)Design and implementation of electronic business website based on Vue+Django technologies摘要該電商網(wǎng)站使用python框架django-rest-framework和前端框架vuejs開發(fā)，采用現(xiàn)在市面上大多數(shù)系統(tǒng)流行的瀏覽器/服務(wù)器模式結(jié)構(gòu)。該項(xiàng)目需要使用vuejs框架開發(fā)前端界面，而所有的數(shù)據(jù)邏輯均在python框架搭建的服務(wù)器后臺(tái)運(yùn)行。天天生鮮市場(chǎng)項(xiàng)目高度模塊化，前端與后臺(tái)明確分離，對(duì)后期維護(hù)和二次開發(fā)十分友好。在該項(xiàng)目，不管是前端用戶界面的設(shè)計(jì)還是

2、后端數(shù)據(jù)庫(kù)操作、接口的設(shè)計(jì)，對(duì)于開發(fā)者都是十分具有優(yōu)勢(shì)的，開發(fā)使用到的技術(shù)雖說(shuō)都是近幾年出現(xiàn)的，學(xué)習(xí)資源還是比較豐富的。在開發(fā)的過程中，我意識(shí)到了大學(xué)所學(xué)基礎(chǔ)知識(shí)的重要性。該網(wǎng)站的前端用戶界面主要功能有：登錄注冊(cè)、商品列表、購(gòu)物車等面向消費(fèi)者的功能。而后端功能則主要面向系統(tǒng)管理人員，則所具有的功能為：商品管理、交易管理、用戶操作管理等等。從一開始的研究項(xiàng)目背景和意義到最后的項(xiàng)目總結(jié)都是為了提升自身，項(xiàng)目開發(fā)經(jīng)驗(yàn)是一部分，更重要的是通過該電商網(wǎng)站各種功能的實(shí)現(xiàn)，讓自己有更充足的開發(fā)意識(shí)和能力。作為一個(gè)電商項(xiàng)目，通過不斷查找網(wǎng)上電商網(wǎng)站，然后找到具體需求，進(jìn)行各種模塊分析，最終通過框架，用代碼來(lái)實(shí)

3、現(xiàn)它。關(guān)鍵詞：電商市場(chǎng) 數(shù)據(jù)庫(kù) VueAbstractThe e-commerce site is developed using the python framework djanjan-rest-framework and the front-end framework vuejs, using the popular browser/server model structure of most systems in the market.This project needs to use the vuejs framework to develop the front-end inter

4、face, and all the data logic runs in the background of the server built by the python framework.Tiantian fresh market project is highly modular, the front end is clearly separated from the back end, and it is very friendly to the later maintenance and secondary development.In this project, whether i

5、t is the design of the front-end user interface or the design of the back-end database operation and interface, it is very advantageous for developers. Although the technologies used in the development are all in recent years, the learning resources are relatively rich.In the process of development,

6、 I realized the importance of basic knowledge learned in university.The main functions of the front-end user interface of the website are: login and registration, list of goods, shopping cart and other consumer-oriented functions.The back-end functions are mainly for system administrators, and the f

7、unctions are commodity management, transaction management, user operation management and so on.From the beginning of the research project background and significance to the final project summary are to improve themselves, project development experience is part of the more important is through the re

8、alization of the various functions of the e-commerce site, so that I have more adequate awareness and ability to develop.As an e-commerce project, through constantly looking for online e-commerce sites, and then find specific requirements, various module analysis, and finally through the framework,

9、with code to achieve it.Keywords: e-commerce market database Vue廣東東軟學(xué)院本科畢業(yè)設(shè)計(jì)（論文）目錄第1章緒論11.1 選題背景11.2 研究意義11.3 課題研究現(xiàn)狀11.4論文結(jié)構(gòu)安排2第二章 網(wǎng)站開發(fā)工具和技術(shù)簡(jiǎn)介32.1 Django RESTframework簡(jiǎn)介32.2 vuejs32.3 前后端分離42.4Visual studio code和JetBrains PyCharm 簡(jiǎn)介52.5 MySQL數(shù)據(jù)庫(kù)簡(jiǎn)介62.6 Navicat Premium數(shù)據(jù)庫(kù)管理工具簡(jiǎn)介7第三章 項(xiàng)目需求分析83.1 可行性分析83.

10、1.1 經(jīng)濟(jì)可行性83.1.2 技術(shù)可行性83.1.3 運(yùn)行可行性83.2 功能需求分析83.3 項(xiàng)目運(yùn)行環(huán)境12第四章 系統(tǒng)設(shè)計(jì)134.1 系統(tǒng)架構(gòu)設(shè)計(jì)目標(biāo)134.2 系統(tǒng)架構(gòu)設(shè)計(jì)134.3 數(shù)據(jù)庫(kù)設(shè)計(jì)144.3.1 e-r圖144.3.2 數(shù)據(jù)表214.4 系統(tǒng)流程設(shè)計(jì)22第五章 項(xiàng)目詳細(xì)設(shè)計(jì)245.1 項(xiàng)目主要功能245.2 系統(tǒng)各個(gè)功能模塊實(shí)現(xiàn)245.2.1 數(shù)據(jù)庫(kù)連接設(shè)計(jì)實(shí)現(xiàn)245.2.2 登錄設(shè)計(jì)實(shí)現(xiàn)255.2.3 前臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)255.2.4 后臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)32第六章 系統(tǒng)測(cè)試346.1 功能測(cè)試346.2 安全測(cè)試346.3 用例測(cè)試346.4 性能測(cè)試376.5

11、測(cè)試結(jié)果分析37第七章 系統(tǒng)特色與創(chuàng)新387.1數(shù)據(jù)請(qǐng)求優(yōu)化387.2創(chuàng)新功能38第八章 結(jié)論39參考文獻(xiàn)41致謝43第1章緒論1.1 選題背景天天生鮮市場(chǎng)網(wǎng)站可以為用戶提供各種飲食上的需求，據(jù)具體數(shù)據(jù)分析，淘寶、京東、云集等平臺(tái)在電商市場(chǎng)具有非常大的地位，那么，很多用戶就會(huì)反應(yīng)一件煩心事，那就是自己買點(diǎn)什么東西，店鋪太多，以至于自己在挑選產(chǎn)品時(shí)浪費(fèi)大量的時(shí)間，并且購(gòu)買到貨的商品還可能不是自己滿意度，這也就是說(shuō)，現(xiàn)在的電商市場(chǎng)更需要自身提供的產(chǎn)品就是高質(zhì)量的，不需要在挑店鋪中浪費(fèi)時(shí)間，而是當(dāng)用戶想要買指定產(chǎn)品，用戶直接找到就可以買的。而日常的飲食就是一種產(chǎn)品類型。天天生鮮市場(chǎng)網(wǎng)站就是為用戶網(wǎng)購(gòu)

12、食品的一個(gè)不錯(cuò)的平臺(tái)。1.2 研究意義隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展以及人們對(duì)網(wǎng)購(gòu)日益增加的需求，各種電商網(wǎng)站不斷涌入市場(chǎng)，同時(shí)隨著人們?cè)陔娚叹W(wǎng)站購(gòu)買食品的日益需求，越來(lái)越多的人們更注重食品透明度以及相關(guān)安全問題。日益劇增的電商網(wǎng)站確實(shí)增加了用戶對(duì)食品購(gòu)買的選擇，但網(wǎng)站上產(chǎn)品太多并且商品需求供應(yīng)太多，所以，這個(gè)時(shí)候，針對(duì)性地開發(fā)食品相關(guān)的購(gòu)物網(wǎng)站已成必然。因此，根據(jù)國(guó)內(nèi)大多數(shù)平臺(tái)不能夠滿足人們對(duì)食品需求以及食品安全的知情權(quán)，面對(duì)這一現(xiàn)狀，開發(fā)一個(gè)針對(duì)食品購(gòu)物、增加食品透明度的食品購(gòu)物網(wǎng)站具有實(shí)際的研究意義。1.3 課題研究現(xiàn)狀日前，使用計(jì)算機(jī)開發(fā)的電商網(wǎng)站隨著人們對(duì)產(chǎn)品需求的日益上升而不短增加，但產(chǎn)品只

13、定位在食品網(wǎng)站確又不多，所以，針對(duì)用戶的具體需求，開發(fā)一個(gè)比較針對(duì)性的食品購(gòu)物網(wǎng)站具有重大意義。但對(duì)于那些要求商品種類更多的用戶可能就不適用了。首先，食品購(gòu)物網(wǎng)站是以食品為主的電商購(gòu)物網(wǎng)站，開發(fā)者可以實(shí)現(xiàn)以食品為主的分類，盡可能地滿足用戶在食品這方面的購(gòu)物需求。其次，因?yàn)楣?yīng)供應(yīng)量和用戶需求以及季節(jié)、節(jié)日等時(shí)間因素，食品價(jià)格也會(huì)不斷發(fā)生變化。另外，由于食品購(gòu)物網(wǎng)站針對(duì)的用戶比較廣，后臺(tái)管理人員以及普通用戶使用操作網(wǎng)站，都可能存在一定的復(fù)雜性，所以盡可能多方面考慮這些復(fù)雜性也是網(wǎng)站設(shè)計(jì)過程中需要考慮的一方面。所以，基于以上多中情況的考慮，研發(fā)一款針對(duì)性的，提高用戶購(gòu)物體驗(yàn)的食品購(gòu)物網(wǎng)站具有深刻意

14、義。因?yàn)槎皇兰o(jì)以來(lái)，互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展，尤其是電商網(wǎng)站，而日前，大型的電商網(wǎng)站，比如淘寶、京東、云集等平臺(tái)，在商品這方面，都具有全面性、面向用戶、系統(tǒng)化等特點(diǎn)。具體來(lái)說(shuō)，就是盡可能滿足用戶需求，盡可能提前知道用戶想要的，然后給予推薦，讓用戶盡快滿足購(gòu)物需求。然而，事實(shí)上，這可能并不能達(dá)到用戶真正的需求，有時(shí)候用戶會(huì)沖動(dòng)消費(fèi)心理，購(gòu)買不必要的商品，當(dāng)用戶不能買到真正需要的商品的時(shí)候，商品在沒有實(shí)現(xiàn)最終價(jià)值的情況下就被扔掉了，從而造成資源浪費(fèi)。所以在這里，開發(fā)一款具有針對(duì)食品方面的食品購(gòu)物網(wǎng)站，讓用戶能夠理性消費(fèi)非常重要。1.4論文結(jié)構(gòu)安排論文結(jié)構(gòu)安排，也就是從第二章開始，主要描述關(guān)于整個(gè)項(xiàng)

15、目的技術(shù)支持和一些技術(shù)相關(guān)的具體概念，技術(shù)了解清楚之后，第三章開始，主要描述項(xiàng)目的需求分析，包括項(xiàng)目的可行性分析、功能需求分析、用例分析和業(yè)務(wù)流程分析；第四章就與技術(shù)掛鉤，包括項(xiàng)目功能模塊設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)、E-R圖設(shè)計(jì)、數(shù)據(jù)表，這些準(zhǔn)備也是為了后面項(xiàng)目通過代碼實(shí)現(xiàn)做足了充分的準(zhǔn)備；第五章是項(xiàng)目詳細(xì)設(shè)計(jì)，包括用戶管理和后臺(tái)管理兩部分，用戶管理包括登錄、注冊(cè)、查看商品信息 、用戶收藏、購(gòu)物車管理、訂單管理、支付管理，后臺(tái)管理就包括商品管理等等；第六章是編碼與測(cè)試實(shí)現(xiàn)，既是電商網(wǎng)站實(shí)現(xiàn)的最重要的一步也是最基礎(chǔ)的一步；第七章是關(guān)于項(xiàng)目特色和創(chuàng)新，任何一個(gè)技術(shù)學(xué)習(xí)者從一開始都是模仿階段，但為了能夠充分掌

16、握相關(guān)技術(shù)的知識(shí)點(diǎn)就必須得利用所學(xué)的知識(shí)進(jìn)行創(chuàng)新；第八章結(jié)論也就是最后一部分。第二章 網(wǎng)站開發(fā)工具和技術(shù)簡(jiǎn)介2.1 Django RESTframework簡(jiǎn)介Django Rest Framework 是基于python語(yǔ)法使用的后端框架，是一個(gè)強(qiáng)大且靈活的工具包，用以構(gòu)建Web API。Django REST Framework可以在Django的基礎(chǔ)上迅速實(shí)現(xiàn)API，并且自身還帶有WEB的測(cè)試頁(yè)面，可以方便的測(cè)試自己的API，主要運(yùn)用于前后端分離的WEB應(yīng)用中。該框架還可以用于數(shù)據(jù)庫(kù)表的生成，并且各種用戶核心功能的實(shí)現(xiàn)都離不開。2.2 vuejs從網(wǎng)站剛開始出現(xiàn)到現(xiàn)在，我們的網(wǎng)頁(yè)越來(lái)越強(qiáng)

17、大并且更加動(dòng)態(tài)化，我們從學(xué)習(xí)過程中就發(fā)現(xiàn)或者了解過不少框架和插件，使用過的人一定會(huì)發(fā)現(xiàn)，框架和插件使用起來(lái)非常方便快速，并且重用性高、兼容性好并且穩(wěn)定性強(qiáng)，維護(hù)成本也越來(lái)越低。前端插件或者框架的出現(xiàn)，也是因?yàn)镴avascript的強(qiáng)大，在很久之前的大型網(wǎng)站項(xiàng)目的開發(fā)過程中，總是不斷出現(xiàn)問題，html網(wǎng)頁(yè)結(jié)構(gòu)頻繁出現(xiàn)累贅，css樣式也比較龐大，資源浪費(fèi)已成常態(tài)，性能低下而且體驗(yàn)又很差，由于工作量非常大，所以維護(hù)成本比較高，再加上沒有正規(guī)的組織出現(xiàn)，所以IT界的大佬們?yōu)榱私鉀Q傳統(tǒng)開發(fā)項(xiàng)目導(dǎo)致的問題，被人們熟知的前端三大框架也 就出現(xiàn)了，其中就包括Vue.js。當(dāng)下前端主流框架有Vue、React和

18、Angular,而Vue.js作為一大框架，它卻有它獨(dú)有的特色，Vue.js是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，跟其他兩個(gè)框架對(duì)比，Vue.js比較輕量級(jí)，它的開發(fā)者將React和Angular的核心編程功能給提取出來(lái)，比如組件化開發(fā)、雙向數(shù)據(jù)綁定等等，不過Vue的核心庫(kù)只關(guān)注視圖層，所以相對(duì)而言比較容易學(xué)習(xí)，與其他已經(jīng)開發(fā)出來(lái)的項(xiàng)目或者其他庫(kù)進(jìn)行整合也比較方便，另外Vue在其生態(tài)系統(tǒng)支持的庫(kù)開發(fā)復(fù)雜頁(yè)面應(yīng)用和采用單文件組件上完全有能力進(jìn)行驅(qū)動(dòng)。詳細(xì)描述一下Vue.js與其他兩大框架的對(duì)比，首先他們都是組件化開發(fā)思想；模板的使用和數(shù)據(jù)渲染都非常靈活，層次結(jié)構(gòu)鮮明；語(yǔ)法很簡(jiǎn)單并且能夠簡(jiǎn)單快速搭建

19、一個(gè)項(xiàng)目；輕量級(jí)并且渲染速度更快；Vue采用的腳手架工具是vue-cli；Vue最初的開發(fā)維護(hù)者是尤雨溪，而現(xiàn)在更是成立了團(tuán)隊(duì)組織一起提供技術(shù)進(jìn)行迭代更新并且維護(hù)；Vue中指令和組件分得很清晰，指令只封裝DOM操作，而組件卻代表一個(gè)了獨(dú)立的單元，它能夠擁有自己的視圖樣式和數(shù)據(jù)邏輯。而Vue的實(shí)現(xiàn)原理是MVVM,即Model-View-ViewModel，模型-視圖-視圖模型。模型指的是后端傳遞的數(shù)據(jù)，視圖指的是用戶所看到的頁(yè)面，視圖模式則是連接view和model的核心，它一共有兩個(gè)方向，一個(gè)就是后端數(shù)據(jù)轉(zhuǎn)換成用戶看到的頁(yè)面，另一個(gè)就是頁(yè)面轉(zhuǎn)換成后端的數(shù)據(jù)，而這樣實(shí)現(xiàn)的效果，叫做數(shù)據(jù)的雙向綁定

20、，實(shí)現(xiàn)這樣的方法叫做DOM事件監(jiān)聽。在該原理下，視圖和模型直接相互通信是實(shí)現(xiàn)不了的，他們都必須通過ViewModel來(lái)進(jìn)行通信，在通信的時(shí)候還需要一個(gè)觀察者observer，當(dāng)視圖或者模型的數(shù)據(jù)發(fā)生變化的時(shí)候，observer都能夠非常準(zhǔn)確地監(jiān)聽到他們的變化，然后通知對(duì)應(yīng)的模型或者視圖做一個(gè)自動(dòng)更新，這樣就實(shí)現(xiàn)了雙向數(shù)據(jù)綁定原理。雙向數(shù)據(jù)綁定原理如圖2.1。圖 2.1雙向數(shù)據(jù)綁定原理2.3 前后端分離整個(gè)項(xiàng)目在開發(fā)過程中，首先得把前端的頁(yè)面給作出來(lái)，網(wǎng)站有什么元素，如果有表單的話，考慮表單有什么內(nèi)容，還有考慮應(yīng)該設(shè)計(jì)什么組件，界面怎么設(shè)計(jì)交互才會(huì)更加友好，如果這些提前設(shè)計(jì)好并使用vuejs把它

21、的網(wǎng)頁(yè)設(shè)計(jì)出來(lái)后，后端的開發(fā)就會(huì)比較方便，因?yàn)楹蠖说慕涌陂_發(fā)都是依照前端各種組件或者表單元素開發(fā)的；接下來(lái)是利用django-restful-framework開發(fā)后端接口，該框架主要考慮的文件有models.py，主要用于定義項(xiàng)目各種類的屬性，最終生成數(shù)據(jù)庫(kù)表格；serializers.py用于類的序列化；views.py主要處理各種視圖；settings.py主要用于配置各種公共類，數(shù)據(jù)庫(kù)等等；urls.py主要用于處理網(wǎng)站各種路由。前后端分離如圖2.2和圖2.3。圖 2.2Vue開發(fā)前端圖 2.3DJANGO REST framework開發(fā)后端2.4Visual studio code

22、和JetBrains PyCharm 簡(jiǎn)介Visual studio code和JetBrains PyCharm都屬于本次項(xiàng)目開發(fā)的集成開發(fā)環(huán)境。Visual studio code是針對(duì)編寫web項(xiàng)目的跨平臺(tái)源代碼編輯器，而在本次項(xiàng)目中，主要用于前端vue代碼的實(shí)現(xiàn)，具備了很多特點(diǎn)，比如語(yǔ)法高亮顯示，可定值快捷鍵，實(shí)現(xiàn)代碼片段收集等等，方便用來(lái)管理項(xiàng)目前端代碼。如圖2.4是Visual Studio Code的logo:圖 2.4Visual Studio Code而JetBrains PyCharm則是針對(duì)Python的IDE，它可以幫助用戶使用python開發(fā)項(xiàng)目時(shí)提高效率，包括語(yǔ)法高

23、亮顯示、項(xiàng)目管理、版本控制、單元測(cè)試等等，由于該集成開發(fā)環(huán)境為了支持框架Django的一些專業(yè)Web項(xiàng)目開發(fā)，所以還提供了一些高級(jí)功能。如圖2.5是JetBrains PyCharms的logo:圖 2.5JetBrains PyCharms總而言之，這兩個(gè)集成開發(fā)環(huán)境對(duì)于本次項(xiàng)目的開發(fā)非常重要。2.5 MySQL數(shù)據(jù)庫(kù)簡(jiǎn)介數(shù)據(jù)庫(kù)一般包括關(guān)系型數(shù)據(jù)庫(kù)和非關(guān)系型數(shù)據(jù)庫(kù)，而MySQL則屬于傳統(tǒng)的關(guān)系型數(shù)據(jù)庫(kù)產(chǎn)品，因?yàn)镸ySQL數(shù)據(jù)庫(kù)比較開放，而且不用付費(fèi)，是廣大用戶的首選，并且隨著數(shù)據(jù)庫(kù)技術(shù)的越發(fā)成熟，數(shù)據(jù)庫(kù)支持的功能也全面，性能也在一直提高，對(duì)平臺(tái)的兼容支持也在不斷增加，另外，數(shù)據(jù)庫(kù)的維護(hù)工作也

24、特別重要，MySQL數(shù)據(jù)庫(kù)社區(qū)的開發(fā)人和維護(hù)人數(shù)量也不少。該數(shù)據(jù)庫(kù)的功能非常強(qiáng)大、性能上也非常好，只要保證它遵守指定協(xié)議，用戶就可以進(jìn)行各種操作，其中最為常見的就包括增刪改查，可見它十分深受用戶歡迎。MySQL作為一門關(guān)系型數(shù)據(jù)庫(kù)，它可以將存有不同數(shù)據(jù)的表放到不同定義好的數(shù)據(jù)庫(kù)，所以可以將數(shù)據(jù)進(jìn)行分類，而不是放到一塊，在讀取方面可以增加MySQL的速度，并且，這也使用戶管理起來(lái)更加方便，提高用戶管理的靈活性。大多數(shù)數(shù)據(jù)庫(kù)都有一套通用的數(shù)據(jù)庫(kù)操作語(yǔ)言，并且官方定義它為SQL，中國(guó)的程序員稱之為結(jié)構(gòu)化查詢語(yǔ)言。這套查詢語(yǔ)言大大方便了用戶進(jìn)行增刪改查的操作。任何一個(gè)完整的PC端網(wǎng)站項(xiàng)目開發(fā)都離不開數(shù)

25、據(jù)庫(kù)。數(shù)據(jù)庫(kù)可以用來(lái)處理大量網(wǎng)站數(shù)據(jù)，這也就讓用戶瀏覽網(wǎng)頁(yè)時(shí)實(shí)現(xiàn)滿足用戶體驗(yàn)得到了保障，倘若連基本的數(shù)據(jù)都沒有的話，更不用提什么用戶體驗(yàn)，當(dāng)然如果只是靜態(tài)網(wǎng)頁(yè)的話，面對(duì)廣大的互聯(lián)網(wǎng)用戶很難會(huì)有市場(chǎng)。對(duì)于該項(xiàng)目使用MySQL作為數(shù)據(jù)庫(kù)，因?yàn)槠渚邆淞撕芏鄡?yōu)點(diǎn)，包括運(yùn)行速度塊，使用成本低，使用方便，可移植性強(qiáng)，適用更多用戶。MySQL的多種功能，適用于中小型企業(yè)甚至大型網(wǎng)站應(yīng)用。2.6 Navicat Premium數(shù)據(jù)庫(kù)管理工具簡(jiǎn)介Navicat Premium作為一項(xiàng)強(qiáng)大的數(shù)據(jù)庫(kù)管理工具，在本次項(xiàng)目開發(fā)中的地位也十分重要，它主要是讓開發(fā)者能夠觀察到項(xiàng)目數(shù)據(jù)庫(kù)的變化，并且用戶進(jìn)行數(shù)據(jù)操作的記錄也能

26、通過數(shù)據(jù)庫(kù)保存到數(shù)據(jù)表里面，十分方便用戶進(jìn)行數(shù)據(jù)管理。當(dāng)然，本次項(xiàng)目的數(shù)據(jù)主要通過python框架Django使用makemigrations和migrate進(jìn)行生成的，生成之后就通過Navicat進(jìn)行查看，所以Navicat在本次網(wǎng)站項(xiàng)目開發(fā)過程中必不可少。第三章 項(xiàng)目需求分析3.1 可行性分析3.1.1 經(jīng)濟(jì)可行性該項(xiàng)目主要是考察畢業(yè)生的基礎(chǔ)知識(shí)的掌握和自學(xué)能力的體現(xiàn)，因此，在經(jīng)濟(jì)可行性方面并沒有考慮太多，而在開發(fā)電商網(wǎng)站，運(yùn)用前后端分離的知識(shí)與技術(shù)，一步一個(gè)腳印把項(xiàng)目開發(fā)出來(lái)，讓畢業(yè)生能夠體驗(yàn)這個(gè)過程，才是開發(fā)這個(gè)項(xiàng)目的重點(diǎn)。而由于該項(xiàng)目的整個(gè)開發(fā)過程只需用一臺(tái)電腦開發(fā)，不管測(cè)試，還是開

27、發(fā)后的使用都是用開發(fā)者一臺(tái)電腦，這里的經(jīng)濟(jì)可行性更加不用放在考慮范圍之中。3.1.2 技術(shù)可行性該網(wǎng)站項(xiàng)目主要采用前后端分離的技術(shù)去開發(fā)，前端使用vuejs搭建，后端則用python框架django-rest-framework搭建，而數(shù)據(jù)庫(kù)則用mysql,mysql又是通過navicat fot MySql工具進(jìn)行管理。由于現(xiàn)在幾乎所有IT行業(yè)都使用框架開發(fā)已是常態(tài)，那么，在項(xiàng)目開發(fā)過程中，開發(fā)者能夠在網(wǎng)上找到各種技術(shù)支持資源，包括視頻教程資源、技術(shù)博客、技術(shù)文檔說(shuō)明等等，在技術(shù)可行性也有了一定的保障。3.1.3 運(yùn)行可行性該網(wǎng)站項(xiàng)目是基于python語(yǔ)言和前端框架VUE進(jìn)行開發(fā)的，由于后端

28、的數(shù)據(jù)庫(kù)設(shè)計(jì)和接口設(shè)計(jì)都是根據(jù)前端用戶界面進(jìn)行設(shè)計(jì)的，所以，如果所有的用戶界面都已經(jīng)確定下來(lái)的話，那么，后端的接口和數(shù)據(jù)庫(kù)表等都可以根據(jù)用戶界面慢慢設(shè)計(jì)。這里的數(shù)據(jù)庫(kù)表是根據(jù)用戶需求設(shè)計(jì)好的各種類，基本上每一個(gè)功能模塊都可以設(shè)計(jì)成一個(gè)類，而django-rest-framework是根據(jù)每個(gè)類通過model.py文件，然后執(zhí)行makemigrations和migrate命令自動(dòng)生成數(shù)據(jù)表，而后臺(tái)管理也是通過框架xadmin進(jìn)行開發(fā)。總而言之，由于現(xiàn)在技術(shù)的便利性，所以在運(yùn)行可行性也具有一定的把握。3.2 功能需求分析使用自上往下的方法對(duì)本網(wǎng)站項(xiàng)目進(jìn)行需求分析。了解該網(wǎng)站的需求后，基本定位下面的

29、功能：本課題要求實(shí)現(xiàn)一套樓盤銷售系統(tǒng)，同時(shí)系統(tǒng)要明確開發(fā)前臺(tái)與后臺(tái)兩個(gè)不同部分面向不同的用戶類群。前臺(tái)主要包括新聞資訊、房產(chǎn)分類、購(gòu)物車等功能模塊。后臺(tái)主要面向管理員用戶。所以其主要的功能有咨詢管理、會(huì)員管理、房產(chǎn)管理、房產(chǎn)類別管理、訂單管理等功能模塊。（1）交易管理表3-1 交易管理用例分析（2）商品管理表3-2 商品管理用例分析用例名稱用例簡(jiǎn)介前置條件商品管理將網(wǎng)站中所有提供給消費(fèi)者的內(nèi)容進(jìn)行管理，包括商品，商品類別，輪播商品，品牌，熱搜詞，首頁(yè)商品類別廣告項(xiàng)目服務(wù)器開啟，資源渲染完成，管理員登錄網(wǎng)站主要操作商品管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊商品。(3)查看所有商品列表內(nèi)容。(

30、4)按提示，選擇商品添加、修改、刪除等操作。(5)保存商品類別管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊商品類別。(3)查看所有商品類別列表內(nèi)容。(4)按提示，選擇商品類別添加、修改、刪除等操作。(5)保存品牌管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊品牌。(3)查看所有品牌列表內(nèi)容。(4)按提示，選擇品牌類別添加、修改、刪除等操作。(5)保存熱搜詞管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊熱搜詞。(3)查看所有熱搜詞列表內(nèi)容。(4)按提示，選擇熱搜詞添加、修改、刪除等操作。(5)保存首頁(yè)商品類別廣告管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊商品子模塊。(3)查看所有商品列表內(nèi)容。(4)按提示

31、，選擇商品類別廣告添加、修改、刪除等操作。(5)保存（3）用戶操作管理用例名稱用例簡(jiǎn)介前置條件用戶操作管理將網(wǎng)站中所有用戶操作進(jìn)行管理，包括用戶收藏、收貨地址、用戶留言項(xiàng)目服務(wù)器開啟，資源渲染完成，管理員登錄網(wǎng)站主要操作用戶收藏管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊用戶收藏。(3)查看所有用戶收藏內(nèi)容。(4)按提示，選擇商品收藏內(nèi)容添加、修改、刪除等操作。(5)保存收貨地址管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊收獲地址。(3)查看所有收獲地址內(nèi)容。(4)按提示，選擇收貨地址添加、修改、刪除等操作。(5)保存用戶留言管理明細(xì)：(1)管理員進(jìn)入后臺(tái)。(2)點(diǎn)擊用戶留言。(3)查看所有用戶留

32、言內(nèi)容。(4)按提示，選擇用戶留言添加、修改、刪除等操作。(5)保存表3-3 用戶操作管理用例分析3.3 項(xiàng)目運(yùn)行環(huán)境運(yùn)行環(huán)境：CPU：英特爾i7-3.5GHZ內(nèi)存：4G以上硬盤：500G操作系統(tǒng)：Windows 10開發(fā)工具：PyCharm、Visual Studio Code、navicat for MySql數(shù)據(jù)庫(kù)：MySQL第四章 系統(tǒng)設(shè)計(jì)4.1 系統(tǒng)架構(gòu)設(shè)計(jì)目標(biāo)1. 可靠性。不管對(duì)開發(fā)者和用戶而言，項(xiàng)目系統(tǒng)的總體可靠性非常重要，也就是說(shuō)，系統(tǒng)的架構(gòu)設(shè)計(jì)方面需要具備一定的可靠性。2安全性。項(xiàng)目在運(yùn)行過程中，由于大量用戶的存在，用戶所產(chǎn)生的數(shù)據(jù)就會(huì)比較多，那么，用戶的隱私問題也就非常重要

33、，所以在項(xiàng)目系統(tǒng)的設(shè)計(jì)過程中，需要考慮用戶數(shù)據(jù)的安全問題。3可定制化。由于網(wǎng)站的用戶包括管理員和普通用戶，但隨著使用的推廣，系統(tǒng)面臨的人群可能會(huì)存在各種需求，所以可定制化的特性是網(wǎng)站建設(shè)必不可少的內(nèi)容。4可擴(kuò)展性。在網(wǎng)站的使用過程中，新的技術(shù)，新的需求都會(huì)出現(xiàn)，在網(wǎng)站項(xiàng)目中運(yùn)用新的技術(shù)和新的功能也是必不可少的。5可維護(hù)性。網(wǎng)站在使用過程中，隨著用戶的增加和數(shù)據(jù)的變化，再加上未來(lái)其他功能的擴(kuò)展，為了方便技術(shù)人員的擴(kuò)展，網(wǎng)站的可維護(hù)性也是必須考慮的。6可升級(jí)性。網(wǎng)站項(xiàng)目開發(fā)過程中，由于前后端各種依賴包會(huì)不斷更新，那么，為了確保依賴包更新后不會(huì)對(duì)網(wǎng)站產(chǎn)生影響，技術(shù)人員更加應(yīng)該考慮網(wǎng)站項(xiàng)目的可升級(jí)性。

34、7可操作性。隨著互聯(lián)網(wǎng)時(shí)代的發(fā)展，越來(lái)越多用戶基本上都會(huì)使用計(jì)算機(jī)，操作網(wǎng)站，但也存在不懂使用計(jì)算機(jī)的用戶，所以在系統(tǒng)開發(fā)過程中，還需考慮網(wǎng)站項(xiàng)目的可操作性。4.2 系統(tǒng)架構(gòu)設(shè)計(jì)在系統(tǒng)的架構(gòu)設(shè)計(jì)。就包括業(yè)務(wù)層邏輯、用戶界面層、數(shù)據(jù)訪問層三層，根據(jù)這三層，網(wǎng)站所涉及到的具體內(nèi)容包括用戶界面、權(quán)限管理、數(shù)據(jù)訪問和異常處理以及業(yè)務(wù)邏輯，其系統(tǒng)功能模塊圖如下圖。圖4.1 系統(tǒng)功能模塊包圖4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)4.3.1 e-r圖關(guān)系型數(shù)據(jù)庫(kù)（本系統(tǒng)采用的MySQL數(shù)據(jù)庫(kù)為一種輕量級(jí)關(guān)系型數(shù)據(jù)庫(kù)）是目前應(yīng)用市面上的系統(tǒng)中使用比較頻繁的一種數(shù)據(jù)庫(kù)。本系統(tǒng)使用python語(yǔ)言，采用了django框架技術(shù)，絕大部

35、分面向?qū)ο笙到y(tǒng)設(shè)計(jì)，因此數(shù)據(jù)庫(kù)的設(shè)計(jì)和其他的一樣也是面向?qū)ο蟮?。E-R模型圖如下圖4.2所示：圖4.2數(shù)據(jù)庫(kù)E-R圖根據(jù)網(wǎng)站項(xiàng)目功能的需求，下面的的實(shí)體-關(guān)系模型為進(jìn)行細(xì)化系統(tǒng)中的E-R圖后的模型：（1）商品類別實(shí)體屬性如圖4.3所示。圖4.3商品類別類實(shí)體屬性圖（2）商品名類實(shí)體屬性圖，如圖4.4所示。圖4.4商品名類實(shí)體屬性圖（3）商品類實(shí)體屬性圖，如圖4.5所示。圖4.5商品類實(shí)體屬性圖（4）訂單的商品詳情類實(shí)體屬性圖，如圖4.6所示。圖4.6訂單的商品詳情類實(shí)體屬性圖（5）用戶收藏類實(shí)體屬性圖，如圖4.7所示。圖4.7用戶收藏類實(shí)體屬性圖（6）輪播的商品證碼類實(shí)體屬性圖，如圖4.8所示

36、。圖4.8輪播的商品類實(shí)體屬性圖（7）熱搜詞類實(shí)體屬性圖，如圖4.9所示。圖4.9熱搜詞類實(shí)體屬性圖（8）購(gòu)物車類實(shí)體屬性圖，如圖4.10所示。圖4.10購(gòu)物車類實(shí)體屬性圖（9）訂單類實(shí)體屬性圖，如圖4.11所示。圖4.11訂單類實(shí)體屬性圖（10）訂單的商品詳情類實(shí)體屬性圖，如圖4.12所示。圖4.12訂單的商品詳情類實(shí)體屬性圖（11）用戶留言類實(shí)體屬性圖，如圖4.13所示。圖4.13用戶留言類實(shí)體屬性圖（12）用戶收貨地址類實(shí)體屬性圖，如圖4.14所示。圖4.14用戶收貨類實(shí)體屬性圖（13）用戶類實(shí)體屬性圖，如圖4.15所示。圖4.15用戶類實(shí)體屬性圖（14）短信驗(yàn)證碼類實(shí)體屬性圖，如圖4.

37、16所示。圖4.16短信驗(yàn)證碼類實(shí)體屬性圖4.3.2 數(shù)據(jù)表建好的數(shù)據(jù)庫(kù)名為yansenshop，使用MySQL數(shù)據(jù)庫(kù)管理系統(tǒng)，并且使用navicat for MySql進(jìn)行管理。系統(tǒng)中使用到的主要數(shù)據(jù)表有商品r表、訂單表、用戶收貨地址表、用戶表等等。具體表結(jié)構(gòu)如下：表4-1 商品表表4-2 訂單表 表4-3 用戶收貨地址表表4-4 用戶表4.4 系統(tǒng)流程設(shè)計(jì)流程圖是將一個(gè)操作的各個(gè)順序步驟按照一定的邏輯展示出來(lái)的一個(gè)圖形。只要這個(gè)操作有過程，那么肯定有一個(gè)流程。流程圖就是對(duì)于描述這個(gè)操作的解釋。流程圖對(duì)于我們進(jìn)行現(xiàn)行的過程或者根據(jù)需要進(jìn)行新的改進(jìn)的時(shí)候有著非常重要的作用。本系統(tǒng)流程設(shè)計(jì)如下圖

38、4.17所示。圖4.17系統(tǒng)流程設(shè)計(jì)圖第五章 項(xiàng)目詳細(xì)設(shè)計(jì)5.1 項(xiàng)目主要功能網(wǎng)站的需求進(jìn)行了詳細(xì)的分析，由于需要調(diào)研了當(dāng)前電商網(wǎng)站的熱度。該網(wǎng)站是基于django-rest-framework搭建后臺(tái)，vue搭建前臺(tái)，mysql作為數(shù)據(jù)庫(kù)的天天生鮮市場(chǎng)電商網(wǎng)站，項(xiàng)目主要分未前臺(tái)和后臺(tái)兩個(gè)模塊，前臺(tái)包括登錄、注冊(cè)、商品搜索、購(gòu)物車、會(huì)員中心等功能模塊；交易管理、商品管理、用戶管理、用戶操作管理等功能模塊作為后臺(tái)主要功能。其功能結(jié)構(gòu)圖如下圖5.1所示：圖5.1系統(tǒng)功能結(jié)構(gòu)圖5.2 系統(tǒng)各個(gè)功能模塊實(shí)現(xiàn)5.2.1 數(shù)據(jù)庫(kù)連接設(shè)計(jì)實(shí)現(xiàn)數(shù)據(jù)庫(kù)是在django框架的settings文件中a進(jìn)行數(shù)據(jù)庫(kù)連接

39、配置。實(shí)現(xiàn)代碼圖5.2如下：圖5.2數(shù)據(jù)庫(kù)連接代碼圖5.2.2 登錄設(shè)計(jì)實(shí)現(xiàn)當(dāng)用戶在瀏覽器輸入網(wǎng)站url地址訪問時(shí)，需要用戶輸入之前成功注冊(cè)過的賬號(hào)、密碼進(jìn)行用戶信息校驗(yàn)。用戶輸入完成并提交，網(wǎng)站才會(huì)將用戶登錄填寫的表單數(shù)據(jù)發(fā)送到后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行校驗(yàn)，如果數(shù)據(jù)庫(kù)用戶表里的信息匹配成功，確認(rèn)有該用戶，那么就能返回一個(gè)登錄成功的反饋，否則登錄就失敗。如下圖5.3所示。圖5.3 系統(tǒng)登錄界面5.2.3 前臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)前臺(tái)模塊主要包含了用戶登錄與注冊(cè)、首頁(yè)的展示、商品搜索、購(gòu)物車、會(huì)員中心。（1）首頁(yè)模塊項(xiàng)目首頁(yè)運(yùn)行界面如圖5.5所示。圖5.4首頁(yè)實(shí)現(xiàn)界面（2）用戶注冊(cè)功能模塊的實(shí)現(xiàn)用戶注冊(cè)分為會(huì)

40、員注冊(cè)和商家注冊(cè)，注冊(cè)界面如圖5.5所示。圖5.5用戶注冊(cè)實(shí)現(xiàn)界面（3）商品搜索功能模塊的實(shí)現(xiàn)當(dāng)用戶想到要買的商品的時(shí)候都可以通過搜索框把需要的產(chǎn)品給搜索出來(lái)，搜索功能如圖所示5.6所示。圖5.6用戶注冊(cè)實(shí)現(xiàn)界面（4）購(gòu)物車功能模塊的實(shí)現(xiàn)當(dāng)用戶根據(jù)提示確定商品數(shù)量和商品價(jià)格，把它添加到購(gòu)物車當(dāng)中，這個(gè)時(shí)候，購(gòu)物車就會(huì)形成一定數(shù)量的商品列表，用戶添加購(gòu)物車和購(gòu)物車列表如圖所示5.75.9所示。圖5.7添加購(gòu)物車實(shí)現(xiàn)界面圖5.8購(gòu)物車實(shí)現(xiàn)界面圖5.9確定下單實(shí)現(xiàn)界面（5）用戶中心功能模塊的實(shí)現(xiàn)：用戶中心中的我的訂單，實(shí)現(xiàn)頁(yè)面效果如圖5.105.14。圖5.10添加購(gòu)物車實(shí)現(xiàn)界面圖5.11會(huì)員中心收

41、貨地址實(shí)現(xiàn)界面圖5.12會(huì)員中心用戶信息實(shí)現(xiàn)界面圖5.13會(huì)員中心用戶收藏實(shí)現(xiàn)界面圖5.14會(huì)員中心用戶留言實(shí)現(xiàn)界面5.2.4 后臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)后臺(tái)模塊功能的設(shè)計(jì)主要包括管理員對(duì)網(wǎng)站的商品信息、用戶信息、用戶操作信息、交易信息進(jìn)行管理以及前端的接口設(shè)計(jì)。（1）管理員管理后臺(tái)的功能實(shí)現(xiàn)：管理員對(duì)商品信息、用戶信息、用戶操作信息、交易信息進(jìn)行增刪查改等操作是此模塊主要實(shí)現(xiàn)的功能。該模塊的使用頁(yè)面如圖5.15所示：圖5.15管理員管理后臺(tái)模塊界面（2）接口設(shè)計(jì)模塊功能實(shí)現(xiàn)前端頁(yè)面需要通過接口來(lái)添加數(shù)據(jù)并將數(shù)據(jù)加載到頁(yè)面上，所以接口的設(shè)計(jì)是對(duì)于前端是非常重要的一部分，但由于接口設(shè)計(jì)是由后端語(yǔ)言py

42、hon設(shè)計(jì)的，所以接口設(shè)計(jì)放在后端這邊講，后端接口設(shè)計(jì)如圖會(huì)員管理模塊界面如圖5.16所示。圖5.16接口設(shè)計(jì)管理模塊實(shí)現(xiàn)界面第六章 系統(tǒng)測(cè)試任何一個(gè)IT項(xiàng)目在上線面向用戶之前都必須經(jīng)過大量測(cè)試，所以項(xiàng)目測(cè)試在項(xiàng)目開發(fā)流程中起到至關(guān)重要的地步。對(duì)于該項(xiàng)目，最基本的，我們需要檢測(cè)網(wǎng)站的功能性，也就是網(wǎng)站的每個(gè)功能模塊的使用情況，當(dāng)然，檢測(cè)網(wǎng)站的功能性如果過關(guān)的話，那么，網(wǎng)站的 可用性就有保障了。然后還需要檢測(cè)其穩(wěn)定性，只有通過大量有邏輯有目標(biāo)性的測(cè)試，我們才有機(jī)會(huì)降低項(xiàng)目運(yùn)行時(shí)的出錯(cuò)率。6.1 功能測(cè)試適用性、準(zhǔn)確性、可操作性、依從性、安全性是本網(wǎng)站進(jìn)行功能性測(cè)試的主要內(nèi)容。本網(wǎng)站功能測(cè)試如表6

43、-1所示：表6-1 網(wǎng)站功能測(cè)試6.2 安全測(cè)試具體測(cè)試方面如表6-2所示。表6-2安全測(cè)試6.3 用例測(cè)試具體測(cè)試方面如下表所示。表6-3 網(wǎng)站可用性測(cè)試序號(hào)用例名稱用例操作預(yù)期結(jié)果測(cè)試結(jié)果1用戶注冊(cè)輸入用戶名、密碼、驗(yàn)證碼輸入正確的用戶名、密碼、驗(yàn)證碼后跳轉(zhuǎn)到登錄頁(yè)符合預(yù)期2用戶登錄輸入用戶名、密碼輸入正確的用戶名、密碼后跳到網(wǎng)站首頁(yè)符合預(yù)期3用戶添加商品收藏進(jìn)入網(wǎng)站后，用戶點(diǎn)擊指定的產(chǎn)品，并把確定好數(shù)量的商品添加到購(gòu)物車中商品收藏添加正常符合預(yù)期4用戶添加收貨地址點(diǎn)擊會(huì)員中心，添加收貨地址添加收貨地址正常符合預(yù)期5用戶修改收貨地址點(diǎn)擊會(huì)員中心，修改收貨地址修改收貨地址正常符合預(yù)期6用戶添

44、加留言點(diǎn)擊會(huì)員中心，添加用戶留言添加用戶留言正常符合預(yù)期7用戶刪除留言點(diǎn)擊會(huì)員中心，刪除用戶留言刪除用戶留言正常符合預(yù)期8用戶查看訂單點(diǎn)擊會(huì)員中心，查看我的訂單，看看訂單列表顯示是否正常訂單列表顯示正常符合預(yù)期9用戶修改用戶信息點(diǎn)擊會(huì)員中心，修改用戶信息用戶信息修改正常符合預(yù)期10用戶使用購(gòu)物車點(diǎn)擊指定商品，添加至購(gòu)物車商品添加購(gòu)物車正常符合預(yù)期11管理員后臺(tái)登錄輸入賬號(hào)、密碼輸入正確的用戶名、密碼后跳到網(wǎng)站后臺(tái)符合預(yù)期12管理員后臺(tái)管理商品進(jìn)入后臺(tái)，點(diǎn)擊商品，對(duì)商品進(jìn)行查詢、添加、修改、刪除商品管理操作正常符合預(yù)期13管理員后臺(tái)管理訂單進(jìn)入后臺(tái)，點(diǎn)擊訂單，對(duì)訂單進(jìn)行查詢、添加、修改、刪除訂單

45、管理正常符合預(yù)期14管理員后臺(tái)管理購(gòu)物車進(jìn)入后臺(tái)，點(diǎn)擊購(gòu)物車，對(duì)購(gòu)物車進(jìn)行查詢、添加、修改刪除購(gòu)物車管理正常符合預(yù)期15管理員后臺(tái)管理用戶進(jìn)入后臺(tái)，點(diǎn)擊用戶，對(duì)用戶進(jìn)行查詢、添加、修改刪除用戶管理正常符合預(yù)期16管理員后臺(tái)管理用戶操作進(jìn)入后臺(tái)，點(diǎn)擊用戶操作，對(duì)用戶操作進(jìn)行查詢、添加、修改刪除用戶操作管理正常符合預(yù)期表6-4 網(wǎng)站用例測(cè)試6.4 性能測(cè)試模擬使用多臺(tái)計(jì)算機(jī)操作網(wǎng)站的情景，對(duì)網(wǎng)站進(jìn)行性能測(cè)試，看看所測(cè)試的內(nèi)容是否達(dá)到可接受的范圍。測(cè)試結(jié)果如圖6-5。表6-5性能測(cè)試6.5 測(cè)試結(jié)果分析經(jīng)過對(duì)該網(wǎng)站進(jìn)行多個(gè)方面的分析和測(cè)試，該網(wǎng)站針對(duì)電商網(wǎng)站中的所有業(yè)務(wù)基本上已經(jīng)實(shí)現(xiàn)，而卻測(cè)試過程中

46、并未發(fā)現(xiàn)異常，全部符合預(yù)期結(jié)果，并且操作起來(lái)十分見到、產(chǎn)品性能穩(wěn)定，可以在互聯(lián)網(wǎng)市場(chǎng)中推廣使用。第七章 系統(tǒng)特色與創(chuàng)新7.1數(shù)據(jù)請(qǐng)求優(yōu)化在該網(wǎng)站的數(shù)據(jù)請(qǐng)求接口開發(fā)過程中，盡量減少http請(qǐng)求，以訪影響用戶訪問網(wǎng)站的性能，而該在該項(xiàng)目中，用戶使用一個(gè)功能就訪問一個(gè)API，不會(huì)涉及到太多的接口，所以不管是性能上，還是開發(fā)維護(hù)上，都比較方便。當(dāng)用戶訪問網(wǎng)站時(shí)，一個(gè)模塊功能對(duì)應(yīng)著一個(gè)API接口，包括商品、商品類別、驗(yàn)證碼、熱搜、用戶、商品收藏、留言、收貨地址、購(gòu)物車、訂單、輪播圖、商品搜索。7.2創(chuàng)新功能相信每一個(gè)網(wǎng)站開發(fā)都有它的獨(dú)特之處，為了能夠讓整個(gè)網(wǎng)站具有特色，提升戶體驗(yàn)，所以我這里網(wǎng)站布局上添

47、加了輕松的綠色主題，使用戶能夠在瀏覽該網(wǎng)站時(shí)，放松個(gè)人心情，增加用戶在網(wǎng)站停留的時(shí)間，那么用戶的購(gòu)買欲望也會(huì)更加強(qiáng)大。而且對(duì)該網(wǎng)站的印象也會(huì)特別好，通過口碑傳遞后，可以持續(xù)增加新用戶和回頭客的數(shù)量，為網(wǎng)站開發(fā)者和商品供應(yīng)商創(chuàng)造更大的價(jià)值。第八章 結(jié)論我很確信，選擇一個(gè)電商網(wǎng)站作為畢業(yè)選題對(duì)我未來(lái)就業(yè)的發(fā)展有著舉足輕重的作用，因?yàn)槲以谖磥?lái)想從事web前端開發(fā)的工作。通過半年的時(shí)間，在自己不斷的努力和老師同學(xué)們的幫助之下，我順利完成了項(xiàng)目，實(shí)現(xiàn)了自己所有預(yù)期的功能。項(xiàng)目開發(fā)期間，我努力查漏補(bǔ)缺，把自己不懂的知識(shí)點(diǎn)或者遇到的問題不斷努力克服，先是會(huì)百度如何解決自己遇到的問題，盡量靠自己解決問題，實(shí)在

48、不行再去找我的指導(dǎo)老師。也就是在這個(gè)過程中，我不斷地意識(shí)到自己的不足，然后努力克服，開發(fā)項(xiàng)目期間，自己也會(huì)盡量去查找書籍，視頻教程等來(lái)解決我遇到的問題，先學(xué)習(xí)，后模仿，然后自己不斷改進(jìn)。由于自己有web前端的求職意向，所以在開發(fā)期間，也會(huì)翻閱自己購(gòu)買的書籍，包括nodejs深入淺出、你不知道的Javascript、Bootstrap從入門到精通等等，不斷提升自己，把基礎(chǔ)打好，做事情才會(huì)事半功倍。在這次項(xiàng)目開發(fā)過程中，由于一個(gè)飽和的項(xiàng)目需要用到前后端，從項(xiàng)目開發(fā)工具的準(zhǔn)備，環(huán)境搭建，頁(yè)面布局，數(shù)據(jù)庫(kù)設(shè)計(jì)到最后實(shí)現(xiàn)所有的功能模塊，那么，一開始我就得找一些關(guān)于后端開發(fā)的視頻資源，該項(xiàng)目我主要使用了基

49、于python的后端框架django-rest-framework，在后端設(shè)計(jì)中，我不斷安裝各種項(xiàng)目依賴和工具，使我對(duì)于項(xiàng)目依賴有了全新的認(rèn)識(shí)，因?yàn)槲覀円O(shè)計(jì)代碼實(shí)現(xiàn)功能的話，不再像大一的時(shí)候，用代碼從頭敲到尾，尤其是對(duì)一個(gè)功能比較全面的項(xiàng)目而言，不借助任何依賴包或者框架是很不切實(shí)際的，因此，在開發(fā)期間，我覺得認(rèn)真讀懂開發(fā)框架的技術(shù)文檔是非常重要的，而讀懂了卻不懂怎么使用也是一個(gè)大問題，這個(gè)時(shí)候就得通過各種技術(shù)博客了，百度上各種技術(shù)博客的大白話，總會(huì)讓我有意想不到的收獲，在整個(gè)項(xiàng)目中，我用到的技術(shù)有技術(shù)有vuejs,django-rest-framework,mysql等等。在開發(fā)過程中，項(xiàng)目必須得完成前端設(shè)計(jì)才能開發(fā)后端，因?yàn)楹蠖碎_發(fā)的接口是根據(jù)前端用戶界面的各種表單字段來(lái)設(shè)計(jì)的，后端封裝很多類，類中的字段設(shè)計(jì)好后，設(shè)置指定的數(shù)據(jù)庫(kù)，然后利用開發(fā)工具自動(dòng)生成數(shù)據(jù)表.項(xiàng)目開發(fā)的每一步都十分考驗(yàn)著開發(fā)人員的耐心和毅力，如果我猜得沒錯(cuò)的話，每一個(gè)優(yōu)