【基于MVC框架的線上彩妝系統的設計16000字（論文）】

基于MVC框架的線上彩妝系統的設計摘要現如今，互聯網發展越來越迅速，信息時代使整個世界的聯系也更加緊密，拉近了人類之間各種生活與交流的距離，影響著人們生產活動，改變著人們的生活方式，在這樣的社會背景之下，電子商務成為了網絡信息化蓬勃發展的催產劑，人類各種社會角色對于自身提升的需求也越來越高，化妝品行業市場更是發展迅速。本文闡述了線上彩妝系統的研究背景和研究現狀，并詳細介紹了開發該系統所用到的技術知識（其中包括B/S架構、MVC模式以及SQLServer2012）。通過參照分析目前國內名列前茅的電商平臺（如淘寶、天貓、蘇寧易購、京東等）的主要功能和操作流程和消費者對購物網站使用方便性以及界面美觀性、服務型需求，對電商平臺線上彩妝系統進行了深入細致的需求分析，本文主要通過前端彩妝購物系統和后臺管理系統兩個方面對系統進行了功能性及非功能性需求分析，并且根據各模塊功能設計確定數據庫結構，從而實現該系統。該線上彩妝系統分為前端線上購物和后臺管理兩部分。前者針對消費者購物流程設計分為商品模塊、用戶模塊、訂單模塊以及購物車模塊，后者包括產品管理模塊、產品色號管理模塊、彩妝類型管理模塊、供應商管理模塊、進貨管理模塊、訂單管理模塊和彩妝銷售數據清單管理模塊。本文通過各模塊的結構圖、流程圖加之對于各模塊進行文字闡述，綜合介紹了該彩妝系統各功能模塊的設計。該系統使用網頁效果和業務功能相分離的MVC開發框架，完成了線上彩妝系統主要模塊的頁面設計和功能實現。關鍵詞：MVC；線上彩妝系統；SQLServer目錄TOC\o"1-4"\h\u15610第一章緒論 1263551.1研究背景及意義 1142141.2化妝品銷售網站現狀 1103731.3課題內容 27251.4論文結構安排 211184第二章相關技術介紹 327322.1B/S架構 377422.2MVC模式 3231382.3SQLServer2012 3266502.4本章小結 417530第三章線上彩妝系統需求分析 5314703.1前端彩妝購物系統 582633.1.1商品模塊 550723.1.2用戶模塊 654803.1.3訂單模塊 6100453.1.4購物車模塊 7277353.2后臺管理系統 7127803.2.1產品管理模塊 8216163.2.2產品色號管理模塊 9156863.2.3彩妝類型管理模塊 9212653.2.4供應商管理模塊 972943.2.5進貨管理模塊 9278353.2.6訂單管理模塊 10203923.2.7銷售數據清單管理模塊 10246813.3非功能性需求 1092743.3.1可擴展性需求 10200893.3.2安全性需求 1099453.4本章小結 1112236第四章系統設計 12226374.1系統整體設計 12263854.2數據庫設計 13268144.2.1數據庫概念模型設計 13177584.2.2數據庫邏輯結構設計 1528704.2.3數據庫物理設計 16257224.3前端功能模塊設計 20241854.3.1用戶注冊和登錄 2232064.3.2商品瀏覽和搜索 23260984.3.3購物車功能 24184084.3.4收藏功能 25195874.3.5生成訂單 2681084.4后臺功能模塊設計 2786964.4.1產品管理 2729884.4.2產品色號管理 2843464.4.3彩妝類型管理 29156814.4.4供應商管理 30147274.4.5進貨管理 31246614.4.6訂單管理 32318044.4.7彩妝銷售數據清單管理 3335844.5本章小結 339468第五章系統實現 34176925.1前端彩妝購物系統實現 3460685.1.1用戶界面的實現 3483085.1.2用戶注冊功能的實現 35307925.1.3商品搜索功能的實現 36326395.1.4購物車、收藏夾功能的實現 37202125.1.5訂單功能實現 40158035.2后臺管理系統的實現 42298585.2.1產品管理 4213867產品列表 4212036產品信息管理 4331625批量保存、批量上下架 44252095.2.2產品色號管理 4613087產品色號列表 4612282產品色號信息管理 47183495.2.3進貨管理 484367進貨信息管理 4815563導入導出功能 49100785.2.4訂單管理 5119966訂單信息管理 5122534訂單發貨管理 52280015.2.5彩妝銷售數據清單管理 52193035.3本章小結 5328101結束語 549966參考文獻 56緒論1.1研究背景及意義在當前我國市場經濟與社會消費環境的大背景下，加之后疫情時代經濟消費變化，網上電子消費趨勢呈上升走向，范圍不斷擴大，越來越多的消費者更愿意通過網購實現線上消費從而滿足需求，買到來自世界各地的喜愛商品[1]。越來越多的購物網站通過透明價格及不斷的營商促銷手段吸引網上消費者消費，網絡購物用戶規模也因此不斷擴大。電子商務發展速度之快，在我國已然有著不可估量的用戶范圍。根據中國電子商務市場的數據檢測報告，2017年，中國的電子商務交易總規模是28.66萬億元，同比增長了24.77%，其中，B2B交易額是20.5萬億元，網絡零售的交易額7.17萬億元，生活服務電商的交易額是9986億元[2]。近年來，我國政府也推出了相關政策，來推動電子商務市場的發展，現如今，電子商務不再是單純的線上模式，而是發展成線上和線下結合的新模式。隨著電子商務市場不斷出現新的產品服務，消費者的需求也越來越多樣化，為電子商務的行業發展提供了源源不斷的活力。電子商務的發展也使其的經濟地位越來越高，越來越多的電子商務被人們接受，如淘寶、天貓等，這些早已成為流行的電子商務系統。在此背景下，本文設計和開發了一個線上彩妝系統。1.2化妝品銷售網站現狀二十一世紀以來，隨著迅速發展的社會生產力以及日益增強的科學技術，加快了信息社會的到來，互聯網的到來，使人們的生活更加便捷，足不出戶便能了解社會各界信息，電商平臺購物行業也應運而生。當前我們國家不斷壯大發展的互聯網涉及的領域越來越多，聯系人們日常生活的方方面面，也促進了網上用戶數量的發展，化妝品行業也開辟了網上運營的模式，并且被相當數量的消費者所接受，化妝品行業整體銷量可觀，在這樣的行業紅利之下，很多大型電商平臺也開設了線上化妝品購物平臺以及獨立化妝品網上銷售平臺。目前從整體來看，線上化妝品購物平臺大致分為:綜合電商平臺購物網站、獨立化妝品網上銷售網站、專業電子商務網站等等；其中，綜合電商平臺購物網站占60%，獨立化妝品網上銷售網站占15%，專業電子商務網站占25%[3]。目前化妝品電商購物平臺也越來越成熟，功能齊全化，從管理商品、用戶購物車和用戶完成付款、實時查看商品庫存數據等各種功能趨于完善。除此之外，用戶身份信息也可得以確認，管理員也可以對數據庫數據進行操作。1.3課題內容本系統主要包括前端彩妝購物系統和后臺管理系統。前端彩妝購物系統主要提供給用戶進行一系列瀏覽商品、加入購物車、購買商品、加入收藏夾等操作；后臺管理系統主要是管理員對商品、訂單、進貨、供應商等進行管理。本課題主要論述了電子商務和化妝品電商購物平臺的背景及現狀，介紹了本系統會使用到的技術，并且確定了一個在技術上可執行的方案，最終實現該系統。通過對該系統進行需求分析，確定實現該系統的功能性需求以及非功能性需求。最后是系統設計與實現，并對于實現線上彩妝系統過程中的收獲與不足進行一定的分析并總結。本課題旨在設計與實現一個高性能、高可擴展性、簡潔易用的小型線上彩妝系統。1.4論文結構安排第一章是緒論，主要介紹了電子商務的研究背景及意義、化妝品電商購物平臺現狀和課題內容。第二章是本系統使用到的相關技術介紹，主要介紹了B/S架構、MVC模式和SQLServer2012。第三章是系統需求分析，分別從前端彩妝購物系統和后臺管理系統兩部分對系統進行需求分析和非功能性需求分析。第四章是系統設計，從系統整體、數據庫、前端功能和后臺功能模塊對系統進行設計。第五章是系統實現，介紹前端及后臺系統各模塊的實現。相關技術介紹2.1B/S架構B/S架構是隨著Web技術發展起來的瀏覽器/服務器架構模式。采用該架構的系統，在服務器上安裝著數據庫，通過服務器實現系統功能，用戶電腦壓力的減小正是因為在電腦上只需安裝一個瀏覽器。所以，B/S架構被廣泛接受。使用該架構系統的工作流程是用戶向瀏覽器發送請求，服務器接收請求、處理請求、發送響應、返回結果給瀏覽器。使系統維護成本低、總體成本降低和實用性高是使用B/S架構的主要作用[4]。2.2MVC模式MVC(Model-View-Controller)[5]，它是在軟件工程進行軟件系統設計的一種松耦合的架構模式。MVC在根本上將數據層和表示層的代碼分開，既方便了網頁設計和邏輯功能開發也使后期系統的維護變得簡單[6]。模型層指的是數據模型，主要包括數據、業務規則和業務邏輯。模型層通過控制層來處理視圖層傳遞的數據，同一個模型可以給不同的視圖提供數據，也可以被不同的視圖重復使用[7]。由于Model的主要內容是數據、方法和行為，其也是MVC中邏輯最為復雜，代碼量最多的部分，其中包含了許多應用中需要用到的業務邏輯，因此模型層的開發也變得尤為重要，后期一般不會對模型層進行大規模改動，也是MVC中最穩定的部分[8]。視圖是指被用戶所看到的并且能夠與之進行交互的界面。視圖可以向用戶展示相關的數據，并接收用戶輸入的數據，但對用戶數據不進行任何實際業務操作處理[9]。控制層主要負責視圖層和模型層之間的數據傳輸和處理請求操作[10]。當用戶通過視圖發送數據和請求時，控制層可以接收請求和數據并決定調用哪些模型、通過模型的哪些操作來處理數據和請求，處理完成后，控制層再將數據返回給相應的視圖。2.3SQLServer2012MicrosoftSQLServer系統是一個典型的關系型數據庫管理系統，基于SQL表示它采用了ANSI(美國國家標準協會)的結構化查詢語言(SQL)[11]。SQLServer不僅能夠實現數據添加、刪除、查詢、存儲等操作，還能夠對數據進行控制，不管其數據是存儲在桌面計算機內、移動設備還是服務器。SQLServer2012有單獨版本面向中小企業，它可以安全完成數據存儲，也可以做出相應調整通過擴展數據庫，從而穩定運行程序。SQLServer2012有以下幾個主要特點：可擴展性:可以實現從服務器到云的擴展通過靈活部署用戶需求。高可靠性:為所有的業務數據通過整合、凈化提供全方位視圖。(3)數據倉解決方案:使用較低成本靈活存儲大規模數據，并且提供全方位解決方案。2.4本章小結本章節主要介紹了實現線上彩妝系統需要采用的技術，其中包括B/S架構模式、MVC模式以及本系統采用的數據庫SQL

