網(wǎng)上手機(jī)商店的設(shè)計(jì)與實(shí)現(xiàn)

1、目 錄引言21 開發(fā)工具及技術(shù)簡(jiǎn)介21.1 HTML語言21.2 CSS語言21.3 JavaScript語言21.4 PHP的簡(jiǎn)介31.5 MySQL的簡(jiǎn)介32 需求分析42.1 用戶需求分析42.2 系統(tǒng)功能需求分析42.2.1 系統(tǒng)前臺(tái)功能分析42.2.2 系統(tǒng)后臺(tái)功能分析43 網(wǎng)站設(shè)計(jì)53.1 設(shè)計(jì)目標(biāo)53.2 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)53.2.1網(wǎng)站前臺(tái)功能模塊53.2.2網(wǎng)站后臺(tái)功能模塊63.3 數(shù)據(jù)庫設(shè)計(jì)74 詳細(xì)設(shè)計(jì)94.1手機(jī)商店網(wǎng)站主頁94.2用戶注冊(cè)模塊94.3用戶登錄模塊104.4手機(jī)分類瀏覽模塊114.5手機(jī)搜索模塊114.6購物車模塊124.7用戶中心模塊134.8訂單查詢

2、模塊144.9管理登錄模塊144.10訂單管理模塊154.11商品管理模塊164.12會(huì)員管理模塊184.13管理員個(gè)人設(shè)置模塊19結(jié)論19致 謝19參考文獻(xiàn)20網(wǎng)上手機(jī)商店的設(shè)計(jì)與實(shí)現(xiàn)摘要：隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，互聯(lián)網(wǎng)已成為我們收集提供信息的最佳渠道。而網(wǎng)站，它作為計(jì)算機(jī)發(fā)展的產(chǎn)物，具有信息量大、信息豐富、更新及時(shí)、便于交流的特點(diǎn)。本文采用表格兼DIV進(jìn)行頁面布局，CSS樣式表進(jìn)行網(wǎng)頁控制，數(shù)據(jù)庫MySQL，PHP語言，以及動(dòng)態(tài)頁面技術(shù)JavaScript設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的網(wǎng)上手機(jī)商店。通過本網(wǎng)上商店，可以讓大家足不出戶，就可以購買到自己心儀的手機(jī)。關(guān)鍵詞：網(wǎng)上手機(jī)商店；php；

3、JavaScript；MySQLDesign and Implementation of Mobile Phone Shop OnlineAbstract: With the continuous development of computer network technology, Internet has become the best way to collect and provide information .As we know, website, as the conduction of computers development , it with characteristic

4、s of owning abundant information, easy to communicate, and the information is always up to date. The pages are arranged by table and DIV,while webpages are under controlled of the CSS style sheet.Moreover, dynamic pages is designed by JavaScript technology, backend databases select the MySQL databas

5、e . Through the website, we can buy the phone which we like keep indoors. Key words：Phone Shop Online；Php；JavaScript；MySQL引言計(jì)算機(jī)科學(xué)技術(shù)的突飛猛進(jìn)把我們帶進(jìn)了一個(gè)信息化和數(shù)字化的社會(huì)，計(jì)算機(jī)的應(yīng)用已經(jīng)普及到了經(jīng)濟(jì)和社會(huì)生活的各個(gè)領(lǐng)域，網(wǎng)絡(luò)時(shí)代的出現(xiàn)使人們的生活發(fā)生了翻天覆地的變化，讓人們足不出戶就可以與世界同步，以最快的速度獲得到新的消息，讓人置身于一個(gè)全新的世界，尤其是網(wǎng)購已經(jīng)成為智能生活重要的一部分1。所謂的網(wǎng)購，顧名思義，就是在網(wǎng)上購物，即逛街、挑選、議價(jià)、購買、

6、付款、包括售后服務(wù)等都是通過網(wǎng)上實(shí)現(xiàn)，最終達(dá)成買賣交易?？旖荼憷木W(wǎng)上購物讓人足不出戶，就能享受到逛街的樂趣，這就是E時(shí)代的產(chǎn)物購物2。雖說網(wǎng)上的商品應(yīng)有盡有，但是最受大眾青睞的都是一些服飾、化妝品、書影唱片等，對(duì)于手機(jī)、相機(jī)、電視、冰箱等這些價(jià)錢比較昂貴的數(shù)碼產(chǎn)品或家用電器，人們都還不敢下手，一方面是因?yàn)閾?dān)憂互聯(lián)網(wǎng)環(huán)境存在的安全性問題，另一方面是互聯(lián)網(wǎng)上商品的圖片給不了人們商品質(zhì)量上的保證。隨著互聯(lián)網(wǎng)技術(shù)的進(jìn)步、環(huán)境的改善，我深信這些問題都能得以解決。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，人們生活水平的不斷提高，使用電腦的人數(shù)也在不斷的增加，網(wǎng)上購物在眾多的銷售渠道中脫穎而出，它在人們生活中的地位和

