第第I頁緒論研究的背景全球范圍內(nèi)的互聯(lián)網(wǎng)時代的不斷發(fā)展從根本上改變了人們的消費方式和交易方式，國內(nèi)各大公司和平臺在互聯(lián)網(wǎng)時代的發(fā)展的初期，就有了利用互聯(lián)網(wǎng)進行商品的銷售等意向。不過因為在網(wǎng)絡上的交易安全性得不到保證、我國關于互聯(lián)網(wǎng)的法律法規(guī)不完善、物流業(yè)除了中國郵政以外還沒有發(fā)展起來等等諸如此類的原因，制約了我國網(wǎng)上交易的興起和發(fā)展，沒有愿意做第一個吃螃蟹的人。到了2000年以后，互聯(lián)網(wǎng)技術迎來了巨大突破，網(wǎng)絡購物平臺技術上的制約沒有了，我國關于互聯(lián)網(wǎng)的法律法規(guī)不斷完善，網(wǎng)絡購物的交易安全性得到了保證，我國經(jīng)濟不斷發(fā)展，人們的消費水平不斷上升，網(wǎng)絡購物市場這一塊蛋糕不斷壯大，各大公司也紛紛開發(fā)網(wǎng)絡購物平臺，使得相關產(chǎn)業(yè)發(fā)展迅猛，在很大程度上已經(jīng)可以代替?zhèn)鹘y(tǒng)的購物方式，網(wǎng)絡購物結構體系的完善與市場的持續(xù)增長也吸引了無數(shù)的人投入到這個領域。而國內(nèi)近幾年的發(fā)展形式顯示，與網(wǎng)絡購物相關的產(chǎn)業(yè)環(huán)境已經(jīng)成熟，人們的消費水平日漸增長，我國網(wǎng)絡購物交易額度將實現(xiàn)大幅度增長，這將是我國網(wǎng)絡購物新一次的快速增長浪潮，而專業(yè)知識相關的課程銷售的發(fā)展勢頭很大，專業(yè)課程知識消費人群將要成為推動此次浪潮的一大主力，因為目前國內(nèi)對于專業(yè)知識能力越來越看重，人們也越來越致力于抽出時間提高自己，所以進行專業(yè)知識教授的相關課程也變得更加重要，專業(yè)課程知識的產(chǎn)業(yè)鏈條發(fā)展的已經(jīng)基本完善，相關的銷售方式多樣，銷售的可靠性極高，而愿意接受新知識的人對于新興的購物模式接受程度也會高于別人，也更加追求方便快捷的生活方式，也正因為如此專業(yè)課程知識網(wǎng)絡購物有更加強大的發(fā)展后勁，相關市場也會不斷壯大，為后續(xù)的快速發(fā)展通過了強有力的支持。目前網(wǎng)絡購物已經(jīng)讓人們的生活方式帶來了翻天覆地的變化，不在局限于傳統(tǒng)的消費方式，讓人們從到實體店消費的方式變成了足不出戶進行網(wǎng)絡購物，改變了人們傳統(tǒng)的消費方式與習慣，讓網(wǎng)絡購物成為人們目前主要的消費方式之一，即使當時沒有在網(wǎng)上購物的想法，而去網(wǎng)上查看心儀商品的相關信息，也已經(jīng)成為了決定購物的關鍵環(huán)節(jié)，這一個環(huán)節(jié)對人們真正購物成功起到了決定性的關鍵作用。研究的意義在互聯(lián)網(wǎng)上的眾多產(chǎn)品分類中，專業(yè)知識相關課程的產(chǎn)品無疑是非常吸引人的，大批資料與學習網(wǎng)站在中國互聯(lián)網(wǎng)誕生之初就為中國網(wǎng)友拓寬眼界,普及了不少的專業(yè)知識。興起之初就體量可觀并仍然在不斷增長的信息量是其他產(chǎn)品類別不能比擬的，即使如此到今天人們的需求量還沒有得到滿足,當今社會對專業(yè)能力的要求越來越高，也讓人們對專業(yè)的課程知識更加渴求。只需要鼠標一點就可以從網(wǎng)站頁面進行瀏覽以及購買心儀課程的快捷購物模式，使得網(wǎng)絡信息瀏覽與課程購買緊密結合在了一起。近幾年購物平臺和網(wǎng)絡媒體不斷加深的合作關系，使得消費者在網(wǎng)絡信息瀏覽產(chǎn)生對商品的購買需求，信息瀏覽與網(wǎng)絡購物緊密結合到了一起，產(chǎn)生的經(jīng)濟效益也越來越大,所有的網(wǎng)絡購物平臺愈發(fā)重視專業(yè)課程知識的市場，也產(chǎn)生了很多專門進行專業(yè)課程知識銷售的網(wǎng)絡購物平臺。網(wǎng)上購物相對于人們傳統(tǒng)購物方式有著非常多的優(yōu)點如1，檢索便捷網(wǎng)上購物可以通過輸入相關關鍵詞來查找自己心儀的課程,不需要瀏覽整個網(wǎng)站，提高了用戶的體驗。信息量大網(wǎng)上購物只需要一個虛擬的店面，沒有實際店面大小的局限，可以承載更多的商品信息，更加的多元化，選擇的余地也更多。3.成本低，風險小，面向全國網(wǎng)民網(wǎng)絡購物相對于傳統(tǒng)購物最核心的是：消費者可以全天候瀏覽與購買，增加了經(jīng)營的時長，沒有限制購買時段,提高了用戶的消費體驗，極大地增加網(wǎng)絡購物了競爭力，也節(jié)省實際開店時房租水電，減少了賣家的經(jīng)營成本,減少了經(jīng)營的風險。在線購物網(wǎng)站的主要目的與功能是通過網(wǎng)站來進行宣傳和吸引網(wǎng)絡用戶，擴大用戶面，提高知名度和交易量，能二十四小時為用戶相關的商品信息和網(wǎng)站的官方信息，為用戶進行訂單處理與在線客服。國內(nèi)外研究現(xiàn)狀國外研究現(xiàn)狀國內(nèi)研究現(xiàn)狀在近幾年中，全球范圍的持續(xù)發(fā)展的經(jīng)濟水平和科技的不斷發(fā)展極大地推動了電子商務的發(fā)展和成長。在全球范圍內(nèi)，資金不斷注入市場，整體的經(jīng)濟水平漸漸恢復，歐洲與美國對互聯(lián)網(wǎng)的重視程度一次次提高，以及信息時代使得人們對創(chuàng)業(yè)抱有極大地熱情與渴望,都在刺激著電子商務不斷拓寬市場。網(wǎng)絡也讓商家經(jīng)營方式更加多變，使他們往多元化發(fā)展,對于風險也更能接受，也愿意著眼于新的工藝與產(chǎn)品。網(wǎng)絡購物相關產(chǎn)業(yè)已經(jīng)成型，相關的平臺流程與法律法規(guī)都已經(jīng)相對完善，也變得更加的方便快捷。人們也從一開始的不了解，不信任，持觀望態(tài)度，到現(xiàn)在的近乎進入全民購物的時代，淘寶，京東網(wǎng)絡購物平臺驚人的日營業(yè)額以及巨大的賣家和用戶量無不昭示網(wǎng)絡購物如今已經(jīng)成為人們消費的主要方式之一。對于一個市場而言，需求是其不斷發(fā)展的根基，目前我國網(wǎng)絡購物迅猛發(fā)展，直接的帶動了網(wǎng)絡購物App，網(wǎng)站，小程序等相關產(chǎn)業(yè)的發(fā)展浪潮，并且這股浪潮遠遠還沒有到下降的時候。研究的內(nèi)容該網(wǎng)站能夠實現(xiàn)以游客的身份瀏覽網(wǎng)站，如果對本網(wǎng)站感興趣，也可以注冊成為用戶，以用戶的身份進行瀏覽，在個人中心對注冊的個人信息進行修改，在輸入框里輸入關鍵詞來尋找自己所心儀的課程信息，在瀏覽的時候可以下單購買，對訂單進行查詢，取消等處理，用戶還可以對自己的收藏，以及歷史記錄進行查詢與修改。該網(wǎng)站已經(jīng)具備一個網(wǎng)絡購物平臺的基本功能，能夠滿足用戶日常的絕大部分需求，本項目的功能已經(jīng)基本齊全，能夠滿足絕大多數(shù)用戶的網(wǎng)絡購物需求，而市面上的大型購物網(wǎng)站相對于小型購物網(wǎng)站，只是細節(jié)處理的更好，特色與特點更加突出。購物網(wǎng)站是目前電子商務交易最普遍的形式之一，能夠簡單，直接，快捷的完成交易，一次完成，交易流程透明，方式與規(guī)則完善，保障了用戶的交易合理與安全，讓用戶最大的體驗購物了的快樂。賣家用一個虛擬的店面，就可以通過文字與圖片來介紹商品，推出活動來吸引用戶。網(wǎng)站上銷售的基本上都是視頻，課程，虛擬商品等，可以收藏，加入購物車，直接購買等操作。系統(tǒng)分析需求分析需求分析也被人稱為系統(tǒng)需求分析，是開發(fā)者在對市場進行調(diào)研，對市面上比較成功的同類型平臺進行功能、穩(wěn)定性等解析了以后，了解用戶的需求，然后將用戶的需求和自己分析、調(diào)研得來分析結果表述轉化為合理而準確的需求定義，確定開發(fā)出來的網(wǎng)站應該擁有那些功能的一個步驟，是整個設計與實現(xiàn)中非常重要的一步，一個完整，正確的需求分析不僅在開發(fā)帶來了很大的優(yōu)勢，在后期的測試，維護等環(huán)節(jié)也能省下不少功夫。本購物網(wǎng)站，希望打造一個頁面精美，分類明確，可以讓用戶準確找到心儀課程的，精品網(wǎng)站。在面對的用戶注冊以后，不僅可以快速瀏覽本網(wǎng)站所有的商品分類，還可以收藏自己所心儀的商品，選擇購買自己所想要購買的商品，也可以將其先加入購物車，在個人中心中也可以對自己注冊時的的個人信息進行更改，對收藏，購物車，歷史記錄進行管理，對自己的訂單進行查詢，修改和取消。技術可行性經(jīng)濟可行性互聯(lián)網(wǎng)時代的飛快發(fā)展，使得購物網(wǎng)站技術上的制約已經(jīng)消失，目前購物網(wǎng)站所需要的功能基本上沒有實現(xiàn)不了的。本網(wǎng)站主要使用的是JavaSCript開發(fā)語言，是近幾年開發(fā)者很常用的語言，市面上很多公司所采用的計算機語言，從設計之初就為前端而生。在設計模式上前后端可以進行獨立開發(fā)，降低了開發(fā)的難度，也降低了后期對網(wǎng)站進行維護的難度，在網(wǎng)站整體架構的搭建和數(shù)據(jù)修改，獲取上比較靈活，同時也為項目的完成節(jié)省了開發(fā)時間和開發(fā)成本。開發(fā)工具采用HBuilder，是近幾年開發(fā)者很常用的前端開發(fā)工具，在編寫前端頁面時非常的友好。數(shù)據(jù)庫采用了mangodb，不管前后臺操作數(shù)據(jù)都相對方便?；ヂ?lián)網(wǎng)時代所帶來的優(yōu)勢，使得網(wǎng)絡購物平臺在經(jīng)濟持續(xù)增長的大環(huán)境下迅猛發(fā)展，需求量不斷擴大，市場份額也越來越驚人，人們在通過網(wǎng)絡瀏覽信息的同時，對真實的商品的獲取也更加熱衷，往往只是瀏覽的信息讓自己很喜歡，或者很向往，就愿意進行購買，所以如果有一個精美的，有足夠吸引力的購物網(wǎng)站，前景是非常好的。網(wǎng)絡購物給人們的生活帶來了極大的便利，讓人們足不出戶就可以在網(wǎng)絡上對近乎無窮無盡的商品進行瀏覽與購買，需求就是機會，人們越是喜歡，就越愿意消費，所帶來的市場也會不斷擴大。系統(tǒng)功能需求分析首頁功能需求用戶可以通過網(wǎng)站首頁對課程資源進行瀏覽、搜索、收藏、下載、留言。后臺管理功能需求管理員需要登錄后臺對網(wǎng)站的各種信息進行處理，核心是對課程信息進行及時的更新和修改。購物網(wǎng)站中的角色購物網(wǎng)站的功能性需求功能性需求分類整體用例圖用例圖可以更快幫我們了解整個網(wǎng)站系統(tǒng)，系統(tǒng)的整體用例圖如圖2-1所示是：圖2-1整體用例圖購物網(wǎng)站系統(tǒng)登錄用例規(guī)約網(wǎng)站登錄流程圖如下：圖2-2登錄系統(tǒng)活動圖網(wǎng)站管理端用例規(guī)約：管理員通過登錄到后臺網(wǎng)站管理系統(tǒng)中進行操作，具體用例及說明如下：管理端用戶是管理員，用于一切權限。系統(tǒng)性能需求前臺界面前臺用戶界面需要排版條理分明，布局合理，結構清晰，頁面精美，對用戶要有足夠強的吸引力。各個組件的位置要擺放合理，按鈕要有文字提示，一切從用戶的角度出發(fā)，讓用戶看起來一目了然，操作簡單，不復雜，易上手。網(wǎng)站運行速度網(wǎng)站運行速度要快，不要讓用戶等待加載和刷新，避免卡頓，給用戶更好的體驗。用戶在網(wǎng)站瀏覽的時間和購買的想法很大程度上都是由此而生。網(wǎng)站安全網(wǎng)站的安全性要強，保證用戶的個人信息和交易信息的絕對安全，。

