網(wǎng)上購(gòu)物系統(tǒng)的實(shí)驗(yàn)報(bào)告

1、南京曉莊學(xué)院網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)實(shí)驗(yàn)報(bào)告所在院 ( 系):數(shù)學(xué)與信息學(xué)院學(xué)號(hào)： 08413432學(xué)生姓名：張飛紅年級(jí)專業(yè)：08級(jí)計(jì)算機(jī)專業(yè)指導(dǎo)教師：謝靜老師提交日期：2010 年6月南京曉莊學(xué)院網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)作者：張飛紅指導(dǎo)教師：謝靜1系統(tǒng)分析與設(shè)計(jì)1.1 需求分析隨著計(jì)算機(jī)科學(xué)的發(fā)展，數(shù)據(jù)庫(kù)技術(shù)在Internet中的應(yīng)用越來(lái)越廣泛，為廣大網(wǎng)絡(luò)用戶提供了更加周到和人性化的服務(wù)。個(gè)性化已逐漸成為當(dāng)今Web應(yīng)用的潮流。本文研究了一種基于數(shù)據(jù)關(guān)聯(lián) 規(guī)則采集技術(shù)的用戶個(gè)性化頁(yè)面動(dòng)態(tài)生成方案，此方案與現(xiàn)今網(wǎng)上已采用的方案相比，具有用戶使用更簡(jiǎn)單、反映用戶更明顯細(xì)致等優(yōu)點(diǎn)。網(wǎng)上購(gòu)物是電子商務(wù)的典型應(yīng)

2、用之一，網(wǎng)上商場(chǎng)是實(shí)現(xiàn)網(wǎng)上購(gòu)物的安全、便捷的途徑。通過(guò)網(wǎng)上商場(chǎng)，用戶可以到網(wǎng)上商場(chǎng)瀏覽選購(gòu)自己喜歡的商品，安全地實(shí)現(xiàn)網(wǎng)上實(shí)時(shí)支付，安坐家中便完成購(gòu)物的過(guò)程。對(duì)商家而言，通過(guò)網(wǎng)上商場(chǎng)可以非常方便地將自己的商品上網(wǎng)銷售，維護(hù)十分簡(jiǎn)單（甚至不需要建立自己的網(wǎng)站）而只須付出低廉的費(fèi)用。網(wǎng)絡(luò)是網(wǎng)上商店的存在載體。網(wǎng)上商店向網(wǎng)上購(gòu)物者傳遞商品信息，網(wǎng)上購(gòu)物者通過(guò)網(wǎng)上商店進(jìn)香商品和款項(xiàng)的交易。服裝鞋帽商城采用PHP技術(shù)和 SQL數(shù)據(jù)庫(kù)，以Dreamweaver MX 2004 為 開(kāi)發(fā)環(huán)境進(jìn)行商城站點(diǎn)的構(gòu)建，并選擇Xampp作為服務(wù)器，進(jìn)行系統(tǒng)分析，為將來(lái)進(jìn)一步的實(shí)施打下一個(gè)堅(jiān)實(shí)的技術(shù)基礎(chǔ)。此系統(tǒng)分為前臺(tái)管

3、理和后臺(tái)管理。前臺(tái)管理是友好的操作界面，供用戶瀏覽、查詢使用。包括：瀏覽商品、查詢商品、訂購(gòu)商品、購(gòu)物車、用戶維護(hù)等功能；后臺(tái)管理是提供給管理員的，其中包 括：商品管理、用戶管理、訂單管理等。使管理員從繁瑣的手工操作中解脫出來(lái)，并提高了辦公準(zhǔn) 備效率。經(jīng)過(guò)前期的深入調(diào)查和研究，總結(jié)出該系統(tǒng)需要完成的一些具體功能，分析如下：1. 用戶管理：能夠完成用戶基本信息錄入的注冊(cè)、登錄和注銷。2. 管理唄管理：能夠完成管理員對(duì)網(wǎng)站的商品訂單的處理。1.2 總體設(shè)計(jì)根據(jù)網(wǎng)上購(gòu)物的功能需求，進(jìn)行系統(tǒng)分析設(shè)計(jì)。系統(tǒng)功能模塊圖如圖1-1 所示：1南京曉莊學(xué)院1.2.1 用戶模塊圖 1-1 系統(tǒng)功能模塊圖用戶模塊又