7、重量一定會(huì)逐漸增加，因?yàn)榧夹g(shù)革命所引發(fā)的產(chǎn)業(yè)結(jié)構(gòu)變革、市場(chǎng)競(jìng)爭(zhēng)規(guī)則變化，網(wǎng)絡(luò)銷售的出現(xiàn)是流通領(lǐng)域中的一場(chǎng)革命3。而在這個(gè)人手一部手機(jī)的時(shí)代，網(wǎng)上手機(jī)銷售必定會(huì)成為一種潮流趨勢(shì)。1 開發(fā)工具及技術(shù)簡(jiǎn)介在本次設(shè)計(jì)中運(yùn)用了html語言、css語言、javascript語言進(jìn)行網(wǎng)站前端頁面的設(shè)計(jì)，通過php語言搭建了網(wǎng)站的管理后臺(tái)，與MySQL數(shù)據(jù)庫進(jìn)行交互，實(shí)現(xiàn)數(shù)據(jù)的插入、提取、刪除以及管理。在此過程中使用了DreamwaverCS5平臺(tái)進(jìn)行html語言、css語言、javascript語言的編寫，以及對(duì)頁面的布局、美工。在搭建后臺(tái)的過程中，使用了EclipsePHPStudiov1.2.2平臺(tái)，實(shí)

8、現(xiàn)了與數(shù)據(jù)庫之間的交互，實(shí)現(xiàn)了從靜態(tài)頁面到動(dòng)態(tài)網(wǎng)站的跨越。在數(shù)據(jù)庫的使用中，本次設(shè)計(jì)使用的是MySQL數(shù)據(jù)庫對(duì)數(shù)據(jù)進(jìn)行管理。網(wǎng)站服務(wù)器使用了Apach服務(wù)器，它是當(dāng)下最流行的Web服務(wù)器端軟件之一。下面將對(duì)設(shè)計(jì)中涉及的開發(fā)工具以及語言進(jìn)行介紹。1.1 HTML語言網(wǎng)頁文檔也稱為HTML源文件，它是用超文本標(biāo)記語言（HyperText Markup Language，HTML）編寫而成的。HTML語言是一種順序符號(hào)標(biāo)記語言。20世紀(jì)80年代初，HTML由萬維網(wǎng)聯(lián)盟（World Wide Web Consortium，W3C）制定。由于制作網(wǎng)頁與編寫文檔很相似，所以HTML包括一些定義頁面內(nèi)容和格

9、式的符號(hào)，稱為標(biāo)記。HTML是使用SGML定義的網(wǎng)頁設(shè)計(jì)語言，或者可以說HTLM是SGML的一個(gè)應(yīng)用程式，但HTML不是程式語言，它只是標(biāo)示語言，它能夠?qū)⑽谋?、圖片、聲音和動(dòng)畫結(jié)合在一個(gè)網(wǎng)頁文檔中。后來，這些文檔可以使用Web瀏覽器顯示，還可以使用超鏈接以訪問其他的資源4。1.2 CSS語言CSS（Cascading Stype Sheet）,中文譯為層疊樣式表，它是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。CSS是1996年由W3C審核通過，并且推薦使用的。簡(jiǎn)單地說，CSS的引入就是為了使得HTML語言能夠更好地適應(yīng)頁面的美工設(shè)計(jì)。它以HTML語言為基礎(chǔ)，提供了豐富的格

10、式化功能，如字體、顏色、背景和整體排版等，并且網(wǎng)頁設(shè)計(jì)者可以針對(duì)各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格，包括顯示器、打印機(jī)、打字機(jī)、投影儀和PDA等。CSS的引入隨即引發(fā)了網(wǎng)頁設(shè)計(jì)一個(gè)又一個(gè)的新高潮，使用CSS設(shè)計(jì)的優(yōu)秀頁面層出不窮5。1.3 JavaScript語言JavaScript是由Netscape公司開發(fā)并隨Navigator（導(dǎo)航者）瀏覽器一起發(fā)布的，它介于Java與HTML之間，是基于對(duì)象事件驅(qū)動(dòng)的編程語言6。由于其開發(fā)環(huán)境簡(jiǎn)單，不需要Java編譯器，而是直接在Web瀏覽器中運(yùn)行，因此備受Web設(shè)計(jì)者的喜愛。雖然HTML可以實(shí)現(xiàn)文字、表格、聲音、圖像、動(dòng)畫等多媒體信息的檢索，但是這種

11、技術(shù)存在一定的缺陷，即它只能提供一種靜態(tài)的信息資源，缺少客戶端與服務(wù)端的動(dòng)態(tài)交互7。雖然可以通過CGI實(shí)現(xiàn)一定的交互，但采用這個(gè)方法的編程比較復(fù)雜，而JavaScript的出現(xiàn)，使得信息和用戶之間不再只是顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的、動(dòng)態(tài)的、可互交的表達(dá)能力，用可提供動(dòng)態(tài)實(shí)時(shí)信息并對(duì)客戶操作進(jìn)行反應(yīng)的Web頁面取代了靜態(tài)的HTML頁面8。JavaScript是眾多腳本語言中非常優(yōu)秀的一種，它與WWW的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算機(jī)和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖，這必將在飛速發(fā)展的信息時(shí)代占據(jù)重要的一席之地9。1.4 PHP的簡(jiǎn)介PHP，一個(gè)嵌套的縮寫名，它最初只是Personal Home page