系統(tǒng)總體設計系統(tǒng)分析設計是本網(wǎng)站在設計與實現(xiàn)的進程中非常重要的一個步驟，一個完整準確的系統(tǒng)設計能在很大程度上提高代碼的編寫效率，減少代碼的修改次數(shù)。系統(tǒng)結構設計前端頁面使用JavaScript打造、JavaScript技術搭建,后臺使用node.js技術打造，數(shù)據(jù)庫使用了MongoDB,通過ES6的標準使前端-后臺-數(shù)據(jù)庫結合到一塊。系統(tǒng)各層之間的調(diào)用過程如下：前端負責頁面布局,所有數(shù)據(jù)通過AJAX請求向后臺獲取數(shù)據(jù),做到所有的數(shù)據(jù)動態(tài)加載和更新。后臺負責對前端的AJAX做出響應,通過對前端的請求分析向數(shù)據(jù)庫獲取數(shù)據(jù),并將數(shù)據(jù)返回到前端。數(shù)據(jù)庫負責對后臺的數(shù)據(jù)請求做出響應,并根據(jù)請求傳回對應的數(shù)據(jù)系統(tǒng)功能設計前臺用戶功能設計由上面對網(wǎng)站頁面的需求分析得出了前端應該具備的功能。前端的功能圖如圖3-1所示。圖3-1前臺用戶功能模塊圖用戶前臺功能模塊敘述：瀏覽課程點擊分類可以查看不同類型的課程,也可以在首頁尋找心儀的課程課程搜索可以根據(jù)關鍵字來搜索對應的課程類型。用戶登錄與注冊用戶在瀏覽之后可以在本網(wǎng)站進行注冊，然后可以用用戶名和密碼來登錄網(wǎng)站。個人信息在成功登錄網(wǎng)站后，可以在個人中心修改個人信息，對自己的信息進行管理。收藏/購買在成功登錄網(wǎng)站后，可以在個人中心對自己心儀的課程進行收藏或者直接購買該課程后臺管理功能設計由前面的后臺管理功能需求分析，可以得出后臺管理功能的模塊圖，如圖3-2所示。圖3-2后臺管理功能模塊圖后臺管理模塊功能敘述：用戶管理對網(wǎng)站當前的用戶數(shù)據(jù)進行管理,可以進行用戶的信息增加,用戶信息刪除,用戶信息修改,用戶信息查詢等操作,讓用戶在瀏覽該網(wǎng)站時有一個良好的使用體驗。課程管理對網(wǎng)站當前的課程數(shù)據(jù)進行管理,可以進行課程信息增加,課程信息刪除,課程信息修改,課程信息查詢等操作,做到課程數(shù)據(jù)的動態(tài)更新,保證網(wǎng)站的每一個課程都真實有些。系統(tǒng)數(shù)據(jù)庫設計數(shù)據(jù)庫設計是開發(fā)過程中建立數(shù)據(jù)庫和其應用系統(tǒng)的技術，是整個軟件開發(fā)過程中中對于信息處理的關鍵所在。為了網(wǎng)站信息的正確性，安全性，穩(wěn)定性，也為了代碼能夠按照預期運行，數(shù)據(jù)庫開發(fā)與設計是十分復雜的，所以數(shù)據(jù)庫的設計與實現(xiàn)往往不能一次成功，需要進行反復的修改和修正，需要做到精益求精，將數(shù)據(jù)結構化，保證每一條設計都要條理分明，數(shù)據(jù)對象之間的關系也要做到一一對應，方便后期的查詢，修改以及后期獲取等操作。數(shù)據(jù)庫是本網(wǎng)站設計與實現(xiàn)的關鍵模塊，后期所有與信息有關的操作都要依賴于數(shù)據(jù)庫進行，因此保證數(shù)據(jù)庫設計的準確性等問題，是非常有必要的。在功能，安全性，可維護性，穩(wěn)定性，操作的難易程度等一系列原因的影響下，本網(wǎng)站選擇MongoDB.JS作為數(shù)據(jù)庫設計的開發(fā)技術。本網(wǎng)站首先進行的是概念結構的設計，再由得到的概念結構設計進行后續(xù)的邏輯結構設計本網(wǎng)站的概念結構設計就是將前面需求分析的結果進行抽象化，結構化為信息的過程。E-R圖是本文描述概念模型強有力工具，它只用簡單的圖形方式就描述模型中的數(shù)據(jù)。這種描述不涉及所有數(shù)據(jù)在網(wǎng)站數(shù)據(jù)庫中的處理和存取方法，非常容易表示和理解。