4、分為三個(gè)子模塊：注冊(cè)、登錄及注銷模板；選擇商品并添加到購(gòu)物車模塊；付款結(jié) 算模塊。首先，用戶登錄后可以查看購(gòu)物網(wǎng)站上所有的商品，根據(jù)個(gè)人愛(ài)好、需要，選擇商品，用 戶可以通過(guò)查看主頁(yè)上顯示的商品進(jìn)行選擇，也可通過(guò)分類即菜單欄的導(dǎo)航進(jìn)行選擇商品。然后， 選擇好商品后，可通過(guò)添加到購(gòu)物車，在購(gòu)物車后也可以再繼續(xù)購(gòu)物或者刪除不需要的商品。最后 就是進(jìn)行付款結(jié)算。結(jié)算完成后，注銷用戶，以便下次繼續(xù)使用（模塊圖如圖1-2 所示）。圖 1-2 用戶模塊圖2南京曉莊學(xué)院1.2.2 管理員模塊管理員模塊：管理員管理模塊也就是網(wǎng)站的后臺(tái)，包括丙個(gè)子模塊：登錄及注銷和處理商品與訂單。登錄及注銷模塊是控制管理員登錄與

5、注銷。處理商品及訂單模塊的主要工作是負(fù)責(zé)對(duì)商品信息和訂單信息的管理與維護(hù)，包括對(duì)商品的添加與刪除即上架下架功能、訂單信息確認(rèn)與管理功能等。（模塊圖如圖 1-3 所示）1.3 數(shù)據(jù)庫(kù)設(shè)計(jì)與實(shí)現(xiàn)圖 1-3管理員模塊圖數(shù)據(jù)庫(kù)在系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)的好壞將直接對(duì)應(yīng)用系統(tǒng)的效率以及實(shí)現(xiàn)的效果產(chǎn)生影響。合理的數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)可以提高數(shù)據(jù)存儲(chǔ)的效率，保證數(shù)據(jù)的完整和一致。另外，合理的數(shù)據(jù)庫(kù)結(jié)構(gòu)將非常有利于程序的實(shí)現(xiàn)。設(shè)計(jì)數(shù)據(jù)庫(kù)系統(tǒng)時(shí)應(yīng)該首先充分了解用戶各個(gè)方面的需求，包括現(xiàn)有的以及將來(lái)可能增加的需求。1.3.1 數(shù)據(jù)庫(kù)設(shè)計(jì)原則在動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)中，數(shù)據(jù)庫(kù)設(shè)計(jì)的重要性不言而喻。如果設(shè)計(jì)不當(dāng),查

6、詢起來(lái)就非常吃力，程序的性能也會(huì)受到影響。無(wú)論使用的是MySQL 或者 Oracle 數(shù)據(jù)庫(kù)，通過(guò)進(jìn)行正規(guī)化的表格設(shè)計(jì)， 可以令 PHP代碼更具可讀性，更容易擴(kuò)展，從而也會(huì)提升應(yīng)用的性能。1、規(guī)范命名所有的庫(kù)名、表名、域名必須遵循統(tǒng)一的命名規(guī)則，并進(jìn)行必要說(shuō)明，以方便設(shè)計(jì)、維護(hù)、查詢。2、控制字段的引用在設(shè)計(jì)時(shí)，可以選擇適當(dāng)?shù)臄?shù)據(jù)庫(kù)設(shè)計(jì)管理工具，以方便開(kāi)發(fā)人員的分布式設(shè)計(jì)和數(shù)據(jù)小組的集中審核管理。采用統(tǒng)一的命名規(guī)則，如果設(shè)計(jì)的字段已經(jīng)存在，可直接引用；否則，應(yīng)重新設(shè)計(jì)。3南京曉莊學(xué)院3、庫(kù)表重復(fù)控制在設(shè)計(jì)過(guò)程中，如果發(fā)現(xiàn)大部分字段都已存在，開(kāi)發(fā)人員應(yīng)懷疑所設(shè)計(jì)的庫(kù)表是否已存在。通過(guò)對(duì)字段所在庫(kù)

7、表及相應(yīng)設(shè)計(jì)人員的查詢，可以確認(rèn)庫(kù)表是否確實(shí)重復(fù)。4、并發(fā)控制設(shè)計(jì)中應(yīng)進(jìn)行并發(fā)控制，即對(duì)于同一個(gè)庫(kù)表，在同一時(shí)間只有一個(gè)人有控制權(quán)，其他人只能進(jìn)行查詢。5、必要的討論數(shù)據(jù)庫(kù)設(shè)計(jì)完成后，應(yīng)與指導(dǎo)老師進(jìn)行討論，通過(guò)討論來(lái)熟悉數(shù)據(jù)庫(kù)，從而對(duì)設(shè)計(jì)中存在的問(wèn)題進(jìn)行控制或從中獲取數(shù)據(jù)庫(kù)設(shè)計(jì)的必要信息。1.3.2 數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫(kù)的E-R 圖反映了實(shí)體、實(shí)體的屬性和實(shí)體之間的聯(lián)系。下面的圖1-4 至圖 1-9 顯示的是各個(gè)實(shí)體以及實(shí)體的屬性。圖 1-4 管理員實(shí)體及屬性圖 1-5用戶實(shí)體及屬性4南京曉莊學(xué)院圖 1-6 訂單實(shí)體及屬性圖 1-7訂單條目實(shí)體及屬性圖 1-8 類別實(shí)體及屬性5南京曉莊學(xué)院