12、 (個(gè)人主頁)的縮寫，但是后來經(jīng)過修改，采用了GNU命名慣例（GNU=Gnus Not UNIX）,如今它是超文本預(yù)處理編程（Hypertext Preprocessor）的縮寫10。PHP是一種服務(wù)器端腳本語言，它是專門為Web而設(shè)計(jì)的。在一個(gè)HTML頁面中，你可以嵌入PHP代碼，這些代碼在每次頁面被訪問時(shí)執(zhí)行。PHP代碼將在Web服務(wù)器中被解釋并且生成HTML或者訪問者看到的其他輸出11。PHP于1994年出現(xiàn)，最初只是Rasmus Lerdorf一個(gè)人的工作成果。其他的天才改進(jìn)了這種語言，它經(jīng)歷了四次非常重要的重新編寫，才變成了我們今天所看到的廣為使用的、成熟的PHP12，Lerdorf

13、在1995年發(fā)布了PHP1.0，開始對(duì)外發(fā)表了第一版本。在第一版本中，只提供了用戶留言板，用戶計(jì)數(shù)等簡(jiǎn)單的功能，后來越多越多的網(wǎng)站使用了PHP，對(duì)PHP的功能也有了進(jìn)一步的要求，在新成員加入開發(fā)團(tuán)隊(duì)之后，有了PHP2.0的產(chǎn)生。第二版本的PHP加入了對(duì)數(shù)據(jù)庫MySQL的支持，從此就建立起了PHP在網(wǎng)站開發(fā)上的地位。1997年，開發(fā)小組開始了第三版的開發(fā)計(jì)劃，第三版PHP加入了Zeev Suraski 及 Andi Gutmans，被定名為PHP3，2000年，發(fā)布了第四版PHP4.0， PHP4.0具有開源免費(fèi)、語法簡(jiǎn)單、跨平臺(tái)、功能強(qiáng)大等優(yōu)點(diǎn)。而目前，PHP的主要版本是第五版，該版本的Zen

14、d引擎經(jīng)過了完全的重寫，具有許多新的特征13。PHP的主要競(jìng)爭(zhēng)對(duì)手是Perl、Microsoft ASP.NET、Ruby（on Rails或其他）、JavaServer Pages(JSP)和ColdFusion。與這些產(chǎn)品相比，PHP具有高性能、可擴(kuò)展性等優(yōu)點(diǎn)14。1.5 MySQL的簡(jiǎn)介MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16號(hào)被Sun公司收購。而2009年，Sun又被Oracle收購15。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉庫內(nèi)。這樣就增加了速度并且提高了靈活性。MyS

15、QL的SQL為“結(jié)構(gòu)化查詢語句”。SQL是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL軟件采用了GPL（GNU通用公共許可證）16。由于其體積小、速度快、成本低，尤其是具有開發(fā)源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫17MySQL的歷史可以追溯到1979年，當(dāng)時(shí)它只是一個(gè)很底層的面向報(bào)表的存儲(chǔ)引擎，經(jīng)過了十多年的發(fā)展，在1996年，MySQL1.0終于問世了，但它面向的對(duì)象只是一小部分人，相當(dāng)于內(nèi)部發(fā)布，同年10月份，MySQL3.11.1發(fā)布，但是它只提供Solaris下的二進(jìn)制版本。直到MySQL3.22發(fā)布后，MySQL開始得到廣泛的應(yīng)用，它是一個(gè)標(biāo)志

16、性的版本，因?yàn)樗峁┝嘶镜腟QL支持。2003年3月，MySQL4.0發(fā)布，它使新的基于MySQL的應(yīng)用程序得到了更廣泛的應(yīng)用，但在該版本中，MySQL并不支持視圖、存儲(chǔ)過程、觸發(fā)程序、游標(biāo)等18。而MySQL5.0的出現(xiàn)，它彌補(bǔ)了4.0的不足19。MySQL的主要競(jìng)爭(zhēng)產(chǎn)品包括PostgreSQL、Microsoft SQL Server和Oracle。與這些產(chǎn)品相比MySQL具有高性能、低成本等優(yōu)點(diǎn)20。2 需求分析需求分析的任務(wù)就是通過詳細(xì)的調(diào)查現(xiàn)實(shí)世界中要處理的對(duì)象，充分的了解系統(tǒng)的工作概況，根據(jù)用戶的各種需求，在此基礎(chǔ)上確定系統(tǒng)的功能。一個(gè)系統(tǒng)必須要充分的考慮到今后可能的擴(kuò)展和改變。