詳細設計與實現(xiàn)詳細設計與實現(xiàn)就是對本網(wǎng)站的中應該有的功能模塊進行詳細的設計，做出詳細設計的內(nèi)容，詳細設計與實現(xiàn)是網(wǎng)站開發(fā)的過程中必可少的步驟，根據(jù)一開始的需求分析及設計，將網(wǎng)站進一步的以代碼的方式實現(xiàn)。系統(tǒng)開發(fā)環(huán)境本網(wǎng)站主要使用了JavaScript-Node.js來進行開發(fā),MongoDb.JS作為數(shù)據(jù)庫，主要的設計重心在于設計精美，吸引人的前端頁面。本網(wǎng)站的前端界面是由JavaScript和CSS來實現(xiàn)，其中數(shù)據(jù)請求通過AJAX來實現(xiàn)。以下是相關技術的簡單介紹:JavaScriptJavaScript（簡稱“JS”）是近幾年開發(fā)者很常用的語言，市面上很多公司所采用的計算機語言，從設計之初就為前端而生。在設計模式上前后端可以進行獨立開發(fā)，降低了開發(fā)的難度，也降低了后期對網(wǎng)站進行維護的難度，在網(wǎng)站整體架構的搭建和數(shù)據(jù)修改，獲取上比較靈活，同時也為項目的完成節(jié)省了開發(fā)時間和開發(fā)成本。主要用來負責頁面的行為和動作，也就是頁面與用戶的交互行為，JS在代碼的編寫上可以節(jié)省很多時間，避免一些重復的操作，也可以使得頁面不只是具有瀏覽功能，既然是購物網(wǎng)站將必須與用戶產(chǎn)生交互，而且網(wǎng)站必須是動態(tài)的。CSS層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現(xiàn)HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。