Server2012。線上彩妝系統需求分析線上彩妝系統主要分為前端彩妝購物系統和后臺管理系統兩個部分，本章分別從這兩個部分對系統進行了功能性需求分析，也從安全性和可擴展性這兩個方面對系統進行了非功能性需求分析。3.1前端彩妝購物系統前端彩妝購物系統前端彩妝購物系統用戶模塊商品模塊購物車模塊訂單模塊用戶注冊用戶登錄個人信息管理用戶訂單查詢商品瀏覽商品搜索商品信息展示商品收藏商品購買商品評價加入購物車查看購物車刪除購物車生成訂單我的訂單查看訂單詳情付款確認收貨圖3-1前端彩妝購物系統3.1.1商品模塊商品信息展示用戶在瀏覽商品時，如果想要查看商品詳細信息可以點擊標題或封面圖進入到該商品的詳細信息展示頁。在該頁面展示了商品的詳細信息，比如價格、色號信息、產品參數、品牌名稱等。商品瀏覽系統首頁用js動圖和圖片相結合展示部分商品信息，用戶點擊某一圖片可以瀏覽該商品的詳細信息。點擊導航欄全部產品可以查看本系統所有的產品，也可以點擊眼部或唇部產品瀏覽指定類型的商品。商品搜索用戶點擊導航欄全部產品、眼部產品、唇部產品，在各頁面搜索框內輸入商品標題的關鍵字，后臺通過數據庫模糊查詢，將用戶需要的商品進行展示。商品收藏用戶對于喜歡并且暫時不購買的商品可以進行收藏操作，在商品信息詳情頁面，可以將商品加入收藏夾，然后可以通過點擊導航欄“收藏夾”查看已收藏的商品。商品購買用戶對購物車中的商品，可以對某一商品進行購買操作，點擊“購買”，自動跳轉到生成訂單頁面，在該頁面會展示購買的商品信息，用戶可以選擇收貨地址，點擊“提交訂單”，自動跳轉到我的訂單頁面，用戶可以對確定購買的商品進行付款操作，付款成功則購買成功。商品評價用戶在我的訂單頁面可以對訂單狀態顯示為交易成功的商品點擊“評價”進行文字評價。3.1.2用戶模塊（1）注冊/登錄未進行登錄或注冊的用戶可以瀏覽商品、通過搜索框搜索商品，但是不能收藏和購買商品，此時用戶需要注冊并登錄或直接登錄，用戶注冊時會進行表單驗證，如果輸入的用戶名已經存在，則提示用戶該用戶名已存在，否則驗證通過即注冊成功。注冊成功后，系統會自動跳轉到登錄頁面，用戶進行登錄，如果輸入的用戶名或密碼錯誤，則會提示用戶，否則登錄成功，用戶可以進行購買、查看訂單、收藏商品等操作。個人信息管理用戶在登錄系統后，可以在我的中心修改密碼、電話和新增、修改個人收貨地址等信息。用戶訂單查詢用戶在我的訂單頁面，可以在搜索框內輸入商品標題搜索訂單信息，點擊訂單詳情可以查看詳細訂單信息，包括收貨地址、訂單編號、所購買商品信息等，也可通過點擊上方導航查看各階段訂單信息。3.1.3訂單模塊（1）生成訂單用戶在購物車中對某一商品點擊購買，自動跳轉到訂單信息生成頁面，在該頁面可以選擇收貨地址，用戶確認訂單信息無誤后點擊“提交訂單”，訂單提交成功之后會在我的訂單中新增一條訂單信息，若用戶想取消訂單，也可在訂單生成頁面點擊“取消訂單”。（2）我的訂單用戶在登錄線上彩妝系統后，在我的訂單頁面下展示所有訂單，用戶可以通過導航查看各狀態訂單，包括待付款、待發貨、待收貨和待評價的訂單，也可以在搜索框輸入商品標題搜索訂單。（3）查看訂單詳情用戶在我的訂單頁面瀏覽所有訂單時，可以點擊某一訂單的訂單詳情查看該訂單的詳細信息，包括收貨地址信息、訂單日期、訂單編號、訂單狀態、商品信息、實付款等。（4）付款用戶在提交訂單后，自動跳轉到我的訂單，用戶點擊待付款，此時頁面出現所有未付款的訂單，用戶將確認付款的訂單進行付款，付款完成之后，此時訂單狀態顯示為未發貨，等待后臺管理員處理訂單信息并且將未發貨的訂單進行發貨操作。（5）確認收貨用戶在收到商品后，可以對商品進行確認收貨操作，此后訂單處于交易成功狀態，用戶可以對該商品進行評價功能。3.1.4購物車模塊加入購物車在商品詳細信息展示頁面有加入購物車功能，用戶可以選擇商品色號、輸入數量點擊加入購物車按鈕將商品加入購物車，加入購物車成功之后，數據庫購物車表中會新增一條信息。購物車用戶在登錄系統后點擊導航欄“購物車”即可查看自己存入購物車中的商品，可以將不喜歡或者不購買的商品從購物車中刪除，也可以將某一商品移入收藏夾，還可以購買某一商品，購買商品成功后，該商品會從購物車中自動刪除。3.2后臺管理系統后臺管理系統后臺管理系統產品管理產品色號管理彩妝類型管理供應商管理進貨管理訂單管理彩妝銷售數據清單管理產品列表產品信息管理產品批量上下架產品價格批量保存產品色號列表產品色號信息管理產品色號批量上下架彩妝類型列表彩妝類型信息管理供應商列表供應商信息管理進貨列表進貨信息管理導入導出管理訂單列表訂單信息管理銷售數據清單列表訂單發貨管理圖3-2網站后臺管理系統3.2.1產品管理模塊（1）產品列表在“產品管理”列表可以展示系統中需要銷售的產品，包含產品編號、產品名稱、售價、產品類型名稱、產品品牌等產品信息。管理員可以對產品進行搜索，按不同類型查詢產品。（2）產品信息管理點擊對應產品詳情即可查看產品詳細信息，管理員也可以修改產品信息，當產品介紹、售價、展示圖片發生變更時，及時更新，使用戶瀏覽最新產品信息。管理員也可以新增產品，方便用戶了解上新產品，當某一產品下架時，管理員也可以刪除該產品。（3）產品批量上下架在產品管理頁面，批量選中產品，點擊批量上架，所選產品是否在售屬性欄顯示“是”，若選中已上架的產品，則會在提示框中顯示該產品已上架。批量選中需要下架的產品，點擊批量下架，所選產品是否在售屬性欄顯示“否”，若選中已下架的產品，則會在提示框中顯示該產品已下架。（4）產品價格批量保存在產品管理頁面，在售價屬性欄文本框中修改產品售價，勾選修改售價產品列，點擊批量保存，對應產品的售價會及時更新。3.2.2產品色號管理模塊產品色號列表在“產品色號管理”中會展示各個產品對應的色號信息，包含色號編號、色號名稱、彩妝編號、色號分類圖片等信息。管理員可以對產品按色號分類查詢產品。產品色號信息管理點擊對應產品的色號信息詳情即可查看產品色號信息，管理員可以修改對應產品色號信息，當產品的色號詳情圖片、色號分類圖片發生變更時，及時更新，方便用戶瀏覽最新產品色號信息，也可以新增某一產品的色號信息，當某一色號產品下架時，管理員也可以將其刪除。產品色號批量上下架在產品色號管理頁面，勾選所要上下架的產品色號，點擊批量上架或批量下架，其對應產品色號是否在售屬性欄上顯示“是”或“否”。3.2.3彩妝類型管理模塊彩妝類型列表在“彩妝類型管理”會展示全部彩妝類型編號、彩妝類型名稱。管理員可以通過搜索欄搜索指定類型編號或類型名稱的彩妝。彩妝類型信息管理管理員可以查看彩妝類型詳情，也可以對指定彩妝類型進行修改和刪除，還可以新增彩妝類型。3.2.4供應商管理模塊（1）供應商列表在“供應商管理”列表中會展示供應商編號、供應商名稱等信息，管理員可以通過搜索欄搜索指定信息的供應商。（2）供應商信息管理管理員可以查看供應商詳情，當供應商信息發生變更，可以及時對其修改，也可以新增、刪除供應商信息。3.2.5進貨管理模塊進貨列表在“進貨管理”列表中會展示進貨編號、進貨時間、經手人等信息，管理員可以通過搜索欄輸入進貨編號搜索進貨信息。進貨信息管理管理員可以查看某一進貨信息，在該頁面下會顯示該進貨明細，可以查看詳細明細信息，也可以修改指定進貨信息，在該頁面下可以修改、刪除、新增明細信息，還可以刪除指定進貨信息，但當進貨狀態顯示“發布”則不允許被刪除。導入導出管理管理員可以導出進貨頁面信息和進貨明細頁面信息，也可以將Excel表中進貨數據導入到數據庫中。3.2.6訂單管理模塊訂單列表在“訂單管理”列表中會展示訂單編號、用戶編號、收貨人、金額等信息，管理員可以在列表上方文本框輸入訂單狀態、訂單編號或者用戶編號查詢訂單信息。訂單信息管理訂單表和訂單明細表做成主從界面，管理員可以查看訂單詳情，在訂單詳情頁面下方也可看到訂單明細，查看訂單明細詳情。訂單發貨管理管理員可以將訂單狀態為“付款”的訂單進行發貨操作，發貨之后用戶的訂單狀態顯示為“確認收貨”。3.2.7銷售數據清單管理模塊在“銷售數據清單管理”頁面，展示所有的訂單信息，管理員可以查看某一產品在某一個時間段內的銷售數據。3.3非功能性需求3.3.1可擴展性需求一個線上彩妝系統，用戶的數量會越來越多乃至成千上萬個，這時系統就需要同時服務大量的頁面，服務器也需要響應大量用戶的操作，解決這些問題就需要系統有良好的可擴展性，若系統的可擴展性差，系統就會變得卡頓，頁面出現延遲甚至面臨服務器崩潰的問題。如果想要提高系統性能需求、讓系統更好的適應大量用戶增加就需要提高擴展性，這樣軟件也會保持旺盛的生命力。3.3.2安全性需求大量用戶及管理員的個人信息都保存在線上彩妝系統中，因此，在開發過程中保證服務器和數據安全是需要考慮的問題。安全性包括操作系統安全、服務器安全、數據庫安全以及支付和用戶個人信息安全等，系統可以通過采用認證技術、加密技術和防火墻技術等增強安全性，只有一個健壯安全的系統才能具有長久的生命力。3.4本章小結在本章中對線上彩妝系統的主要功能進行了簡單介紹，分別從前端彩妝購物系統和后臺管理系統兩部分對系統進行需求分析并畫出了架構圖。其中前端彩妝購物系統包括商品模塊、用戶模塊、訂單模塊和購物車模塊；后臺管理系統包括產品管理模塊、產品色號管理模塊、彩妝類型管理模塊、供應商管理模塊、進貨管理模塊、訂單管理模塊和彩妝銷售數據清單管理模塊。最后對系統的非功能性需求，即安全性需求和可擴展性需求進行了分析和描述。