17、2.1 用戶需求分析本系統(tǒng)的用戶需求主要分為三種，即游客用戶需求，會(huì)員用戶需求，管理員用戶需求。（1）游客用戶需求分析游客可以在本網(wǎng)站瀏覽各類手機(jī)商品，搜索手機(jī)商品，還可以進(jìn)行注冊(cè)成為本網(wǎng)站的會(huì)員，只有注冊(cè)成為會(huì)員，才可以在本網(wǎng)站購買優(yōu)惠的手機(jī)商品。（2）會(huì)員用戶需求分析會(huì)員用戶對(duì)本網(wǎng)站的需求是會(huì)員通過輸入用戶名、密碼和驗(yàn)證碼登錄到本網(wǎng)站后，可以瀏覽各類商品，搜索所需要的商品，下訂單和查詢訂單，購物車管理，修改會(huì)員的個(gè)人資料。（3）管理員用戶需求分析管理員對(duì)本網(wǎng)站的主要職責(zé)是對(duì)整個(gè)網(wǎng)站的數(shù)據(jù)進(jìn)行管理和維護(hù)，包括對(duì)數(shù)據(jù)的添加、修改和刪除。管理員維護(hù)管理員和會(huì)員的登錄信息及權(quán)限、維護(hù)網(wǎng)站信息、維護(hù)

18、會(huì)員個(gè)人信息，對(duì)手機(jī)商品進(jìn)行添加、修改和刪除，查詢和處理會(huì)員訂單，還可以刪除會(huì)員。2.2 系統(tǒng)功能需求分析首先要對(duì)現(xiàn)有的購物網(wǎng)站進(jìn)行分析，現(xiàn)有的購物網(wǎng)站是信息的重要來源，了解購物網(wǎng)站的一些基本功能，從而明確新網(wǎng)站的設(shè)計(jì)目標(biāo)和模型。從整個(gè)網(wǎng)站系統(tǒng)來看，其功能主要可以分為兩個(gè)方面，即前臺(tái)方面要實(shí)現(xiàn)的功能和后臺(tái)方面要實(shí)現(xiàn)的功能2.2.1 系統(tǒng)前臺(tái)功能分析（1）用戶注冊(cè)和登錄：只有成為注冊(cè)用戶之后，才能在購買商品的時(shí)候享受優(yōu)惠條件， 因此需要提供用戶注冊(cè)功能以及相關(guān)的用戶信息修改、密碼維護(hù)等。（2）商品瀏覽 搜索功能：以列表的方式顯示商品信息，這樣可以在頁面顯示大量的商品信息，同時(shí)可以提供更多的商品瀏

19、覽方式，例如分類瀏覽最新手機(jī)、熱銷手機(jī)、推薦手機(jī)和特價(jià)手機(jī)等。（3）購物車：當(dāng)用戶找到需要的手機(jī)時(shí)，可以將手機(jī)加入購物車，然后繼續(xù)尋找其他的手機(jī)，購物車中存儲(chǔ)當(dāng)前用戶打算購買的所有手機(jī)。（4）下 查詢訂單：當(dāng)用戶找到需要的手機(jī)后決定購買，可以下訂單，管理員會(huì)定期處理用戶下達(dá)的訂單，并根據(jù)用戶訂單的信息向用戶送貨；用戶可以查詢自己提交的訂單， 包括訂單詳情和訂單中每一款手機(jī)的狀態(tài)，例如是否發(fā)貨、是否已處理。（5）會(huì)員個(gè)人信息管理：會(huì)員可以查看自己的資料信息，修改個(gè)人信息，還可以修改登錄密碼。2.2.2 系統(tǒng)后臺(tái)功能分析（1）訂單處理：在用戶下達(dá)訂單之后，管理員需要對(duì)用戶訂單進(jìn)行處理，為用戶準(zhǔn)備訂

20、購的手機(jī)，并組織送貨、收取貨款等。（2）商品管理：管理員可以添加、修改和刪除手機(jī)商品。管理員還需要能夠維護(hù)商品的信息，同時(shí)也需要維護(hù)與其相關(guān)的商品的信息。（3）會(huì)員管理：管理員可以查看會(huì)員資料信息，查看會(huì)員訂單，還可以刪除會(huì)員。（4）管理員個(gè)人設(shè)置：管理員可以查看自己的資料信息，修改資料信息，還可以修改管理員登錄密碼。3 網(wǎng)站設(shè)計(jì)3.1 設(shè)計(jì)目標(biāo)現(xiàn)在流行的購物網(wǎng)站不僅要有簡(jiǎn)單漂亮的頁面，更要有嚴(yán)謹(jǐn)?shù)倪壿嬕?guī)劃，注意到每一個(gè)細(xì)小的環(huán)節(jié)，這樣才能避免在電子交易時(shí)發(fā)生不必要的錯(cuò)誤。本設(shè)計(jì)使用了HTML、CSS、JavaScript等技術(shù)來編輯頁面，并運(yùn)用了PHP語言將數(shù)據(jù)庫和動(dòng)態(tài)網(wǎng)頁相關(guān)聯(lián)。完成了一個(gè)