8、圖 1-9 商品實(shí)體及屬性圖 1-10 管理員實(shí)體及屬性下面的圖1-11 顯示的是系統(tǒng)E-R 圖：1.3.3 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)圖 1-10 系 統(tǒng) E-R 圖本系統(tǒng)數(shù)據(jù)庫(kù)為：shoppingcart ，其中包含了6 個(gè) MySQL 數(shù)據(jù)表來(lái)實(shí)現(xiàn)對(duì)數(shù)據(jù)的存儲(chǔ)、調(diào)用。以下為具體數(shù)據(jù)表模式：【admins 表】（ username 、password）【categories 表】（ id 、name）【customers 表】（ id 、username、password、add1、add2、add3、postcode、 phone、 email）【orderitems 表】（id 、 order

9、_id 、product_id 、quantity ）【orders 表】（id 、customer_id 、registered、payment_type 、date、status、total ）【products 表】（id 、 cat_id 、name、description 、 image、 price）其中，用 下劃線和粗體標(biāo)記的屬性為表的主鍵屬性。各表的具體設(shè)計(jì)如表4-1表 4-9 所示。根據(jù) E-R 圖，設(shè)計(jì)每張表的變量名，變量的類型及主鍵。6南京曉莊學(xué)院1、admins表admins 表存放管理員ID、登錄名和密碼。表 1-1admins 表2、categories表Categ

10、ories的信息都存放在個(gè)表中。表 1-2categories表3、orderitems表Orderitems表存放所有訂單條目的信息。表 1-3orderitems 表4、orders表Orders 表存放訂單的詳細(xì)信息。表 1-4orders表7南京曉莊學(xué)院5、products表Products表存放商品的名稱，描述，圖片，價(jià)格等。表 1-5products表6、custermers表Custermers表存放教師上傳的文件的信息。表 1-6custemers 表1.4 本章小結(jié)本章介紹了網(wǎng)上購(gòu)物系統(tǒng)的總體構(gòu)想，以及實(shí)現(xiàn)的主要功能。根據(jù)需求分析對(duì)模塊功能作了較為詳細(xì)的介紹。最后介紹了數(shù)據(jù)庫(kù)

11、的設(shè)計(jì)原則，分析了數(shù)據(jù)庫(kù)的概念與邏輯結(jié)構(gòu)設(shè)計(jì)。8南京曉莊學(xué)院2 系統(tǒng)功能的具體實(shí)現(xiàn)2.1系統(tǒng)功能設(shè)計(jì)在系統(tǒng)進(jìn)行整體設(shè)計(jì)的過(guò)程中，將系統(tǒng)中的公用代碼部分分離了出來(lái)，避免了系統(tǒng)中出現(xiàn)代碼冗余，同時(shí)也提高了系統(tǒng)的開(kāi)發(fā)效率。2.1.1數(shù)據(jù)分頁(yè)功能當(dāng)要顯示的數(shù)據(jù)比較多，一個(gè)頁(yè)面無(wú)法完全顯示，此時(shí)便需要進(jìn)行數(shù)據(jù)的分頁(yè)處理（如圖2-1）。用以下代碼實(shí)現(xiàn)的簡(jiǎn)單分頁(yè)，非常簡(jiǎn)單，具體實(shí)現(xiàn)主要代碼如下：$pagesize=3;$validid= $_GET'id'$sql= "SELECT *FROMproducts "$result=mysql_query($sql);$num

