第1頁共31頁基于Web的化妝品網上銷售系統設計與實現目錄TOC\o"1-3"\h\u19751摘要 4236331.1課題背景 5227991.2課題研究的意義 594921.3化妝品銷售網站的現狀 630588第二章系統需求分析 695502.1化妝品銷售網站背景 649702.2網站的市場定位分析 6282382.3網站的開發工具 725992.4網站業務流程 77296第三章系統總體設計 8126663.1系統功能概述 8218683.2系統功能模塊劃分 924265第四章數據庫的設計與實現 10264104.1數據庫需求分析 11243154.2數據庫概念結構設計 12119944.3數據庫邏輯結構設計 156841第五章網站的風格及頁面設計 18885.1網站的風格版面設計 18247525.2商城主頁設計 1995305.3客戶端界面結構設計 2069985.3.1界面頭、尾設計 20206175.3.2界面左惻快捷菜單設計 20591第六章系統詳細設計 21289406.1客戶端界面設計 21286966.1.1商品（化妝品）信息瀏覽模塊 21191636.1.2購物車管理模塊設計 22178676.1.3提交訂單模塊設計 2314977第七章系統測試 26220727.1測試方法 2622075結論 28摘要由于時代快速發展的在現實中實有的多種多樣商鋪成為了在電腦上可以看到的各種各樣要買的商品，這樣的看電腦網絡商品圖來花廢真金白銀的購買心儀商品的方式，這樣的方式使得購買心儀商品的速度大幅增加，將心儀商品送到購買心儀商品的客戶手中的送貨花費時間大大的減少，對客戶心儀商品的隨時間更新更加便捷。基于web高端化妝品網上銷售系統的設計與實現的本篇所寫文章是根據基于web高端化妝品網上銷售系統的實際設計成功體現來達到高端化妝品的與時代同步的高步伐的模式管理形式。基于web基礎上實現的系統的論文著重說明系統的實現與設計過程。本文的設計思路從系統的使用角色需求角度分析進行，通過分析化妝品店面向的社會人群需求大致將系統的使用人分為兩個角色，分別為商城的使用用戶和化妝品店的管理工作人員，基于web高端化妝品網上銷售系統所所要實現的主要功能是VIP超超級會員的信息登記、高端化妝品網上銷售系統的個人信息登記與登錄、化妝品的查找、購買化妝品后的付錢提供一些管理功能，如化妝品新品上架，售罄下架，用戶的訂單修改和刪除等功能。系統運用JSP+Vue技術實現，后端數據庫采用Java的JDBC技術作為操作數據庫的編程語言，基于web高端化妝品網上銷售系統的優點有操作簡單，基于web系統的首頁面溫馨，基于web高端化妝品網上銷售系統可以幫助每個人快速找到心儀的化妝品。關鍵詞：Web前端；數據庫；Jsp；Vue；Java；第一章緒論1.1課題背景生活橡樹，化妝是枝干上的一片綠葉，與其他樹葉共同的生長，化妝品做為消費人群的高消費貨物，一騎絕塵，成為高消費貨物中的主力軍，售賣化妝品的商家購買化妝品的個人交易的這種B2C的交易方式，使得基于web高端化妝品網上銷售系統逐漸被人們所接受，所以基于web高端化妝品網上銷售系統的出現已成必然。1.2課題研究的意義（2）網上購物是基于互聯網的一種商務活動。（3）網上購物節省了個人走路或者開三輪到化妝品店的時間與三輪車所消耗機油的費用。（4）網上購物使得售賣化妝品的商家由十幾平米的小店轉變為了空間無限大的虛擬化妝品店。（5）網上購物使得售賣化妝品的商家可以永遠不用擔心人太多，忙不過來的情況，因為基于web高端化妝品網上銷售系統會幫助售賣化妝品的商家快速解決這個問題。1.3化妝品銷售網站的現狀由于電腦功能的逐漸強大，人們的上網比例逐漸呈現幾百萬倍的增加，從而導致了化妝品銷售門戶網站如“京東專賣店化妝品”，旗艦店等等。歸納起來，其樹干上有眾多的樹枝，在樹枝的軀干上有眾多的分支，分支上又生長著眾多的綠葉，通過我肉眼觀察，得出一個重大的結論，樹枝占60%，各個枝節占25%，存在像這樹葉的購物網站15%。第二章系統需求分析2.1化妝品銷售網站背景在現在的時代背景下，化妝品的售賣市場逐漸成為人們口中最常談論的話題，因為化妝品的種類下各個新的化妝品越來越多，所以化妝品市場印證了商場如戰場的話語。競爭壓力越來越大，導致了在網上實現化妝品虛擬售賣的購買化妝品的人只要手里有電子產品就能不論是在地球天南海北都可以買到心儀的化妝品。2.2網站的市場定位分析基于web高端化妝品網上銷售系統面向的是全人類，全發展，全未來，三個“全”的時代需求。服務器端為基于web高端化妝品網上銷售系統。作為一個網上交易的平臺，也考慮了系統的穩定性、安全性和網絡傳輸的效率，力求做到系統對用戶有較好的響應速度。2.3網站的開發工具（1）Web服務器：TOMAT8（2）后臺數據庫系統：MYSQL（3）網頁編程語言：HTML，JSP，JavaScript，Vue（4）編輯工具：Eclipse（5）編程語言：Java2.4網站業務流程此化妝品銷售網站主要是顧客選購商品，確認之后然后下訂單結帳。化第三章系統總體設計3.1系統功能概述在線化妝品銷售系統主要的功能如下：（1）用戶界面部分：①搜化妝品②通知享受打折福利的消息③化妝品加入自己的小寶箱④化妝品的演講稿⑤出現用戶花名冊⑥輸入賬號和密碼⑦瀏覽用戶以往所有購買的化妝品⑧加上自己最無敵的基礎信息，成為最靚的崽⑨加上自己的帥照，為他人看到自己頭像時，迷戀上你⑩有問題找小化3.2系統功能模塊劃分 看到基于web高端化妝品網上銷售系統，我們可以照貓畫虎，畫出基于web高端化妝品網上銷售系統的功能詳細圖。第四章數據庫的設計與實現本章在基于web高端化妝品網上銷售系統中是具有像首領一樣的作用，他的決策對基于web高端化妝品網上銷售系統在網路世界的行動有這決定性作用，它若安好，一切無恙數據庫這座高樓的地基是根據基于web高端化妝品網上銷售系統的使用者群體所提出的問題進行統計整理后設計的。數據庫的高樓有三層裝修：基于web的系統后臺要求實現功能基于web高端化妝品網上銷售系統內核搭建基于web高端化妝品網上銷售系統內核業務邏輯關聯4.1數據庫需求分析基于web高端化妝品網上銷售系統的各類所提出的問題，都是由基于web高端化妝品網上銷售系統后臺來實現的，因此要想基于web高端化妝品網上銷售系統的高樓永久屹立不倒，就要基于web高端化妝品網上銷售系統的后臺地基完整，完美無缺才行。從上文可以得出一個結論，對于基于web高端化妝品網上銷售系統來說有下列幾點要求：登錄基于web高端化妝品網上銷售系統的瀏覽者可以看到基于web高端化妝品有那些魚和蝦，而進入這片海的人就像注冊的人，可以比前一者多出修改之前注冊時所寫信息和購買商品的權利訂單列表是一顆枝繁葉茂的樹，所購買化妝品所留下的足跡，是樹上綠出天際的綠葉，基于web高端化妝品網上銷售系統上購買商品過后，樹枝上就會長出片片綠葉，然后多個這樣的訂單詳細信息組成一個訂單列表。像在樹林中的每一個樹木都有他的年齡，根據每一棵樹的不同年齡我們去分辨這是那一棵樹，來讓看到他的人知道這是“那一顆”。經過上面以樹的形式比喻，我們可以看出基于web高端化妝品網上銷售系統擁有的數據：登記信息來區分你與其他人不同，其中包含ID，帥氣的名字，密碼等（2）化妝品，包括數據項：化妝品編號，化妝品（名），在那個品牌下等。（3）化妝品演講，包括數據項：購買痕跡編號，痕跡列表編號，化妝品唯一編碼，化妝品多少錢（5）購物幫助。4.2數據庫概念結構設計結合上面的數據項和數據結構來設計基于web高端化妝品網上銷售系統就能使基于web高端化妝品網上銷售系統的用戶有一個身心愉悅的購物體驗，為美好的未來謀求一個完美的結果。通過一條條數據的流動，最終會聚為基于web高端化妝品網上銷售系統這條大河。在這條大河里有一條條活生生的魚，他們有小集體、大家庭，在這些小集體、大家庭下有各種親戚關系，將這些關系梳理總結就可以為基于web高端化妝品網上銷售系統的業務邏輯的打下堅實的整地。綜上所述，可以看出幾個模樣：基于web高端化妝品網上銷售系統化妝品購買顧客，基于web高端化妝品網上銷售系統化妝品，基于web高端化妝品網上銷售系統化妝品分類4.3數據庫邏輯結構設計基于web高端化妝品網上銷售系統結構如下（1）會員表（會員帳號，密碼，E-mail，電話，地址，郵編）主鍵：會員帳號NOTNULL說明：基于web高端化妝品網上銷售系統的會員信息（2）基于web高端化妝品網上銷售系統的多少錢，化妝品的會員獨自享有的各種福利等主鍵：產品編號NOTNULL說明：產品信息表記錄系統中已有化妝品產品的信息。其表結構如表4-2所示：（3）基于web系統的種類（4）基于web高端化妝品網上銷售系統的歷史（化妝品記錄ID，是、消失化妝品數量）。其表結構如表4-4所示：（5）基于web高端化妝品網上銷售系統購買后的記錄（化妝品記錄編號，購買化妝品的地址等）主鍵：化妝品記錄單號說明：化妝品記錄有每個人在基于web高端化妝品網上銷售系統購買化妝品后的足跡其表結構如下表4-5所示：（6）基于web高端化妝品網上銷售系統問題的咨詢主鍵：解決碼說明：基于web高端化妝品網上銷售系統系統問題的咨詢足跡有各個購買化妝品的人群所反映的問題，給系統問題的咨詢一份滿意的答卷其表結構如下表4-6所示：第五章網站的風格及頁面設計5.1網站的風格版面設計在版面設計上我認為可以說是既繼承了傳統設計的優點，又作了個性化創新作為傳統設計無非是用以下幾種架構如圖5-1所示：a、b、c、d、圖5-1網站架構a型、b型、c型、d型多數網站的設計都采用了c型，（上邊為于web高端化妝品網上銷售系統的獨樹一幟標識，左邊為于web高端化妝品網上銷售系統各種操作的進入口，中間是化妝品圖片的顯示地點，底下是各個制作相關人的簡單介紹。這種設計要不斷地攝取養分，才能長為參天大樹。我是由著參天大樹的眾多枝葉參考深思后得出，取其精華為己用的道理。但沒有使用共享邊框，而是單獨的設計制作了上邊框的內容top.jsp，下邊框的內容copy.jsp，和左邊框的內容left.jsp。使用<!--#includefile="XXX.jsp"-->語句完成對上述部分的調用，實現頁面共享為主要樹木的枝干，達到你是我的唯一，這樣的調用方法效地解決了導航欄及超鏈接在深層網頁的相對路徑偏差問題，實現鏈接路徑完全統一化。5.2商城主頁設計于web高端化妝品網上銷售系統給人的首先感覺是一個商城的門戶，顧客一般都是首先看到此頁（也有個別從鏈接進來者），因此大多數商家因為令人如此滿意的頁面，駐足于web高端化妝品網上銷售系統而不能自拔于web高端化妝品網上銷售系統的高樓地基是index.jsp文件，圖5-3是在線化妝品銷售系統的主頁面。5.3客戶端界面結構設計在系統這棵大樹的樹干部位我們對其進行美化。由頭（head.jsp）、左惻快捷菜單（left.jsp）、體和尾（foot.jsp）四部分組成。由于沒有使用框架，各個模塊的頁面需要在此的基礎上，在頁面結構的“體”處加入實現功能特點的基于web高端化妝品網上銷售系統的數據。5.3.1界面頭、尾設計為了基于web高端化妝品網上銷售系統的安全有保證除了功能菜單以外，還集成了一個會員登陸功能，在head.jsp文件中調用showmemberlogin()過程就是為了實現此功能的，其作用是根據會員是否登陸來顯示歡迎信息或登陸表單。5.3.2界面左惻快捷菜單設計在你的右手對立的一面上有三部分，分別是化妝品廠商、熱門商品和最優惠商品。Left.jsp文件的實現，它所包含的每一部分都是由一個表格（table）構成，由于需要頁面美化，其中每個表格都包含了一些HTML修飾代碼。第六章系統詳細設計6.1客戶端界面設計基于web高端化妝品網上銷售系統的用戶使用的各樣顯示，是多個不同的美麗畫面組成，因此命名采用“模塊名+功能名”的方式。6.1.1商品（化妝品）信息瀏覽模塊基于web高端化妝品網上銷售系統的主要所屬是顯示要買賣的化妝品基于web高端化妝品網上銷售系統的化妝品是由一張張吸引過客的美麗，煥然一新的畫面做成的，給人溫馨與關愛。1.基于web高端化妝品網上銷售系統顯示基于web高端化妝品網上銷售系統的商品自我演講和塑形是由相依相存的形式面向過客眼睛的。2.基于web高端化妝品網上銷售系統化妝品呈現基于web高端化妝品網上銷售系統的點擊會有驚喜喲。查看化妝品詳細信息是通過在productdetail.jsp文件中調用如下語句實現的：Callshowproduct(realstring(request.querystring(“id”)))這里通過Request對象獲得要查看化妝品的編號，然后作為參數傳入Showproduct過程中，這個過程也位于in-product.jsp文件中，它的實現原理是通過傳入的產品編號組織數據庫語句，從數據庫中檢索數據，然后將查到的結果顯示出來，另外，由于這個頁面用來顯示大量文本，所以一定要用Convert函數。6.1.2購物車管理模塊設計基于web高端化妝品網上銷售系統的虛擬小口袋主要功能：顯示購物車（basket.jsp），購物車基本函數（cash.jsp）。基于web高端化妝品網上銷售系統的虛擬小口袋，是基于web高端化妝品網上銷售系統的虛擬小口袋本質所在。本系統的目的就是用來銷售，自然最感興趣的就是怎么買和。但是在時空的現有時間上技術實現角度將并不復雜，與訂單維護模塊類似。查看購物車用到的是basket.jsp和bought.jsp兩個文件。從圖中可以看出基于web高端化妝品網上銷售系統的虛擬小口袋像多啦A夢一樣，沒有你想不到的，更有你不敢想的。這種奇思妙想豐富了過客的滿足欲望基于web高端化妝品網上銷售系統的虛擬小口袋不是突然出現的孔雀，是由化妝品碼，能不能吃下口袋里的化妝品，為口袋換裝這三兄弟里組成的。化妝品碼：是他的唯一名字，沒有，證明這個就不可以，會顯示，親愛的客戶，你確定嗎？能不能吃下口袋里的化妝品：能，耗光你的錢，不能，哦，老天有省一筆。為口袋換裝：換裝，穿上新衣服，扔掉舊衣服，不換裝，你咋還這么老土。6.1.3提交訂單模塊設計這個模塊的主要功能：輸入用戶信息頁面（showing.jsp），輸入用戶信息表單（pycusinfo.jsp），確認用戶信息頁面（cashsave.jsp），確認用戶信息表單（pyorderinfo.jsp），提交結果頁面（cash.jsp），提交結果表單（pysucinfo.jsp）。基于web高端化妝品網上銷售系統與客戶的面對面談話其實就是客戶在現實中進出醫院時的掃健康碼的過程。當會員登陸后，此頁會自動跳出基于web高端化妝品網上銷售系統填表的終點圖6-15確認付款信息頁面恭喜您在基于web高端化妝品網上銷售系統又有了新的一筆訂單基于web高端化妝品網上銷售系統的所有操作完成后在這個文件中包含了pysucinfo.jsp文件，用于實現具體功能，并且所的數據庫操作也都位于pysucinfo..jsp文件中。在cash.jsp文件中，首先利用Request對象獲取提交表單的數據，然后再將這個訂單所包含的詳細信息寫入Orderdetail表中。因為這兩個操作要么同時發生，要么都不發生，所以（得要按照我的邏輯來。第一步操作之后，這是文章的頭部，從這開始往身體下面開始流通，最后的終點是腳底板，如果在這個過程里，那里不通暢了，就會形成氣血上涌。系統測試7.1測試方法本章主要介紹了通過黑盒和白盒測試方法對動物園管理系統測試的理論，并對部分功能進行測試，從功能性、易用性、兼容性總結出測試結果，并提出相應的建議。通過黑盒和白盒方法檢測1.黑盒測試方法黑盒測試是對基于web高端化妝品網上銷售系統有什么操作進行分析、基于web高端化妝品網上銷售系統的后臺實施進行跟蹤。首先進入頁面，看看能否正常進行登錄。登錄密碼正確與否對登錄的影響。登錄頁面以后。對購票系統進行購票檢驗，付錢是否有多種樣式，能否正常付錢，付錢之后能不能有訂單顯示或者我的主頁面。對我可以查看的權限進行測試，我查看園內圖片是否清晰。我能否查看有關員工一些內部信息。其次就是對于管理員的權限測試，能否正常對一些員工進行分配今日份工作，對一些采購領域的記錄能否正常查詢。對一些采購內部的功能能否正常使用。最后是對工作人員的測試，測試是否正常登錄，對本日工作是否正常查詢，對本日打卡記錄是否正常使用。打卡記錄是否有區域限制以及對本日所在地區的線路和管理內容的了解。對以前完成工作的查詢以及打卡記錄異常查詢。黑盒測試是針對具體功能的測試，登錄頁面，游客頁面，員工頁面，管理員頁面是否正常的顯示并登錄。登錄以后對各個領域的各個產品的各個功能的使用是否正常。

結論通過這次對在線化妝品系統的畢業設計，使自己在網頁制作,JSP以及Javascript腳本語言方面有