21、動(dòng)態(tài)網(wǎng)站的制作。本系統(tǒng)要求要有較高的實(shí)用性，在完成的過程中努力讓系統(tǒng)符合實(shí)際操作流程的習(xí)慣，并且盡量的減少用戶的輸入，容易學(xué)習(xí)和使用的簡(jiǎn)單直觀的網(wǎng)頁，能夠滿足各種用戶使用的需求。使用比較先進(jìn)的軟件編程，能夠延長其生命周期，便于管理員的維護(hù)與管理。使用了模塊化設(shè)計(jì)的方法，使系統(tǒng)具有良好的擴(kuò)展性，以適應(yīng)今后發(fā)展的需要，便于以后的分析和維護(hù)。因?yàn)楸鞠到y(tǒng)的每個(gè)子系統(tǒng)都有相對(duì)獨(dú)立的維護(hù)功能，對(duì)變化的項(xiàng)目可自行維護(hù)，使得系統(tǒng)操作起來比較簡(jiǎn)單，維護(hù)比較方便。要具有強(qiáng)大的查詢功能，對(duì)手機(jī)商品查詢，用戶查詢，訂單查詢等都可以形成表格的形式顯示出來。3.2 系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)通過用戶需求分析和網(wǎng)站功能分析，結(jié)合實(shí)際

22、情況本網(wǎng)站功能模塊設(shè)計(jì)主要分為兩部分，即前臺(tái)功能模塊和后臺(tái)功能模塊。3.2.1網(wǎng)站前臺(tái)功能模塊（1）用戶注冊(cè)模塊：在這里游客可以填寫個(gè)人信息注冊(cè)成為本網(wǎng)站的會(huì)員，其中填寫的聯(lián)系方式和地址尤其重要，因?yàn)楣芾韱T需要根據(jù)這些信息以方便對(duì)用戶的付款和郵購進(jìn)行處理。（2）用戶登錄模塊：游客只有先注冊(cè)成為會(huì)員后才能進(jìn)入用戶登錄模塊，用戶成功登錄后才可以進(jìn)行購物流程。（3）手機(jī)分類瀏覽模塊：手機(jī)瀏覽模塊分為四類，分別是最新手機(jī)，特價(jià)手機(jī)，熱銷手機(jī)和推薦手機(jī)，成功登錄的用戶可以選擇所需要的類型進(jìn)行手機(jī)商品瀏覽。（4）手機(jī)商品搜索模塊;用戶可以在搜索框中輸入手機(jī)牌子或手機(jī)牌子和型號(hào)獲得相關(guān)的手機(jī)商品信息。（5）

23、用戶中心模塊：用戶只有成功登錄后才可以進(jìn)入用戶中心模塊，在該模塊中，用戶可以查看個(gè)人信息資料，更改個(gè)人信息資料，還可以修改登錄密碼。（6）訂單查詢模塊：用戶只有成功登錄后才可以進(jìn)入訂單查詢模塊，在該模塊中，你可以通過輸入下訂單人姓名或者是訂單號(hào)查詢訂單。（7）購物車模塊：用戶只有成功登錄后才可以進(jìn)入購物車模塊，購物車模塊存放用戶想要訂購的手機(jī)商品，在購物車模塊中，用戶可以更改訂購手機(jī)的數(shù)量，選擇確定要購買的手機(jī)，然后去收銀臺(tái)填寫相關(guān)信息進(jìn)行結(jié)算，這樣就形成一個(gè)訂單。用戶還可以對(duì)購物車?yán)锏纳唐愤M(jìn)行清空處理。網(wǎng)站前臺(tái)功能模塊圖如圖3-1所示。網(wǎng)站前臺(tái)用戶注冊(cè)用戶登錄手機(jī)瀏覽手機(jī)搜索我的購物車用戶中

24、心訂單查詢最新手機(jī)熱銷手機(jī)推薦手機(jī)特價(jià)手機(jī)更改數(shù)量收銀臺(tái)清空購物車查看會(huì)員資料修改個(gè)人資料按下單人姓名按訂單號(hào)圖3-1 前臺(tái)功能模塊圖3.2.2網(wǎng)站后臺(tái)功能模塊（1）訂單管理模塊：訂單管理模塊主要包括編輯訂單和查看訂單，在該編輯訂單中，管理員可以查看全部訂單，并且處理訂單。在查看訂單中，管理員可以通過輸入下訂單姓名或這是訂單號(hào)查看訂單。（2）商品管理模塊：商品管理模塊主要是包括添加手機(jī)，修改手機(jī)，手機(jī)類別管理和添加手機(jī)類別四個(gè)模塊。管理員可以在添加手機(jī)模塊中添加手機(jī)商品；在修改商品模塊中查看和修改商品信息；在手機(jī)類別管理模塊中查看手機(jī)類別或刪除手機(jī)類別；在添加手機(jī)類別模塊中添加手機(jī)類別。（3）