12、ber=mysql_num_rows($result);/ 取記錄的條數(shù)if($number%$pagesize=0)/取余數(shù)，看是否等于0$total=$number/$pagesize;else$total=(int)($number/$pagesize)+1;if(isset($_GET'page')/判斷是否是第一頁(yè)$page=(int)($_GET'page');else$page=1;$start=($page-1)*$pagesize;/ 計(jì)算起始位置$prodcatsql="select *fromproducts limit$star

13、t,$pagesize"/ 根據(jù)頁(yè)碼 $page計(jì)算出起始位置$start取值，以 $start為起點(diǎn)，個(gè)數(shù)為$pagesize$prodcatres = mysql_query($prodcatsql);9南京曉莊學(xué)院2.1.3 分類導(dǎo)航功能圖 2-1 分頁(yè)顯示對(duì)所有商品進(jìn)行分類，方便用戶查找商品。通過(guò)導(dǎo)航來(lái)實(shí)現(xiàn)產(chǎn)品的分類顯示。如圖2-2 所示。圖 2-2 分類導(dǎo)航顯示在 PHP文件中，我們只需要傳遞4 個(gè)變量給Smart 對(duì)象： 1. 記錄總數(shù)； 2. 每頁(yè)記錄起始數(shù)； 3.每頁(yè)記錄結(jié)束數(shù)； 4. 分頁(yè)標(biāo)簽；2.1.4 會(huì)話管理用戶可以根據(jù)身份進(jìn)行選擇登錄，在系統(tǒng)用戶登錄的時(shí)候，

14、用戶需要輸入用戶名和密碼及驗(yàn)證碼進(jìn)行數(shù)據(jù)庫(kù)登錄驗(yàn)證。用戶必須輸入用戶名和密碼以及驗(yàn)證碼。否則將彈出對(duì)話框進(jìn)行提示。在進(jìn)行用戶身份識(shí)別時(shí)，需要對(duì)用戶的一些信息參數(shù)進(jìn)行傳遞與保存，這就要使用到SESSION或者 COOKIE 技術(shù)。服務(wù)器端的SESSION 和客戶端的COOKIE 是兩種重要的參數(shù)傳遞與保存的技術(shù)，它們有各自的優(yōu)點(diǎn)與不足，但都在Web 系統(tǒng)中發(fā)揮著很大的作用。SESSION: 在計(jì)算機(jī)中是存在服務(wù)器端的，在網(wǎng)絡(luò)應(yīng)用中，稱為“會(huì)話 ”?！皶?huì)話”可以簡(jiǎn)單的理解為瀏覽器與服務(wù)器的一次對(duì)話過(guò)程，這個(gè)過(guò)程從第一次服務(wù)器收到瀏覽器的頁(yè)面請(qǐng)求開(kāi)始到最后一次請(qǐng)求為止。一次會(huì)話對(duì)應(yīng)著一個(gè)SESSIO

15、N，每個(gè)訪問(wèn)者都有自己的一個(gè)SESSION，所以像用戶信息等全局性的數(shù)據(jù)非常適合放在SESSION 中，以供整個(gè)訪問(wèn)過(guò)程使用。COOKIE是客戶端（瀏覽器）支持的存儲(chǔ)區(qū)，當(dāng)一個(gè)頁(yè)面訪問(wèn)請(qǐng)求發(fā)出時(shí)，瀏覽器會(huì)查找是否有有效的COOKIE可用，如果找到的話COOKIE中的信息將被一起傳遞到服務(wù)器，這樣PHP 程序就可以獲取和分析COOKIE 里的數(shù)據(jù)。 客戶端出于安全和性能的考慮，不會(huì)給 COOKIE很大的存儲(chǔ)空間， COOKIE 也可以被客戶端的其他程序訪問(wèn)和修改，用戶也可以禁用COOKIE功能，總的來(lái)說(shuō)并不可靠，但是它可以長(zhǎng)期存放在客戶端腳本共享里面的數(shù)據(jù)，適合于存放一些不太重要的個(gè)性化信息。S

16、ESSION 與 COOKIE 不同的是它不需要每次都要從客戶端傳來(lái)，它的數(shù)據(jù)保存在服務(wù)器上，也不會(huì)自傳給客戶端。根據(jù)客戶端發(fā)來(lái)的頁(yè)面請(qǐng)求中的SESSIONID 來(lái)查找是否有對(duì)應(yīng)的SESSION 可用。如果有，則為PHP 提供這個(gè)SESSION ，如果沒(méi)有則創(chuàng)建一個(gè)供PHP 使用。直到這次會(huì)話的結(jié)束， SESSION 才會(huì)被清除。鑒于此本系統(tǒng)采用的是SEEION 技術(shù)。10南京曉莊學(xué)院2.2 用戶模塊功能的實(shí)現(xiàn)2.2.1 用戶注冊(cè)在注冊(cè)用戶時(shí)，需要填寫用戶名，密碼，地址，郵編，電話號(hào)碼，以及郵箱等（每個(gè)信息都不能為空，否則將彈出對(duì)話框進(jìn)行提示）。填寫完提交后寫入數(shù)據(jù)庫(kù)并判斷是否注冊(cè)成功。主要代