系統設計4.1系統整體設計本章首先對系統做出了整體設計，然后介紹了數據庫設計，最后從前端彩妝購物系統和后臺管理系統兩方面進行線上彩妝系統的功能設計。系統整體設計規劃圖如圖4-1所示。商品評價商品評價訂單發貨管理訂單信息管理訂單列表銷售數據清單列表產品批量上下架產品價格批量保存產品色號列表產品色號信息管理彩妝類型信息管理生成訂單彩妝類型列表供應商信息管理產品色號批量上下架進貨列表進貨信息管理導入導出管理產品列表產品信息管理加入購物車查看購物車刪除購物車供應商列表查看訂單詳情確認收貨付款我的訂單后臺管理系統前端彩妝購物系統商品購買商品收藏商品瀏覽商品搜索產品色號管理模塊銷售數據清單管理模塊用戶訂單查詢訂單模塊產品管理模塊供應商管理模塊進貨管理模塊訂單模塊個人信息管理購物車模塊彩妝類型管理模塊用戶登錄線上彩妝系統用戶模塊商品模塊用戶注冊商品信息展示圖4-1系統整體設計規劃圖線上彩妝系統中，商品模塊與用戶模塊進行數據交互，實現系統購物功能。前端彩妝購物系統的功能主要包括商品模塊、用戶模塊、訂單模塊和購物車模塊。商品模塊：主要包括商品信息展示、商品瀏覽、商品搜索、商品收藏、商品購買、商品評價等功能。用戶模塊：主要包括用戶的注冊和登錄、用戶訂單查詢和用戶個人信息管理等功能。訂單模塊：主要包括生成訂單、我的訂單、查看訂單詳情信息、付款、確認收貨等功能。購物車模塊：主要包括加入購物車、查看購物車、刪除購物車等功能。后臺管理系統中，管理員處理用戶在前端提交的申請，維護商品、訂單、進貨等信息。后臺管理系統的功能包括產品管理模塊、產品色號管理模塊、彩妝類型管理模塊、供應商管理模塊、進貨管理模塊、訂單模塊、銷售數據清單管理模塊。產品管理模塊：主要包括產品列表、產品信息管理、產品批量上下架、產品價格批量保存等功能。產品色號管理模塊：主要包括產品色號列表、產品色號信息管理、產品色號批量上下架。彩妝類型管理模塊：主要包括彩妝類型列表、彩妝類型信息管理。供應商管理模塊：主要包括供應商列表、供應商信息管理。進貨管理模塊：主要包括進貨列表、進貨信息管理、導入導出管理。訂單模塊：主要包括訂單列表、訂單信息管理、訂單發貨管理。銷售數據清單管理模塊：主要包括銷售數據清單列表、搜索指定銷售數據。4.2數據庫設計4.2.1數據庫概念模型設計面向對象的方法和數據庫相結合是數據庫概念設計的特點，同時對數據庫系統進行分析也變得更加簡單[12]。概念設計由實體和聯系兩部分組成，如在彩妝系統中，用戶是一個實體，它包括用戶編號、用戶名、密碼等屬性。聯系指的是實體之間有意義的關聯，有一對一、一對多、多對多三種類型。線上彩妝系統設計的E-R圖如圖4-2所示，數據庫關系圖如圖4-3所示。包含包含彩妝編號nnn1mmmnn11n1m11n1mn1n包含進貨進貨日期供應商編號進貨編號供應商供應商編號供應商名稱進貨明細色號編號進貨編號彩妝編號收藏夾用戶編號色號編號彩妝編號訂單詳情彩妝編號訂單編號色號編號訂單訂單編號訂單狀態用戶編號包含彩妝類型彩妝類型編號彩妝類型名稱商品包含包含包含彩妝編號彩妝類型編號購物車包含色號色號名稱彩妝編號色號編號用戶擁有用戶地址用戶編號包含色號編號用戶編號創建地址編號用戶名字用戶編號包含包含n1mn圖4-2系統E-R圖圖4-3數據庫關系圖4.2.2數據庫邏輯結構設計系統關系模式如下：商品：彩妝編號，彩妝名稱，彩妝類型編號，品牌，售價，功效，封面圖，產地，使用日期范圍，庫存，是否在售，備注。色號：色號編號，色號名稱，彩妝編號，色號分類圖片，是否在售，進貨數量，銷售數量，庫存閥值，詳情圖片。彩妝類型：彩妝類型編號，彩妝類型名稱。購物車：用戶編號，彩妝編號，色號編號，數量，備注。收藏：彩妝編號，色號編號，用戶編號。訂單：訂單編號，收貨人，收貨人電話，用戶編號，收貨地址，訂單日期，價格合計，狀態，備注。訂單明細：訂單編號，彩妝編號，色號編號，數量，售價，成本合計，金額合計，是否評價，評價內容，評價日期，備注。進貨：進貨編號，經手人編號，進貨日期，供應商編號，狀態，備注。進貨明細：進貨編號，明細行號，色號編號，彩妝編號，進貨數量，已售數量，進貨價格，備注。供應商：供應商編號，供應商名稱，聯系人，聯系電話，備注。用戶：用戶編號，用戶名稱，登錄密碼，電話，是否為會員，備注。用戶地址：用戶編號，地址編號，收貨人，收貨電話，地址內容，是否默認地址，備注。4.2.3數據庫物理設計本系統在數據庫中創建了名為MakeUp的數據庫,以下表為該數據庫中主要的數據庫表：表4-1彩妝類型表（CZ_CZType）字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()czTypeCodenvarchar(50)主鍵否彩妝類型編號czTypeNamenvarchar（50）無是彩妝類型名稱表4-2色號表(CZ_ColorClassify)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDncar(32)無否Guid()classifyIDnvarchar(50)主鍵否色號編號classifyNamenvarchar（50）無是色號名稱czCodenvarchar(50)主鍵、外鍵否彩妝編號classifyimagenvarchar(200)無是色號分類圖片isSellnvarchar(1)無是是否在售stockSumint無是進貨數量sellSumint無是銷售數量StockQtyint無是庫存閥值imagesNvarchar(200)無是詳情圖片表4-3商品表(CZ_Product)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()czCodenvarchar(50)主鍵否彩妝編號czNamenvarchar(100)無是彩妝名稱czTypeCodenvarchar(50)外鍵否彩妝類型編號pricefloat無是售價續前表字段名數據類型約束是否允許為空說明brandnvarchar(50)無是產品品牌functionsnvarchar(100)無是功效surfacePicnvarchar(200)無是封面圖czPlacenvarchar(50)無是產地useDateRangenvarchar(50)無是使用日期范圍kuCunint無是庫存總數isSellnvarchar(1)無是是否在售remarknvarchar(500)無是備注表4-4供應商(CZ_Supplier)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()supplierCodenvarchar(50)主鍵否供應商編號supplierNamenvarchar(100)無是供應商名稱contactUsernvarchar(10)無是聯系人contactPhonenvarchar(20)無是聯系電話remarknvarchar(500)無是備注表4-5進貨表(CZ_Stock)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()stockCodenvarchar(50)主鍵否進貨編號stockDateDateTime無是進貨時間userCodenvarchar(50)外鍵是經手人supplierCodenvarchar(50)外鍵是供貨商編號statusnvarchar(10)無是狀態remarknvarchar(500)無是備注表4-6進貨明細表(CZ_StockDetail)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()stockCodenvarchar(50)主鍵否進貨編號detailNoint主鍵否明細行號classifyIDnvarchar(50)外鍵否色號編號續前表字段名數據類型約束是否允許為空說明czCodenvarchar(50)外鍵否彩妝編號quantityint無是進貨數量sellQuantityint無是已售數量pricefloat無是進貨價格remarknvarchar(500)無是備注表4-7顧客表(CZ_Customer)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()customerCodenvarchar(50)主鍵否用戶編號customerNamenvarchar(50)無是用戶名稱passwordnchar(32)無是登錄密碼telphonenvarchar(20)無是電話Ismembernvarchar(1)無是是否為會員remarknvarchar(500)無是備注表4-8顧客地址表(CZ_CustomerAddress)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()addressCodenvarchar(50)主鍵否地址編號customerCodenvarchar(50)外鍵否用戶編號addressValuenvarchar(500)無是地址內容addressUsernvarchar(50)無是收貨人addressPhonenvarchar(50)無是收貨電話isDefaultbit無是是否默認地址remarknvarchar(500)無是備注表4-9訂單表(CZ_OrderInfo)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()orderCodenvarchar(50)主鍵否訂單編號customerCodenvarchar(50)外鍵否用戶編號addressValuenvarchar(500)無是收貨地址續前表字段名數據類型約束是否允許為空說明addressUserNamenvarchar(50)無是收貨人addressPhonenvarchar(50)無是收貨電話OrderDatedatetime無是訂單日期totalPricefloat無是價格合計statusnavrcahr(10)無是狀態remarknvarchar(500)無是備注表4-10訂單明細表(CZ_OrderDetail)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()orderCodenvarchar(50)主鍵、外鍵否訂單編號czCodenvarchar(50)主鍵、外鍵否彩妝編號classifyIDnvarchar(50)主鍵、外鍵否色號編號quantityint無是數量pricefloat無是售價costPricefloat無是成本合計subTotalfloat無是金額合計isCommentbit無是是否評價commentContentnvarchar(max)無是評價內容commentDatedatetime無是評價時間remarknvarchar(500)無是備注表4-11收藏表(CZ_ShouCang)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()czCodenvarchar(50)主鍵、外鍵否彩妝編號classifyIDnvarchar(50)無是色號編號customerCodenvarchar(50)主鍵、外鍵否用戶編號表4-12購物車(CZ_ShoppingTrolley)字段名數據類型約束是否允許為空說明rowNumbigint無否自增編號rowIDnchar(32)無否Guid()customerCodenvarchar(50)主鍵、外鍵否用戶編號czCodenvarchar(50)主鍵、外鍵否彩妝編號classifyIDnvarchar(50)主鍵、外鍵否色號編號quantityint無是數量remarknvarchar(500)無是備注4.3前端功能模塊設計用戶進入彩妝系統首頁后可以瀏覽商品信息，如果用戶想要收藏、將商品加入購物車，系統會檢測該用戶是否處于登錄狀態，如果該用戶已登錄，則可以執行相關操作，否則提示用戶請登錄，若系統沒有該用戶名，則需要注冊，注冊成功后便可以進行登錄，處于登錄狀態的用戶可以在商品詳情頁面收藏商品，也可以將商品加入購物車。用戶在購物車頁面點擊購買某一商品，跳轉到訂單生成頁面，確認訂單信息后點擊“提交訂單”，自動跳轉到我的訂單頁面，將該商品進行付款操作，付款成功后等待后臺管理員發貨，最后確認收貨，交易成功。用戶也可以在訂單生成頁面取消訂單。前端彩妝購物系統功能流程圖如圖4-3所示。進入進入否否是是是否是否購買商品加入購物車瀏覽商品用戶彩妝系統是否登錄是否注冊注冊登錄生成訂單提交訂單確認付款，等待發貨交易成功確認付款我的訂單確認收貨交易關閉取消訂單進入商品詳情頁面收藏商品圖4-4系統前端功能流程圖4.3.1用戶注冊和登錄用戶用戶注冊用戶名是否合法用戶名是否存在不合法，重新輸入輸入表單信息是注冊成功否已存在重新輸入5用戶注冊流程圖未登錄、注冊系統的用戶只能瀏覽商品，如果想要執行更多的操作必須登錄系統，若用戶沒有在系統中注冊，則需要進行注冊，用戶進入注冊頁面，根據文本框提示輸入用戶名和密碼，點擊“注冊”，系統進行表單驗證，如果輸入的用戶名已存在則提示用戶該用戶名已存在，否則注冊成功。按提示輸入用戶名和密碼按提示輸入用戶名和密碼是用戶進入登錄頁面用戶名和密碼是否正確登錄成功否圖4-6用戶登錄流程圖用戶注冊成功后自動跳到登錄頁面，根據表單提示輸入用戶名和密碼，點擊“登錄”按鈕，系統進行驗證，如果輸入的用戶名和密碼匹配數據庫中用戶表的一條信息，則登錄成功跳轉到首頁，若不匹配則登錄失敗，頁面下方提示用戶名或密碼錯誤。4.3.2商品瀏覽和搜索導航欄展示了全部產品和各類型產品，點擊產品分類，頁面將該產品對應的產品類型編號傳入后臺控制器中，在數據庫中搜索該類型下所有產品展示在該頁面中。在各類型頁面下都有一個產品標題搜索輸入框，頁面將用戶輸入的關鍵字傳入后臺，對數據庫進行模糊查詢，將商品標題包含該關鍵字的產品循環展示出來，供用戶瀏覽。用戶用戶將輸入的關鍵字傳入后臺，根據關鍵字對數據庫商品表進行模糊查詢點擊指定產品類型輸入關鍵字搜索將指定產品類型編號傳入后臺，在數據庫中搜索該類型下所有產品展示商品，搜索商品完成圖4-7商品搜索流程圖4.3.3購物車功能用戶在瀏覽商品時，可以將喜歡的想要購買的商品加入到購物車中。用戶進入商品詳情頁面，選擇產品色號、輸入數量，點擊“加入購物車”按鈕，頁面將該商品的主鍵、用戶編號傳遞到后臺，系統根據主鍵和用戶編號查詢購物車表中該用戶是否存在該商品，若存在，則直接在該商品原有數量上累加，若不存在，則在購物車中新增一條商品信息。用戶可以點擊導航欄“購物車”查看加入到購物車中的商品，系統將通過讀取session獲得到的用戶編號傳遞給后臺，在購物車表中查詢該用戶的購物車商品信息，返回數據到購物車頁面。加入購物車成功用戶加入購物車成功用戶瀏覽商品查看購物車加入購物車購物車中是否已經存在該商品進入商品詳情頁面是，商品數量累加否，在購物車中添加一條新記錄選擇產品色號、輸入數量圖4-8購物車功能流程圖4.3.4收藏功能用戶在瀏覽商品時對于喜歡的商品可以加入到收藏夾中，在商品詳情頁面，點擊“收藏”按鈕，頁面將該商品的數據、系統通過讀取session獲取到的用戶編號傳遞到后臺，首先查詢數據庫收藏表中是否存在該用戶收藏該商品的記錄，若存在，則提示已收藏，否則為收藏表中該用戶添加一條商品信息。用戶可以在收藏夾中查看添加的商品信息。否，在收藏夾中否，在收藏夾中添加一條新記錄是，提示該商品已加入收藏夾加入收藏夾成功用戶瀏覽商品查看收藏夾點擊收藏收藏夾中是否已經存在該商品進入商品詳情頁面圖4-9收藏功能流程圖4.3.5生成訂單在商品詳情頁面，用戶可以瀏覽商品的全部信息，可以將想要購買的商品加入購物車，在購物車中用戶對于確定購買的商品，選擇好數量，點擊“購買”，跳轉到訂單生成頁面，用戶需要選擇收貨地址、核對商品信息、應付金額等，信息確認無誤后點擊“提交訂單”，跳轉到我的訂單，對需要購買的商品完成付款，付款完成后等待管理員發貨。用戶也能在訂單生成頁面點擊“取消訂單”，此時訂單狀態顯示為“交易關閉”。用戶用戶加入購物車，并進入購物車瀏覽商品點擊購買生成訂單提交訂單完成付款購買成功，等待發貨取消訂單交易關閉確認訂單信息訂單信息有誤/其他原因圖4-10訂單生成流程圖4.4后臺功能模塊設計4.4.1產品管理產品管理產品管理產品列表產品信息管理產品批量上下架產品價格批量保存展示商品列表搜索商品查看商品詳情信息增加商品刪除商品修改商品信息圖4-11產品管理結構圖管理員可以在產品列表中看到所有商品的信息，包括彩妝編號、彩妝名稱、彩妝類型編號、彩妝類型名稱等信息，在產品列表上方通過選擇彩妝類型下拉框、是否在售下拉框和輸入彩妝名稱，從數據庫中查詢需要的商品信息。管理員想要了解某一商品的詳細信息，可以點擊詳情進行查看。管理員在添加商品時，需要輸入商品基本信息，如彩妝編號、彩妝名稱、產地、功效等，添加商品完成，數據庫商品表添加一條信息。管理員可以重新編輯已添加商品信息，如修改價格、重新上傳封面圖等，修改商品信息即修改了商品表里該商品的數據。對于下架的商品，管理員可以其刪除，數據庫商品表中刪除該商品信息。管理員在產品列表多個商品售價文本框內修改其價格，點擊批量保存即可把對應商品的價格信息更新到商品表中。當部分商品需要上架或下架時，管理員可以通過勾選這些商品，點擊批量上架或批量下架即可完成，商品表中該部分商品是否在售屬性欄顯示“是”或“否”。4.4.2產品色號管理查看產品色號詳情信息查看產品色號詳情信息產品色號管理修改產品色號信息產品色號信息管理產品色號批量上下架展示產品色號列表搜索產品色號增加產品色號刪除產品色號產品色號列表圖4-12產品色號管理結構圖管理員在產品色號列表可以看到產品對應的色號信息，在列表上方通過彩妝名稱下拉框、是否需要進貨下拉框、輸入色號編號或色號名稱可以查詢需要的產品色號信息。管理員可以點擊詳情查看產品色號詳細信息，包括色號分類圖片、彩妝名稱等。當某一產品需要添加色號，可以輸入色號編號、色號名稱、彩妝名稱等信息進行添加。也可以修改產品色號信息，包括色號名稱、色號詳情圖片等。還可以刪除某一產品不需要的色號信息，以上添、刪、改操作均是對數據庫色號表的操作。管理員可以對某一產品色號進行批量上下架的操作，勾選需要上下架的色號，點擊批量上架或批量下架即可完成，但若色號已上架或下架則會提示管理員該色號已上架或下架。4.4.3彩妝類型管理彩妝類型管理彩妝類型管理彩妝類型列表彩妝類型信息管理展示彩妝類型列表搜索彩妝類型查看彩妝類型詳情信息增加彩妝類型刪除彩妝類型修改彩妝類型圖4-13彩妝類型管理結構圖管理員在彩妝類型列表可以看到全部的彩妝類型，在列表上方通過輸入彩妝類型編號或彩妝類型名稱即可查詢指定彩妝類型信息。管理員可以查看彩妝類型詳情信息。管理員在添加彩妝類型時，需要輸入彩妝類型編號、彩妝類型名稱。也可以修改某一彩妝類型，如彩妝類型名稱。還可以刪除某一彩妝類型，但當該類型下有商品則不允許被刪除。4.4.4供應商管理供應商管理供應商管理供應商列表搜索供應商展示供應商列表供應商信息管理查看供應商詳情信息增加供應商刪除供應商修改供應商信息圖4-14供應商管理結構圖在供應商列表會展示所有的供應商信息，包括聯系人、供應商編號、供應商名稱等。管理員可以在列表上方通過輸入供應商編號或供應商名稱即可查詢供應商信息。管理員點擊詳情可以查看供應商詳情信息，如聯系人、聯系電話等。也可以添加、修改、刪除供應商信息。4.4.5進貨管理進貨管理進貨管理進貨列表進貨信息管理導入導出管理展示進貨列表搜索進貨數據查看進貨、進貨明細詳情信息增加進貨、進貨明細信息刪除進貨、進貨明細信息修改進貨、進貨明細信息導出進貨、進貨明細單導入進貨、進貨明細數據圖4-15進貨管理結構圖管理員在進貨列表可以查看所有的進貨信息，包括進貨編號、進貨時間等。在列表上方通過輸入進貨編號，點擊查詢可以搜索到該進貨編號下的進貨信息。管理員點擊某一進貨信息詳情，可以看到進貨詳情信息，同時在該頁面下還可以看到進貨明細列表，包括彩妝名稱、色號名稱、數量等，點擊詳情即可看到進貨明細詳情信息。管理員也可以點擊修改重新編輯進貨信息，修改供應商、狀態等信息，同時在該頁面下可以新增、修改、刪除進貨明細信息。管理員可以將某一excel表中的進貨信息上傳并展示，包括進貨編號、進貨時間、彩妝編號、色號編號等信息，同時也可以將表中的數據導入到數據庫進貨表和進貨明細表中。管理員還可以導出進貨、進貨明細單。4.4.6訂單管理訂單管理訂單管理訂單列表訂單信息管理訂單發貨管理展示訂單列表搜索訂單數據查看訂單、訂單明細信息將訂單狀態為付款的商品發貨圖4-16訂單管理結構圖訂單列表展示了系統所有的訂單信息，包括訂單編號、收貨人、收貨人電話、用戶編號、訂單日期等，管理員可以在列表上方輸入框內輸入訂單狀態、訂單編號、用戶編號查詢訂單。管理員點擊某一訂單詳情可以查看訂單詳情信息，在該頁面下可以查看訂單明細列表、訂單明細詳情信息，包括彩妝名稱、色號名稱、售價、金額合計等。管理員可以對訂單狀態顯示為付款的訂單進行發貨操作，確認發貨后訂單的狀態顯示為發貨。4.4.7彩妝銷售數據清單管理在銷售數據清單列表展示了全部的訂單信息，包括訂單編號、訂單日期、訂單狀態等，在列表上方可以通過輸入訂單時間、彩妝類型下拉框、彩妝名稱下拉框、輸入色號編號或訂單狀態查詢訂單，并對屬性列金額合計和成本合計進行了匯總。4.5本章小結本章首先介紹了系統整體設計、數據庫設計，然后用文字描述和流程圖相結合對前端彩妝購物系統設計功能和內容進行了介紹，最后通過各模塊功能的結構圖和文字敘述對后臺管理系統進行了詳細介紹。系統實現5.1前端彩妝購物系統實現5.1.1用戶界面的實現用戶界面應做到簡潔大方，使用戶快速找到功能入口。圖5-1和圖5-2分別展示了首頁效果圖和用戶登錄界面效果圖。圖5-1首頁效果圖圖5-2登錄界面效果圖5.1.2用戶注冊功能的實現用戶進入系統首頁后，點擊導航欄登錄，進入到登錄頁面，如果用戶未注冊，可以在下方點擊“注冊”進入到注冊頁面，注冊頁面如圖5-3所示。根據表單提示輸入用戶名和登錄密碼，如果用戶名在數據庫用戶表中已存在則提示用戶，該用戶名已存在，否則注冊成功。部分代碼如下：publicstaticboolZhuce(db.CZ_Customerentry,db.dbEntitiesdc){//注冊efHelperef=newefHelper(refdc);_checkInput(entry);entry.rowID=ef.newGuid();dc.CZ_Customer.Add(entry);dc.SaveChanges();if(entry.rowID!=null)returntrue;returnfalse;}圖5-3注冊界面5.1.3商品搜索功能的實現點擊導航欄“全部產品”、“唇部產品”、“眼部產品”可以展示對應類型產品的信息，在各頁面內提供了商品搜索輸入框，用戶在輸入框內輸入與商品標題相關的關鍵字，點擊查詢按鈕，即可將用戶想要查找的商品展示出來，各頁面搜索結果如圖5-4、圖5-5、圖5-6。部分代碼如下：publicActionResultProduct(stringczCode){db.CZ_Productmodel=db.client.bll.CZ_Product.getEntryByCode(czCode,dc);returnView(model);}//拼接搜索語句stringSql11="select*fromCZ_Productwhere1=1";Sql11+=rui.dbTools.searchDdl("czCode",this.czCode,this.cmdPara);Sql11+=rui.dbTools.searchTbx("czName",this.czName,this.cmdPara);Sql11+=rui.dbTools.searchTbx("czTypeCode",this.czTypeCode,this.cmdPara);圖5-4全部產品搜索圖圖5-5唇部產品搜索圖圖5-6眼部產品搜索圖5.1.4購物車、收藏夾功能的實現用戶可以在商品詳情頁面，選擇色號，填入數量，點擊“加入購車按鈕”，如圖5-7，若該用戶加入購物車中的商品在數據庫購物車表中不存在，則提示加入購物車成功，在購物車中會增加一條商品信息，如圖5-8。若存在，則會將購物車中商品實現累加，如圖5-9。在購物車中還可以刪除商品，如圖5-10。部分代碼如下：$("input[name='submit']").click(function(){varclassifyID=$('input[name=tupian]:checked').val();//獲取彩妝編號varczCode=$('input[name=czCode]').val();//獲取數量varquantity=$("#quantity").val();//請求路徑ajaxPost("/onlineSell/ShoppingTrolley/AddCart",{classifyID:classifyID,czCode:czCode,quantity:quantity},function(data){info(data);if(data.result=="True"){alert("加入購物車成功");}else{showError(data.message);}});returnfalse;});圖5-7商品詳情圖圖5-8購物車界面圖5-9累加商品數量圖5-10刪除商品用戶可以在商品詳情頁面收藏商品，收藏夾界面如圖5-11，也可以將商品從收藏夾中刪除，如圖5-12。圖5-11收藏夾界面圖5-12收藏夾刪除5.1.5訂單功能實現在購物車中用戶可以對想要購買的商品點擊購買，生成訂單，在該頁面中可以選擇收貨地址，如圖5-13。確認訂單信息后點擊“提交訂單”會跳轉到我的訂單頁面，如圖5-14，購買后該商品在購物車中會自動刪除。用戶因為信息有誤或其他原因也可以在訂單生成頁面，點擊“取消訂單”，將訂單取消。圖5-13生成訂單圖5-14我的訂單用戶可以在我的訂單頁面點擊待付款，對商品進行付款操作，確認付款后，訂單狀態顯示“買家已付款，等待商家發貨”，點擊訂單詳情即可看到購買商品詳細信息，如圖5-15。圖5-15查看訂單詳情部分代碼如下：$(".createOrder").click(function(){//獲取色號編號varclassifyID=$('input[name=classifyID]').val();varczCode=$('input[name=czCode]').val();varquantity=$('input[name=quantity]').val();//獲取地址varaddressValue=$(".addressValue").find("option:selected").text();//獲取地址編號varaddressCode=$(".addressValue").val();//請求路徑ajaxPost("/onlineSell/CZ_OrderInfo/SubmitOrder",{addressValue:addressValue,addressCode:addressCode,classifyID:classifyID,czCode:czCode,quantity:quantity},function(data){info(data);if(data.result=="True"){alert("提交訂單成功");top.location.href="/onlineSell/CZ_OrderInfo/Index";}else{showError(data.message);}});returnfalse;});5.2后臺管理系統的實現5.2.1產品管理產品列表在產品管理頁面，列表上方是條件搜索框，下方是商品列表信息，在上方條件搜索選擇彩妝類型編號或者是否在售或者輸入彩妝名稱，點擊查詢，即可展示管理員需要的商品，如圖5-16。部分代碼如下：//列表上方搜索框代碼<divclass="search"><span>彩妝類型：@Html.DropDownListFor(a=>a.czTypeCode,db.bll.CZ_CZType.bindDdl(true))</span><span>是否在售：@Html.DropDownListFor(a=>a.isSell,rui.listHelper.bind是否(true))</span><span>彩妝名稱：@Html.TextBoxFor(a=>a.czName)</span></div>圖5-16產品列表產品信息管理管理員點擊詳情即可查看商品詳情信息，如圖5-17。當管理員想要修改商品信息時，包括售價、封面圖、產地等信息時，可以點擊“修改”，對所需要修改的商品信息進行修改，如圖5-18。當管理員想要增加一條商品信息可以點擊“新增”，來新增商品信息，包括彩妝編號、彩妝名稱、彩妝類型等信息，如圖5-19。管理員也可以刪除商品信息，但是如果該商品被用戶購買，則提示管理員不允許被刪除。部分代碼如下：//檢查數據合法性_checkInput(entry);List<string>surfacePicList=rui.webDiskHelper.saveUploadFiles("/upload/CZ_Product","surfacePicCtl");if(surfacePicList.Count>0)entry.surfacePic=surfacePicList[0];//設置字段默認值entry.isSell="是";entry.rowID=ef.newGuid();dc.CZ_Product.Add(entry);dc.SaveChanges();//返回rowIDreturnentry.rowID;圖5-17產品管理詳情圖5-18產品管理修改圖5-19產品管理新增批量保存、批量上下架管理員在產品頁面批量修改產品售價，點擊批量保存，則會將所更改的數據保存到數據庫中，如圖5-20。當商品需要批量上下架時，勾選需要上下架的商品，點擊“批量上、下架”按鈕，則這些商品的是否在售狀態會顯示“在售”。如果勾選商品已上架或已下架，則會提示管理員這些商品已上架或已下架，如圖5-21。部分代碼如下：for(inti=0;i<czCodeList.Count;i++){try{//采用Dapper的方式寫代碼,變量都定義為參數stringsql="UPDATEdbo.CZ_ProductSETprice=@priceWHEREczCode=@czCode";if(ef.Execute(sql,new{price=priceList[i],czCode=czCodeList[i]})==0)rui.excptHelper.throwEx("數據未變更");}catch(Exceptionex){errorDic.Add(czCodeList[i],rui.excptHelper.getExMsg(ex));rui.logHelper.log(ex);}}圖5-20產品價格批量保存圖5-21提示商品已上架5.2.2產品色號管理產品色號列表在產品色號管理頁面，在上方條件搜索選擇彩妝名稱、是否需要進貨、輸入色號編號或者色號名稱，點擊查詢，即可展示管理員需要的商品色號信息，如圖5-22。部分代碼如下：<divclass="search"><span>彩妝名稱：@Html.DropDownListFor(a=>a.czCode,db.bll.CZ_Product.bindDdl(true))</span><span>是否需要進貨：@Html.DropDownListFor(a=>a.isNeed進貨,rui.listHelper.bind是否(true))</span><span>色號編號：@Html.TextBoxFor(a=>a.classifyID)</span><span>色號名稱：@Html.TextBoxFor(a=>a.classifyName)</span></div>圖5-22產品色號列表產品色號信息管理管理員點擊“詳情”即可查看產品色號詳情信息，如圖5-23。當管理員想要修改產品色號信息時，可以點擊“修改”，對所需要修改的產品色號信息進行修改，如圖5-24。當管理員想要增加一條產品色號信息可以點擊“新增”，來新增產品色號信息，如圖5-25。管理員也可以刪除產品色號信息，但是如果該產品色號被用戶購買，則提示管理員不允許被刪除。此代碼與產品管理相似，此處不做解釋。圖5-23產品色號詳情圖5-24產品色號修改圖5-25產品色號新增5.2.3進貨管理進貨信息管理在這里，進貨表和進貨明細表做成了主從界面，點擊某一進貨信息詳情，即可查看該進貨編號下的進貨明細信息，如圖5-26。點擊“修改”，可以修改進貨信息，在該頁面下也可以修改、刪除和新增進貨明細信息，如圖5-27。部分代碼如下：entry.detailNo=_createDetailNo(entry.stockCode,dc);//設置默認值entry.sellQuantity=0;entry.rowID=ef.newGuid();stringsql4="UPdateCZ_ColorClassifysetstockSum+="+entry.quantity+"whereclassifyID='"+entry.classifyID+"'andczCode='"+entry.czCode+"'";ef.Execute(sql4);dc.CZ_StockDetail.Add(entry);dc.SaveChanges();returnentry.rowID;圖5-26進貨詳情圖5-27進貨修改導入導出功能管理員在進貨列表右上方點擊“Excel導出”，會將本頁展示的進貨信息導出到excel表格中，如圖5-28。點擊“Excel導入”，可以將excel表格中的內容上傳并顯示，并且可以保存到數據庫中，如圖5-29、5-30。部分代碼如下：publicActionResultSelectExport(db.view.CZ_Stockmodel){try{model.ExportRange=rui.dataRange.all.ToString();model.SheetName="進貨單";model.Search();returnFile(model.ExportToXls(),rui.innerCode.mime(".xlsx"),"進貨單.xlsx");}catch(Exceptionex){rui.logHelper.log(ex);Response.Write(string.Format("<script>alert('{0}');history.go(-1);</script>",ex.Message));}returnnull;}圖5-28數據導出圖5-29上傳展示圖5-30導入數據5.2.4訂單管理訂單信息管理訂單表和訂單明細表做成了主從界面，在訂單列表上方可以通過輸入框輸入訂單狀態、訂單編號或者用戶編號查詢指定訂單，點擊某一訂單詳情可以查看訂單詳情信息，該頁面下方是訂單明細列表，管理員可以查看訂單明細詳情信息，如圖5-31。部分代碼如下：<fieldset><legend>訂單明細</legend>@{Html.RenderAction("selec