25、會(huì)員管理模塊：在該模塊中，管理員可以查看全部會(huì)員的信息資料，還可以刪除會(huì)員。（4）管理員個(gè)人設(shè)置模塊：在該模塊中，管理員可以查看和更改個(gè)人信息資料，還可以更改管理員登錄密碼。網(wǎng)站前臺(tái)功能模塊圖如圖3-2所示。網(wǎng)站后臺(tái)訂單管理商品管理會(huì)員管理管理員個(gè)人設(shè)置編輯訂單查看訂單添加手機(jī)修改手機(jī)手機(jī)類別管理添加手機(jī)類別圖3-2 后臺(tái)功能模塊圖3.3 數(shù)據(jù)庫設(shè)計(jì)本系統(tǒng)采用Mysql 5.0數(shù)據(jù)庫，根據(jù)系統(tǒng)分析，數(shù)據(jù)庫中包含5張如下表：手機(jī)分類表設(shè)計(jì)（tb_type）、手機(jī)基本信息表設(shè)計(jì)（tb_shangpin）、手機(jī)訂單表設(shè)計(jì)（dingdan）、會(huì)員基本信息表設(shè)計(jì)（tb_user）、管理員基本信息表設(shè)計(jì)（

26、tb_admin）。下面對(duì)每一張表進(jìn)行詳細(xì)介紹。（1）手機(jī)類別信息表該表設(shè)計(jì)存放手機(jī)類別的信息，表中字段2個(gè)：手機(jī)類別id（id）、手機(jī)名稱（mingcheng）。其詳細(xì)設(shè)計(jì)如表3-1所示：表3-1 手機(jī)類型信息表字段名數(shù)據(jù)類型是否為空是否主鍵默認(rèn)值 描述idint(4)unsigencdNoYesID(自動(dòng)編號(hào))typenamevarchar(16)YesNull手機(jī)類型名稱（2）手機(jī)商品信息表該表設(shè)計(jì)存放手機(jī)商品的信息，表中字段13個(gè)：手機(jī)商品id（id）、手機(jī)名稱（mingcheng）、手機(jī)簡(jiǎn)介（jianjie）、手機(jī)上市時(shí)間（addtime）、手機(jī)圖片路徑（tupian）、手機(jī)數(shù)量（s

27、huliang）、手機(jī)類別（bt_type）、會(huì)員價(jià)（huiyuanjia）、市場(chǎng)價(jià)（shichangjia）、賣出數(shù)量（maichu）、手機(jī)尺寸（size）、手機(jī)像素（px）、核心數(shù)（core）。其詳細(xì)設(shè)計(jì)如表3-2所示：表3-2 手機(jī)商品信息表字段名數(shù)據(jù)類型是否為空是否主鍵默認(rèn)值 描述idint(4)unsigencdNoYesID(自動(dòng)編號(hào))mingchengvarchar(25)YesNull手機(jī)名稱jianjiemediumtextYesNull手機(jī)簡(jiǎn)介addtimevarchar(25)YesNulk手機(jī)上市時(shí)間tupianVarchar(200)YesNull手機(jī)圖片路徑shul

28、iangint(4)YesNull手機(jī)數(shù)量bt_typeInt(8)YesNull手機(jī)類別huiyuanjiaVarchar(25)YesNull會(huì)員價(jià)shichangjiaVarchar(25)YesNull市場(chǎng)價(jià)maichuVarchar(25)YesNull賣出手機(jī)數(shù)量sizeChar(5)YesNull手機(jī)尺寸pxChar(5)YesNull手機(jī)像素coreChar(5)YesNull核心數(shù)（3）手機(jī)訂單信息表該表設(shè)計(jì)存放手機(jī)訂單的信息，表中字段15個(gè)：訂單id（id）、訂單號(hào)（dingdanhao）、收獲人姓名（shouhuoren）、性別（sex）、地址（dizhi）、郵政編碼（y

29、oubian）、聯(lián)系電話（tel）、電子郵件（email）、付款方式（zfff）、送貨方式（shff）、簡(jiǎn)單留言（leaveword）、下單時(shí)間（time）、下單人姓名（xiadanren）、訂單狀態(tài)（zt）、總計(jì)費(fèi)用（total）。其詳細(xì)設(shè)計(jì)如表3-3所示：表3-3 手機(jī)訂單信息表字段名數(shù)據(jù)類型是否為空是否主鍵默認(rèn)值 描述idint(10)unsigencdNoYesID(自動(dòng)編號(hào))dingdanhaovarchar(50)NoNull訂單號(hào)shouhuorenvarchar(30)NoNull收貨人姓名SexInt(2)NoNull性別dizhivarchar(50)NoNull詳細(xì)地址y