17、碼如下：if(empty($username)/ 判斷用戶名是否為空。die("<script>alert(' 用戶名不能為空');location.href='register.php'</script>");/彈出對(duì)話提示并回到注冊(cè)$sql="INSERTINTOcustomersVALUES('','$username','$userpassword','$add1','$add2','$add3','

18、;$postcode',' phone','$email');"/SQL語(yǔ)句，把注冊(cè)信息加入到customers 表中，但還并未執(zhí)行if(mysql_query($sql)/只有通過(guò)mysql_query() 才能在數(shù)據(jù)庫(kù)上執(zhí)行操作，使用 if 來(lái)判斷是否已經(jīng)執(zhí)行來(lái)決定注冊(cè)成功與否。圖 2-3 用戶注冊(cè)2.2.2 用戶登錄在系統(tǒng)用戶登錄的時(shí)候，用戶需要輸入用戶名和密碼及驗(yàn)證碼進(jìn)行數(shù)據(jù)庫(kù)登錄驗(yàn)證。界面如圖2-4 所示，用戶必須輸入用戶名和密碼以及驗(yàn)證碼。否則將彈出對(duì)話框進(jìn)行提示。原代碼如下所示：$loginsql = "select *

19、fromcustomers where username= '" . $_POST'userBox' . "' AND password = '" .$_POST'passBox' . "'"$loginres = mysql_query($loginsql);$numrows = mysql_num_rows($loginres);11南京曉莊學(xué)院if(empty($numrows)die("<script>alert(' 用戶名或密碼不正確'

20、;);location.href='login.php'</script>");2.2.3 購(gòu)物車功能圖 2-4 用戶登錄在系統(tǒng)中，購(gòu)物車是整個(gè)網(wǎng)上購(gòu)物系統(tǒng)中最核心的部分。主要功能是用戶選擇商品添加到購(gòu)物車，并能在下次登錄時(shí)顯示購(gòu)物車中的待結(jié)算的商品（界面如圖2-5 和圖 2-6 所示）。核心代碼具體如下：$sql = "INSERT INTO orders(customer_id, registered, date,status) VALUES(".$_SESSION'SESS_USERID'. ", 1,

21、NOW(),'pay')"mysql_query($sql);/ 把用戶號(hào)等信息寫入數(shù)據(jù)庫(kù)中session_register("SESS_ORDERNUM");/生成會(huì)話變量$_SESSION'SESS_ORDERNUM'= mysql_insert_id(); 把訂單 ID 附給會(huì)話變量$itemsql = "INSERT INTO orderitems(order_id, product_id, quantity) VALUES(".$_SESSION'SESS_ORDERNUM'. &quo

22、t;, " . $validid . ", ".$_POST'amountBox'. ")" mysql_query($itemsql); require("showcart.php");圖 2-5 添加商品到購(gòu)物車$quantitytotal = $itemsrow'price'* $itemsrow'quantity'/產(chǎn)品的總價(jià)格12南京曉莊學(xué)院echo "<tr>"echo "<td><imgsrc='

23、./image/" . $itemsrow'image'. "' width='50' alt='" . $itemrows'image'. "'></td>" echo "<td>" . $itemsrow'name' . "</td>"/ 獲取商品名稱echo "<td>" . $itemsrow'quantity'. &qu

24、ot;</td>"echo "<td><strong>&pound;". sprintf('%.2f',$itemsrow'price'). "</strong></td>" echo "<td><strong>&pound;". sprintf('%.2f',$quantitytotal). "</strong></td>"echo

25、"<td><a href='" . $config_basedir ."delete.php?id=" . $itemsrow'itemid'. "'>X</a></td>" echo "</tr>"$total = $total + $quantitytotal;$totalsql = "update orders set total = " . $total . " where id = &

26、quot; . $_SESSION'SESS_ORDERNUM'$totalres = mysql_query($totalsql);/ 更新總價(jià)格2.2.4 結(jié)算功能圖 2-6 購(gòu)物車顯示用戶選擇好商品后，加入購(gòu)物車后，就可以進(jìn)行結(jié)算了。結(jié)算分兩種，一種是網(wǎng)上銀行，另一種是貨到付款。如下圖2-7 所示：13南京曉莊學(xué)院2.2.5 用戶注銷圖 2-7 結(jié) 算用戶完成商品選購(gòu)及結(jié)算后，就可以注銷用戶以便不被其他人使用，等下使用時(shí)再進(jìn)行登錄。只要通過(guò)如下代碼，注銷會(huì)話變量。session_unregister("SESS_LOGGEDIN"); session_unr