https://www.bilibili.com/video/BV1hm411S7j6/演示視頻：

第六章  網上服裝系統界面設計

6．1開發環境簡介

JSP是SUN公司開發的語言，作為戰略產品，它提供了一個統一的 Web 開發模型，其中包括開發人員生成企業級 Web 應用程序所需的各種服務。

JSP可以無縫地與java 編輯器和 MYECLIPSE一起工作。這不僅使得 Web 開發更加方便，而且還能提供這些工具必須提供的所有優點，包括開發人員可以用來將服務器控件拖放到 Web 頁的 GUI 和完全集成的調試支持。

SUN 為JAVA設計了這樣一些策略：易于寫出結構清晰的代碼、代碼易于重用和共享、可用編譯類語言編寫等等，目的是讓程序員更容易開發出Web應用，滿足計算向Web轉移的戰略需要。

JSP提供了穩定的性能、youxiu的升級性、更快速的開發、更簡便的管理、全新的語言以及網絡服務。貫穿整個JSP的主題就是系統幫用戶做了大部分不重要的瑣碎的工作。

由于JSP有強大的功能，所以本系統采用了它作為開發語言，同時它的便捷性和它強大的控件支持性，所以它給我們開發時候帶來了很大方便。

6．2 系統界面的設計

     6.2.1 首頁設計

    此界面為所有用戶的操作頁面，包括非注冊用戶、注冊會員、管理員，都可在此界面進行信息瀏覽、查詢。

6.2.2  會員注冊界面設計

會員注冊時需填寫用戶名、密碼、真實姓名、性別、電話、身份證、聯系地址等信息，其中用戶名、密碼、身份證三項為必填項。

6.2.3商品詳細信息界面的設計

界面的左邊是商品類別、熱門產品及Zui優惠產品列表，右邊則是用戶所點擊關注的商品的詳細信息。在這里除了可以瀏覽其詳細信息，還可以放入購物車，為后來的購買行為做好鋪墊。

6.2.4 購物車界面的設計

 當用戶點擊“放入購物車”的按鈕后，系統跳轉到購物車界面：

該界面即為用戶選購的所有商品的清單，包括商品編號、商品名稱、每類商品的價格及總價格。提供兩個按鈕：“繼續購物”、“結賬買單”。前者可返回購物界面，后者則是前往購物確認。

6.2.5  管理員登陸界面設計

此頁面為管理員登陸界面，點擊屏幕下方的“進入管理”鏈接可進入。當擁有合法身份的管理員在輸入正確的帳號及密碼后，進入后臺管理系統。

6.2.6  后臺首頁界面設計

    在此界面，管理員可以進行任何對后臺的操作，所有操作功能都以菜單的形式列開。

6.2.7  商品類別管理界面設計

   

在此界面中，可以進行關于商品類別的添加管理操作。

6.2.8  會員管理界面設計

    此操作界面與商品信息管理相似，功能也十分相似，只是對象不一樣，一個的執行結果是列出商品信息列表，一個的執行結果是理出用戶信息清單。

6.2.9  訂單管理界面設計

    此界面的執行結果，是列出所有記錄。另外，還有一個出庫查詢報表，界面相仿，故不另作介紹。

    綜言上文，網上服裝系統操作簡約，流程清晰。功能齊全，沒有冗余，沒有遺漏。

    但是，隨著競爭的進一步升級和網絡技術及網絡營銷手段的升級，本系統會有些落伍，所以，系統留有足夠的升級端口，以備日后系統升級。