30、oubianvarchar(10)NoNull郵政編碼telvarchar(20)NoNull聯(lián)系電話emailvarchar(50)NoNull電子郵件zfffvarchar(50NoNull支付方式shffvarchar(50)NoNull送貨方式leavewordtextYesNull簡(jiǎn)單留言timedatetimeNoNull下單時(shí)間xiandanrenint(10)NoNull下單人姓名ztvarchar(50)NoNull訂單狀態(tài)totalInt(20)NoNull費(fèi)用總數(shù)（4）會(huì)員基本信息表該表設(shè)計(jì)存放會(huì)員的信息，表中字段14個(gè)：會(huì)員id（id）、會(huì)員姓名（name）、登錄密碼（

31、pwd）、會(huì)員狀態(tài)（dongjie）、電子郵箱（email）、身份證號(hào)（sfzh）、聯(lián)系電話（tel）、QQ（qq）、找回密碼問題提示（tishi）、找回密碼問題答案（huida）、郵政編碼（youbian）、詳細(xì)地址（dizhi）、注冊(cè)時(shí)間（retgime）、真是姓名（truename）。其詳細(xì)設(shè)計(jì)如表3-4所示：表3-4 會(huì)員基本信息表字段名數(shù)據(jù)類型是否為空是否主鍵默認(rèn)值 描述idint(10)unsigencdNoYesID(自動(dòng)編號(hào))namevarchar(25)NONull昵稱pwdvarchar(50)NONull登錄密碼dongjieint(4)YesNull是否為凍結(jié)狀態(tài)ema

32、ilvarchar(25)YesNull電子郵箱sfzhvarchar(25)YesNull身份證號(hào)telvarchar(25)NONull聯(lián)系電話qqvarchar(25)YesNullQQtishivarchar(50)YesNull密碼提示問題huidavarchar(50)YesNull提示問題答案youbianvarchar(25)YesNull郵政編碼dizhivarchar(100)NoNull詳細(xì)地址regtimevarchar(25)YesNull注冊(cè)時(shí)間turenamevarchar(25)YesNull真是姓名（5）管理員基本信息表該表設(shè)計(jì)存放管理員的信息，表中字段3個(gè)：

33、管理員id（id）、管理員用戶名（name）、 管理員登錄密碼（pwd）。其詳細(xì)設(shè)計(jì)如表3-3所示：表3-5 管理員登錄信息表字段名數(shù)據(jù)類型是否為空是否主鍵默認(rèn)值 描述idint(4)unsigencdNoYes管理員idnamevarchar(25)NoNull管理員用戶名pwdvarchar(50)NoNull管理員登陸密碼4 詳細(xì)設(shè)計(jì)本章包含各功能模塊如：用戶注冊(cè)，用戶登錄，手機(jī)瀏覽，用戶中心，訂單查詢，我的購物車，管理員后臺(tái)管理等的詳細(xì)介紹，不同身份主頁部分的功能不同。會(huì)員和游客都可以在主頁中瀏覽各類手機(jī)商品，查看商品信息等，還可以輸入手機(jī)商品名稱搜索各種手機(jī)。會(huì)員在成功登錄后可以進(jìn)行

34、訂購手機(jī)流程。管理員用戶可以對(duì)本系統(tǒng)中的所有用戶和信息進(jìn)行管理如刪除、編輯、修改等。下面對(duì)每一部分進(jìn)行詳細(xì)介紹。4.1手機(jī)商店網(wǎng)站主頁手機(jī)商店主頁：使用了JavaScript語言實(shí)現(xiàn)了三張圖片循環(huán)顯示的特效。手機(jī)商店主頁顯示了網(wǎng)站前臺(tái)的全部功能模塊，游客和會(huì)員可以通過主頁進(jìn)入各個(gè)功能模塊。網(wǎng)站主頁如圖4-1所示。圖4-1 網(wǎng)站主頁4.2用戶注冊(cè)模塊手機(jī)商店網(wǎng)站注冊(cè)頁面：通過此頁面，游客輸入頁面中所需求的各種信息就可以完成注冊(cè)，注冊(cè)時(shí)畢業(yè)生需要輸入兩次密碼，兩次密碼必須一致，若不一致，將會(huì)收到提示信息，注冊(cè)成功后，可以直接點(diǎn)擊按鈕返回登錄頁面，注冊(cè)頁面如圖4-2所示。圖4-2 用戶注冊(cè)頁面4.3

35、用戶登錄模塊手機(jī)商店網(wǎng)站登錄窗口：用戶登錄窗口顯示在網(wǎng)站主頁上，用戶只要在登錄窗口中輸入正確的用戶名、登錄密碼和驗(yàn)證碼，點(diǎn)擊提交按鈕便可登錄，成功登錄后頁面大圖片上方顯示用戶的登錄名。如圖4-3所示。圖4-3 用戶登錄頁面4.4手機(jī)分類瀏覽模塊通過網(wǎng)站主頁便可進(jìn)入手機(jī)瀏覽模塊，手機(jī)分類瀏覽模塊包括最新手機(jī)，熱銷手機(jī)，推薦手機(jī)和特價(jià)手機(jī)。如點(diǎn)擊最新瀏覽，其瀏覽頁面如圖4-4所示。圖4-4 手機(jī)分類瀏覽頁面4.5手機(jī)搜索模塊通過網(wǎng)站主頁便可進(jìn)入手機(jī)查詢模塊，在該模塊中，用戶通過提示輸入手機(jī)名稱或手機(jī)名稱和，點(diǎn)擊“搜索”按鈕便可查詢到相關(guān)手機(jī)，如在搜索框中輸入“Apple ”點(diǎn)擊搜索，結(jié)果如圖4-5

36、所示。圖4-5 手機(jī)搜索頁面4.6購物車模塊手機(jī)商店網(wǎng)站購物車頁面：通過此頁面，用戶可以移除購物車中的手機(jī)商品，該更商品數(shù)量，去收銀臺(tái)結(jié)算，清空購物車，購物車頁面如圖4-6所示。圖4-6 購物車頁面點(diǎn)擊“去收銀臺(tái)”，輸入相關(guān)信息進(jìn)行結(jié)算。如圖4-7圖4-7 收銀臺(tái)頁面4.7用戶中心模塊用戶中心頁面：通過用戶中心頁面，用戶可以查看或更改個(gè)人資料信息，用戶中心頁面如圖4-8所示。圖4-8 用戶中心頁面4.8訂單查詢模塊訂單查詢頁面：通過訂單查詢頁面，用戶可以輸入下訂單人姓名查詢訂單，也可以輸入訂單號(hào)查詢訂單，訂單查詢頁面如圖4-9所示。圖4-9 訂單查詢頁面4.9管理登錄模塊管理員登錄頁面：在該頁

37、面中，管理員通過輸入用戶名和密碼便可進(jìn)入后臺(tái)管理。管理員登錄頁面如圖4-10所示。圖4-10 管理員登錄頁面4.10訂單管理模塊訂單管理模塊中，管理員可以編輯和查詢訂單。（1）編輯訂單編輯訂單頁面：通過編輯訂單頁面，管理員可以查看訂單詳情，對(duì)訂單進(jìn)行處理或刪除訂單，編輯訂單頁面如圖4-11所示。圖4-11編輯訂單頁面（2）查詢訂單查詢訂單頁面：在查詢訂單頁面，管理員可以通過輸入下訂單人姓名或訂單號(hào)查詢訂單，查詢訂單如圖4-12所示。圖4-12 訂單查詢頁面4.11商品管理模塊訂單管理模塊中，管理員可以添加手機(jī)，修改手機(jī)，對(duì)手機(jī)類別進(jìn)行管理，添加手機(jī)類別。（1）添加手機(jī)添加手機(jī)頁面：在添加手機(jī)頁

38、面中，管理員通過正確的輸入頁面中所需求的各種信息便可完成添加手機(jī)，添加手機(jī)頁面如圖4-13所示。圖4-13 添加手機(jī)頁面（2）修改手機(jī)修改手機(jī)頁面：在修改手機(jī)頁面中，管理員通過正確的輸入頁面中所需要修改的各種信息便可完成修改手機(jī)，修改手機(jī)頁面如圖4-14所示。圖4-14 修改手機(jī)頁面（3）手機(jī)類別管理手機(jī)類別管理頁面：通過手機(jī)類別管理頁面，管理員可以選擇想要?jiǎng)h除的類別進(jìn)行刪除，手機(jī)類別管理頁面如圖4-15所示。圖4-15 手機(jī)類別管理頁面（4）添加手機(jī)類別添加手機(jī)類別頁面：通過添加手機(jī)類別頁面，管理員可以輸入想要添加的手機(jī)類別名，添加手機(jī)類別頁面如圖4-15所示。圖4-16 添加手機(jī)類別頁面4