[2]

CSS能夠對網(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

[2]

Node.jsNode.js發(fā)布于2009年5月，由RyanDahl開發(fā)，是一個基于ChromeV8引擎的\t"/item/node.js/_blank"JavaScript運行環(huán)境，使用了一個\t"/item/node.js/_blank"事件驅動、非阻塞式I/O模型，

[3]

讓JavaScript運行在\t"/item/node.js/_blank"服務端的開發(fā)平臺，它讓JavaScript成為與\t"/item/node.js/_blank"PHP、\t"/item/node.js/_blank"Python、\t"/item/node.js/_blank"Perl、\t"/item/node.js/_blank"Ruby等服務端語言平起平坐的\t"/item/node.js/_blank"腳本語言。

[3]

Node.js對一些特殊用例進行優(yōu)化，提供替代的\t"/item/node.js/_blank"API，使得V8在非瀏覽器環(huán)境下運行得更好，V8引擎執(zhí)行Javascript的速度非常快，性能非常好，基于ChromeJavaScript運行時建立的平臺，用于方便地搭建響應速度快、易于擴展的\t"/item/node.js/_blank"網(wǎng)絡應用。

[3]

MongoDBMongoDB是一個基于分布式文件存儲

的數(shù)據(jù)庫。由C++語言編寫。旨在為WEB應用提供可擴展的高性能數(shù)據(jù)存儲解決方案。MongoDB是一個介于關系數(shù)據(jù)庫和非關系數(shù)據(jù)庫之間的產(chǎn)品，是非關系數(shù)據(jù)庫當中功能最豐富，最像關系數(shù)據(jù)庫的。它支持的數(shù)據(jù)結構非常松散，是類似json的bson格式，因此可以存儲比較復雜的數(shù)據(jù)類型。Mongo最大的特點是它支持的查詢語言非常強大，其語法有點類似于面向對象的查詢語言，幾乎可以實現(xiàn)類似關系數(shù)據(jù)庫單表查詢的絕大部分功能，而且還支持對數(shù)據(jù)建立索引。[4]

前端功能模塊的詳細設計與實現(xiàn)用戶登錄/注冊模塊的設計與實現(xiàn)如果進入本網(wǎng)站首頁，可以進行課程瀏覽，也可以選擇在本網(wǎng)站進行登錄和注冊，就會出現(xiàn)登錄/注冊頁面，用戶可以輸入帳號和密碼，在確定以后，網(wǎng)站會通過AJAX向后臺發(fā)起get數(shù)據(jù)請求，訪問后臺服務器，對用戶輸入的內(nèi)容進行檢驗，返回檢驗的結果看登錄/注冊是否成功，如果成功則將用戶的信息數(shù)據(jù)庫中進行存儲，保證用戶在下一次的登錄成功，然后改變登錄狀態(tài)。如果檢驗不通過則登錄/注冊失敗，頁面刷新，重新進行登錄/注冊。用戶登錄/注冊功能實現(xiàn)的效果圖如圖4-3、4-4所示。圖4-3登錄/注冊成功圖4-4登錄/注冊頁面課程搜索功能模塊的設計與實現(xiàn)用戶可以在網(wǎng)站主頁的上方搜索框內(nèi)輸入關鍵字進行搜索,回車鍵提交，AJAX請求到后臺進行檢索，找到了與用戶所輸入的關鍵字有關的課程信息，則返回該課程，如果沒有找到與用戶所輸入的關鍵字有關的課程信息，就返回一個空的數(shù)據(jù),表示該關鍵字沒有對應課程。實現(xiàn)的效果圖如下:課程瀏覽模塊的設計與實現(xiàn)用戶可以直接通過頁面上的各個板塊和具體的課程分類，對網(wǎng)站上的所有課程進行瀏覽。用戶在進行登錄后可以點擊頁面上的收藏，前端將數(shù)據(jù)請求發(fā)送給后臺,由后臺進行操作數(shù)據(jù)庫添加用戶的收藏數(shù)據(jù)。課程收藏模塊的效果實現(xiàn)圖如圖4-11所示。商品收藏購買界面如下4-11所示。圖4-12收藏成功后頁面后臺管理功能模塊的詳細設計與實現(xiàn)用戶管理模塊的設計此模塊有著編輯，刪除，添加用戶信息等功能。管理員可以在本模塊進行查詢，刪除等處理。編輯用戶的需要點擊編輯按鈕，并填寫需要修改的信息，最后點擊確定。添加用戶的話，需要點擊添加按鈕，并填寫信息，最后點擊確定。管理的增加、刪除、修改、查詢操作都是通過Ajax請求向后臺發(fā)送一個GET請求，根據(jù)后臺返回的狀態(tài)碼進行是否成功判斷。如圖4-16是用戶管理模塊程序流程圖。圖4-16用戶管理模塊程序流程圖網(wǎng)站界面的設計一個網(wǎng)站是否對網(wǎng)用戶有吸引力，最重要的是頁面的設計，網(wǎng)站界面是一個網(wǎng)站是否成功的第一個標準。如果一個網(wǎng)站界面不夠精美，即使內(nèi)容再好也無人問津。所以綜合了當前大多數(shù)網(wǎng)站的一些特點，搭建了一個色彩搭配協(xié)調(diào)且布局清晰合理的頁面。網(wǎng)站最上方搜索框和導航欄,這樣可以讓用戶清晰而明確的尋找自己心儀的課程。如圖4-17網(wǎng)站首頁所示。圖4-17網(wǎng)站首頁用戶登錄頁面如圖4-18所示。圖4-18用戶登錄界面用戶注冊頁面如圖4-19所示。圖4-19用戶注冊界面網(wǎng)站主界面如圖4-20所示。圖4-20網(wǎng)站主界面數(shù)據(jù)庫詳細設計數(shù)據(jù)庫概念結構設計網(wǎng)站中有一些比較重要的實體屬性圖如下圖所示。這里我做出了課程的實體屬性圖，管理員的的實體屬性圖，用戶的實體屬性圖。課程實體擁有著：課程id，課程名稱，課程類型，課程簡介，等幾種屬性。圖4-23課程實體屬性圖管理員實體擁有著：管理員id，管理員密碼等屬性。圖4-24管理員實體屬性圖用戶實體擁有著：用戶名稱，用戶頭像，用戶郵箱，用戶歷史,用戶收藏等幾種屬性。圖4-25用戶實體屬性圖數(shù)據(jù)庫表設計根據(jù)以上的關系模式和實際情況，設計出如下各表。admin表，管理員管理表，表結構如下表所示。comment表，用戶信息表，表結構如下表所示。（3）singer表，課程信息表，表結構如下表所示。

5系統(tǒng)運行與測試在一個網(wǎng)站的整體的開發(fā)過程中，重要的的不僅是開發(fā)，還有一個非常重要的一個環(huán)節(jié)就是測試，一個網(wǎng)站不管開發(fā)的多好，在不經(jīng)過系統(tǒng)的測試就進行的話上線，任何一個小小的問題都有可能帶來巨大的經(jīng)濟損失，所以測試環(huán)節(jié)是非常重要的的。測試方法簡介在對系統(tǒng)進行測試時，最常用的兩種方法就是黑盒和白盒測試。黑