網上購物系統的開發與設計-資料下載頁

【導讀】隨著社會的不斷發展，科學技術也在不斷的更新。平臺與更多的商機，如催化劑一般刺激著商業經濟的快速發展。發一個企業門戶網站擁有重要的意義。本文闡述了網上購物系統的開發與設計。設計采用現在比較流行的JSP網站。單以及管理員對于網站的維護與更新。在頁面設計與制作中，對于頁面的基本格。結果下將其綜合成一個完整的系統。

　　

【正文】 麻煩，而且代碼的冗余量也很大，頁面很多的時候維護也會非常麻煩，頁面上到處都是數據庫連接和釋放代碼。因此，可以利用公共數據庫訪問連接 JavaBean 的開發。通過將數據庫連接函數代碼，釋放函數代碼等封裝在 JavaBean 中， 可以減少非常多的代碼編程工作，提高代碼可維護性。 在加載了 JDBC 驅動程序，建立了數據庫的 URL 后，創建一個 的文件，通過調用 DriverManager 類的 getConnection 方法與 db_Business 數據庫連接。在 getConnection 方法的實現中，聲明數據庫名稱為 db_Business。這樣，在其他的 Java 文件和頁面中聲明調用或包含了 文件后，都可以對數據庫操作了。 JavaScript 也叫小腳本語言，是一種基于對象和事件驅動并具有安全性能的腳本語言，使 用它的目的是與 HTML 超文本標識語言、 Java 腳本語言一起實現在一個網頁中鏈接多個對象，與網絡客戶交互作用，從而可以開發客戶端的應用程序。它是通過嵌入或調入在標準的 HTML 語言中實現的。 CSS 層 CSS 層疊樣式表 (Cascading Style Sheet) 是一系列格式規則，它們控制網頁內容的外觀。使用 CSS 可以非常靈活并更好地控制具體的頁面外觀，從精確的布局定位到特定的字體和樣式 。并能極大的方便網頁制作的工作 [4]。這次設計中就學習使用了 CSS 層疊樣式表，在 HTML 文文檔外部將一系 列 CSS 規則存儲到一個 .CSS 文件中。例如創建了一個名為 body 的選擇器。利用它來統一設計網站內網頁背景及外部框架的樣式。在聲明中規定了頁面的背景、滾動條的顏色樣式等。還用 .br 和 .wenbenkuang 兩個選擇器確定輸出文本框時的樣式。由于 CSS已經規定聲明部分中的屬性及其取值范圍，所以對于我這樣初學者的難點就是如何找到合適的屬性來實現頁面設計。 Tomcat Tomcat 是 Apache 公司組織開發飛一種 JSP 引擎，由于自身具有 Web 服務器，可以作為獨立的 Web 服務器使用。 如今，基于 Web 的 應用越來越多，傳統的 Html 已經滿足不了如今的需求。我們需要一個交互式的 Web，于是便誕生了各種 Web 語言。如 Asp， Jsp， Php等。當然，這些語言與傳統的語言有著密切的聯系，如 Php 基于 C 和 C++語言，Jsp基于 Java 語言。 Tomcat 即是一個 Jsp和 Servlet 的運行平臺。 與 傳 統 的 桌 面 應 用 程 序 不 同 ， Tomcat 中 的 應 用 程 序 是 一 個 WAR（ WebArchive）文件。 WAR 是 Sun 提出的一種 Web 應用程序格式，與 JAR 類似，也是許多文件的一個壓縮包。這個包中的文件按一定目錄結構來組織：通常其根 目 錄下包含有 Html 和 Jsp 文件或者包含這兩種文件的目錄，另外還會有一個WEBINF 目錄，這個目錄很重要。通常在 WEBINF 目錄下有一個 文件和一個 classes 目錄， 是這個應用的配置文件，而 classes 目錄下則包含編譯好的 Servlet 類和 Jsp 或 Servlet 所依賴的其它類（如 JavaBean）。通常這些所依賴的類也可以打包成 JAR 放到 WEBINF 下的 lib 目錄下，當然也可以放到系統的 CLASSPATH 中，但那樣移植和管理起來不方便。 在 Tomcat 中，應用程序的部署很簡 單，你只需將你的 WAR 放到 Tomcat 的webapp 目錄下， Tomcat 會自動檢測到這個文件，并將其解壓。你在瀏覽器中訪問這個應用的 Jsp 時，通常第一次會很慢，因為 Tomcat 要將 Jsp 轉化為Servlet 文件，然后編譯。編譯以后，訪問將會很快。另外 Tomcat 也提供了一個應用： manager，訪問這個應用需要用戶名和密碼，用戶名和密碼存儲在一個xml 文件中。通過這個應用，輔助于 Ftp，你可以在遠程通過 Web 部署和撤銷應用。當然本地也可以。 MyEclipse MyEclipse 企業 級 工作 平 臺（ MyEclipse Enterprise Workbench，簡 稱MyEclipse）是對 Eclipse IDE 的擴展，利用它我們可以在數據庫和 J2EE 的開發、發布，以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的 J2EE 集成開發環境，包括了完備的編碼、調試、測試和發布功能，完整支持HTML, Struts, JSP, CSS, JavaScript, SQL, Hibernate, Tomcat。 系統頁面的設計與實現 如果將網站比作一個人的話，服務器就像大腦，數據庫就像五臟六腑 ，其內嵌的 Java 和 JavaScript 組合起來就像是細胞與神經，而網頁就是這個人的皮肉。網頁將網站的各個組成部分包裹起來，形成易懂并且美觀的外表展示給大家。瀏覽者登陸網站后看到的就是一個個網頁的組合。所以設計和實現每一個網頁也是非常重要的工作。 隨著科技的高速發展，眾多網頁制作的應用軟件應運而生。相對于傳統的動態網頁開發工具而言，由于繼承了 Java 語言的許多優點，用 JSP 開發動態網站十分方便，開發效率較高。此外， JSP 還具有強大的組件（ Java Bean）支持功能，可以方便地實現組件復用，進一步提高了開發 效率。 主要前臺管理 功能設計 整個系統分為了前臺功能模塊和后臺功能模塊。下面詳細討論主要的幾個功能模塊的程序實現。在每個模塊的介紹中，將具體說明一些涉及要點。前臺功能模塊分為用戶管理模塊、訂單查詢模塊、購物車模塊、修改個人資料模塊、留言板模塊 5 個部分。前臺首頁主要有以下幾個部分： 主要用戶顯示網站的旗幟廣告、各功能模塊導航。 用戶在此注冊、登錄或找回密碼。 用戶按商品類別進行搜索顯示。 按照商品的銷售數量顯示銷售排行信息。 區 按后臺添加商品的時間順序展示商品； 顯示友情鏈接信息。 管理員可以通過該入口登錄后臺。 首頁運行結果如圖 51 所示。 圖 51 首頁運行結果 用戶管理模塊 用戶管理模塊主要實現用戶的注冊、登錄、找回密碼等功能。 當用戶第一次登錄時首先要在網站上注冊，成為會員用戶才可以在網站上購物，注冊頁面必須填寫一些用戶的基本信息，如用戶名、密碼、聯系電話等信息。要注意的是，在用戶注冊頁面 user/ 中用戶自定義 JavaScript 檢驗用戶注 冊信息不允許為空。 用戶注冊頁面 user/ 如圖 52 所示。 圖 52 用戶注冊頁面運行結果 為了便于網站對用戶的管理，在 用戶注冊頁面接收到的注冊信息要經過嚴格的過濾，保證注冊用戶名的唯一性，在提交表單后需要對數據表中的數據進行查詢，如果沒有找到，則在插入數據表時提示注冊成功，否則提示此用戶已被占用請重新注冊。 用戶注冊的流程圖如圖 53 所示。 圖 53 用戶注冊系統流程圖 將用戶注冊信息保存到數據表中，首先使用 JavaBean 中的 member 類保存客戶端輸入的會員信息，再通過調用 memberDaoImpl 中的 insert 方法將會員信開 始 否 是 是 結 束 接收注冊信息 數據是否為空 兩次密碼是否一致 查詢數據庫 用戶名是否被占用 是 否 否 注冊成功 注冊失敗 息保存到會員信息表中。在保存會員信息時，還需要判斷會員名是否存在，必須保證會員名稱的惟一性。保存會員信息的完整代碼如下： %@ page import=% %@ page import= % jsp:useBean id=member scope=request class= jsp:setProperty name=member property=*/ //一次性為 JavaBean的所有屬性賦值 /jsp:useBean %connDB conn=new connDB()。 (gb2312)。 //編碼轉換 String username=()。 ResultSet rs=(select * from tb_Member where username=39。+username+39。)。 if (()){ (script language=39。javascript39。alert(39。該用戶名已經存在，請重新注冊 ！ 39。)。=39。39。/script)。 }else{ int ret=0。 MemberDaoImpl ins_member=new MemberDaoImpl()。 //創建GoodsDaoImpl對象的實例并實例化該對象 ret=(member)。 //執行 JavaBean“GoodsDaoImpl”中的方法添加商品信息 if (ret!=0){ (script language=39。javascript39。alert(39。用戶注冊成功 ！ 39。)。=39。39。/script)。 }else{ (script language=39。javascript39。alert(39。用戶注冊失敗 ！ 39。)。=39。39。/script)。 } }% 用戶登錄用于網站會員登錄本網站進行購物或查看訂單情況。用戶登錄入口位于網站首頁的左側，頁面運行結果如圖 4 所示。下面給出會員登錄頁面的設計效果圖和會員登錄后的會員登錄頁面的運行結果，分別如圖 5圖 55 所示。 圖 54 用戶登錄頁面的設計效果 圖 55 用戶登錄后頁面運行結果 當用戶在登錄窗口中輸入用戶名和密碼后，單擊【登錄】按鈕，系統將對輸入的用戶名和密碼進行驗證，如果用戶輸入的用戶名存在并且凍結字段的值不為1，則判斷用戶輸入的密碼是否正確，如果密碼正確，則重新進入網站首頁，顯示登錄用戶的用戶名、【修改資料】按鈕、【退出登錄】按鈕，否則提示登錄失敗。會員登錄頁面的關鍵代碼如下： %@ page import=% %@ page import=% %connDB conn=new connDB()。 //創建并實例化 connDB的一個對象 chStr chStr=new chStr()。 //創建并實例化 chStr的一個對象 String username=((username))。//此處必須進行編碼轉換，否則輸入中文用戶名 時將出現亂碼 try{ ResultSet rs=(select * from tb_Member where username=39。+username+39。 and freeze=0)。 if(()){ String PWD=(PWD)。 if(((password))){ //判斷用戶輸入的密碼是否正確 (username,username)。 //為 session變量username賦值 ()。 //將頁面重定向到 面 }else{ (script language=39。javascript39。alert(39。您輸入的用戶名或密碼錯誤，請與管理員聯 系 !39。)。=39。39。/script)。 } }else{ (script language=39。javascript39。alert(39。您輸入的用戶名或密碼錯誤，或您的賬戶已經被 凍結，請與管理員聯系 !39。)。=39。39。/script)。 } }catch(Exception e){ (script language=39。javascript39。alert(39。您的操作有誤 !39。)。=39。39。/script)。 } ()。 //關閉相關連接 % 用戶登錄窗口設置在首頁上，主要用來接收用戶錄入的用戶名及密碼。單擊“注冊”按鈕時，會提交到 user/ 頁面執行；單擊“登錄”按鈕時，系統將對輸入的用戶名和密碼進行驗證，如果數據表中用戶名和密碼存在就顯示登陸成功，并返回首頁，否則彈出錯誤提示信息。 用戶登錄的流程圖如圖 56 所示。 圖 56 用戶登錄系統流程圖 商品分類模塊設計 為了方 便用戶查詢所需商品信息，在網站中設置了商品分類顯示模塊。在網站首頁的右側以樹狀菜單的形式列出了商品的大、小分類信息，用戶單擊大類別結點可以顯示出該類的所有小類信息，單擊小類結點可以進入到分類商品顯示頁面查看該類別的全部商品信息，在分類商品顯示頁面中，單擊商品名稱可以查看相應商品的詳細信息。如果用戶已經登錄，還可以直接將商品信息添加至購物車中。 商品分類模塊的頁面設計效果如圖 57 所示。 開 始 結 束 接收登錄信息 查詢數據庫 數據是否正確 否