39、.12會(huì)員管理模塊會(huì)員管理頁面：通過會(huì)員管理頁面，管理員看以查看會(huì)員基本信息，還可以刪除會(huì)員。會(huì)員管理頁面如圖4-16所示。圖4-17 會(huì)員管理頁面4.13管理員個(gè)人設(shè)置模塊管理員個(gè)人設(shè)置頁面：在管理員個(gè)人設(shè)置頁面中，管理員可以更改登錄賬號(hào)和密碼。管理員個(gè)人設(shè)置頁面如圖4-17所示。圖4-18 管理員個(gè)人設(shè)置頁面結(jié)論通過三個(gè)月的不懈努力、指導(dǎo)老師的諄諄教導(dǎo) ，以及同組同學(xué)的幫助，充分的利用大學(xué)四年所學(xué)到的專業(yè)知識(shí)，和大量的查閱與本設(shè)計(jì)相關(guān)的參考文獻(xiàn)，本人終于完成本次畢業(yè)設(shè)計(jì)，基本上能實(shí)現(xiàn)購物系統(tǒng)的各項(xiàng)功能。通過本次設(shè)計(jì)，我掌握了MySQL數(shù)據(jù)庫的編程方法，掌握了PHP語言和PHP技術(shù)。掌握了網(wǎng)

40、絡(luò)開發(fā)的方法和模式，對(duì)HTML、JavaScript和CSS語言有了深一步的了解和認(rèn)識(shí)。通過這次設(shè)計(jì)我懂得了理論與實(shí)際相結(jié)合是很重要的，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為社會(huì)服務(wù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。在設(shè)計(jì)的過程并不是很順利，這畢竟是第一次獨(dú)立完成一個(gè)網(wǎng)站，難免會(huì)遇到過各種各樣的問題，為了解決這些問題，查看了很多資料，包括看老師的課件，上網(wǎng)百度，看相關(guān)的視頻教程，同時(shí)在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)一些前面學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，比如說怎樣建立數(shù)據(jù)庫，又怎樣將數(shù)據(jù)庫和建立好的網(wǎng)頁鏈接起來值得欣慰的是，我完成了這次的設(shè)計(jì)。這次畢業(yè)設(shè)計(jì)給我很大