基于PHP的網(wǎng)上購物商場的設(shè)計與實現(xiàn)

-36- 第2章系統(tǒng)需求分析2.1系統(tǒng)需求分析隨著科學(xué)的進(jìn)步，電子商務(wù)也發(fā)展的非常迅速，人們追求的是方便快捷的生活方式，通過Internet選購商品，不需要花費(fèi)太多的時間去逛商場，坐在電腦前就可以買到喜歡的商品，很符合人們的心愿。本系統(tǒng)的關(guān)鍵是在具備基本功能的基礎(chǔ)上，保證操作簡單以及界面美觀，并要顧客很快適應(yīng)系統(tǒng)的同時考慮系統(tǒng)的安全性。2.2系統(tǒng)可行性分析在開發(fā)項目之前需要進(jìn)行可行性分析，以減少項目的開發(fā)風(fēng)險。可行性分析主要包括經(jīng)濟(jì)可行性,技術(shù)可行性,操作可行性等。（1）經(jīng)濟(jì)可行性經(jīng)濟(jì)可行性主要是對項目的經(jīng)濟(jì)效益進(jìn)行評價。本網(wǎng)站開發(fā)只需要計算機(jī)、相關(guān)開發(fā)軟件和資料的支持。本系統(tǒng)開發(fā)簡單，使用方便，操作簡單，用戶不需要進(jìn)行專業(yè)培訓(xùn)即可使用本系統(tǒng)。該網(wǎng)站投入使用后將方便商家和用戶的使用并且可以節(jié)約大量人力物力資源，所以本網(wǎng)站的開發(fā)在經(jīng)濟(jì)上是可行的。（2）技術(shù)可行性技術(shù)可行性主要考慮現(xiàn)有的硬軟件平臺能否滿足開發(fā)者的需要，現(xiàn)有的技術(shù)條件能否順利完成開發(fā)工作。本網(wǎng)站采用PHP+MySQL+Apach開發(fā)環(huán)境。PHP是一種流行的安全穩(wěn)定的網(wǎng)頁開發(fā)技術(shù)，MySQL數(shù)據(jù)庫是性能卓越的數(shù)據(jù)庫，非常適合中小型網(wǎng)站的開發(fā)。Apach是功能強(qiáng)大的開源網(wǎng)頁服務(wù)器。PHP，MySQL和Apache搭配可組成良好的開發(fā)環(huán)境。本網(wǎng)站使用Eclipse工具開發(fā)。Eclipse是一個開放源代碼的可擴(kuò)展開發(fā)平臺。就其本身而言，它只是一個框架和一組服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。所以本網(wǎng)站的開發(fā)在經(jīng)濟(jì)上是可行的。（3）操作可行性隨著科學(xué)技術(shù)的日益發(fā)展，互聯(lián)網(wǎng)技術(shù)已經(jīng)在各個領(lǐng)域得到了廣泛地應(yīng)用。傳統(tǒng)的銷售方式存在的問題越來越明顯，而信息化、網(wǎng)絡(luò)化的網(wǎng)上購物商城則凸顯出巨大的優(yōu)勢。該網(wǎng)站功能強(qiáng)大、操作方便，用戶只需熟悉基本的上網(wǎng)操作即可使用該系統(tǒng)。所以該網(wǎng)站的開發(fā)在操作上是可行的。綜上所述，網(wǎng)上購物商城在經(jīng)濟(jì)上，技術(shù)上和操作上都是可行的，且開發(fā)該網(wǎng)站會帶來一定的經(jīng)濟(jì)效益和社會效益。第3章系統(tǒng)概述3.1系統(tǒng)的開發(fā)背景與意義3.1.1系統(tǒng)開發(fā)的背景21世紀(jì)的今天，網(wǎng)絡(luò)在人們生活中已經(jīng)日益盛行，越來越多人已經(jīng)離不開網(wǎng)絡(luò)。人們已經(jīng)不再滿足于了解最新信息，查找資料等一些傳統(tǒng)的網(wǎng)絡(luò)使用方式，而是過渡到娛樂，購物等新興的網(wǎng)民生活。網(wǎng)上購物，成了當(dāng)今廣大群眾的時尚。而商家，也逐漸重視起網(wǎng)絡(luò)的作用，充分利用起網(wǎng)絡(luò)的低成本，高效性來宣傳企業(yè)形象和銷售商品。因此，為了方便廣大群眾，滿足商家的需求，有必要建立一個業(yè)務(wù)發(fā)展框架系統(tǒng)，規(guī)范網(wǎng)上業(yè)務(wù)的開展，提供完善的網(wǎng)絡(luò)資源，安全保障，安全的網(wǎng)上支付和有效的管理機(jī)制，有效地實現(xiàn)資源共享，實現(xiàn)真正的電子商務(wù)。為此我專門構(gòu)建了estore電子商城系統(tǒng)。estore電子商城是基于WEB開發(fā)的一套B2C的電子商務(wù)網(wǎng)站。B2C也就是BusinesstoCustomers[2]。本系統(tǒng)以構(gòu)建網(wǎng)上購物網(wǎng)站為目標(biāo)，可以讓顧客通過瀏覽網(wǎng)站購物，選擇自己滿意的商品并下單購買。不但能讓所有用戶能夠方便快速買到種類繁多，價廉質(zhì)優(yōu)的商品，而且也可以節(jié)省大量的時間和金錢。讓賣方在有效控制成本的同時，大幅提升銷量并且不受地域與時間的限制。利用現(xiàn)代化的電子及網(wǎng)絡(luò)技術(shù)，為企業(yè)和客戶搭建一個互動平臺。降低企業(yè)運(yùn)營成本的同時，方便客戶購物，達(dá)到雙贏的目的。一方面，企業(yè)減少了地面店鋪的租憑費(fèi)用，減少了宣傳貨物的廣告費(fèi)用，減少了雇傭員工的費(fèi)用；另一方面，電子及網(wǎng)絡(luò)技術(shù)使得企業(yè)運(yùn)作更加快捷方便，為企業(yè)贏得寶貴的時間和商機(jī)[3]。對于客戶來說，客戶省去了逛實體商城的時間，同時可以將自己的需求迅速地反饋給企業(yè)，使自己的需求可以更好地得到滿足。3.1.2系統(tǒng)開發(fā)的意義網(wǎng)上購物商城系統(tǒng)的建設(shè)，可以建立起電子商務(wù)服務(wù)的門戶站點(diǎn)，是現(xiàn)實社會到網(wǎng)絡(luò)社會的真正體現(xiàn)，為廣大網(wǎng)上商家以及網(wǎng)絡(luò)客戶提供一個適合中國國情的電子商務(wù)網(wǎng)上生存環(huán)境和商業(yè)運(yùn)作空間[4]。網(wǎng)上購物商城的建設(shè)，不僅僅是初級網(wǎng)上購物的實現(xiàn)，它能夠有效地在Internet上構(gòu)架安全的和易于擴(kuò)展的業(yè)務(wù)框架體現(xiàn)，實現(xiàn)企業(yè)對企業(yè)、企業(yè)對用戶以及用戶到用戶等應(yīng)用環(huán)境，推動電子商務(wù)在中國的發(fā)展。近年來，我國電子商務(wù)發(fā)展非常迅速。在加入WTO后，市場將更加開放，我們的企業(yè)不僅僅是只面對國內(nèi)的用戶了，而是全面面對全世界了，所以企業(yè)為了花最小的代價和成本來擴(kuò)大自己的影響力和市場力，大多選擇導(dǎo)入電子商務(wù)，所以導(dǎo)入電子商務(wù)的企業(yè)比例將持續(xù)增加，中國將成為電子商務(wù)在全球發(fā)展最快，潛力最大的地區(qū)之一[5]。本系統(tǒng)還涉及到如何配置軟件環(huán)境變量，如何建立數(shù)據(jù)庫，如何使用MySQL數(shù)據(jù)庫等操作。通過本設(shè)計，可以鞏固自己所學(xué)專業(yè)知識，同時可以增強(qiáng)自己的檢索資料能力，實際動手能力，分析問題的能力，解決問題的能力。3.2系統(tǒng)的功能概述estore電子商城主要實現(xiàn)網(wǎng)上購物的整個流程，用戶進(jìn)入該商城，可以看到整個商城的首頁面，如果有賬號，可以直接在首頁面進(jìn)行登錄，如果還未注冊賬號，要先注冊成為estore電子商城的合法用戶，注冊信息主要包括昵稱，密碼，頭像，有效證件等信息，注冊成功后，則用戶就可以登錄estore電子商城首頁，在首頁用戶可以隨意瀏覽商品，可以通過商城的商品展示，查找相關(guān)商品，也可以通過分類來進(jìn)行商品購買，當(dāng)點(diǎn)擊商品時就可以瀏覽它的詳細(xì)信息，包括市場價格，本店價格，庫存量等一系列信息，如果遇到想要購買的商品時，登錄用戶就可以通過頁面右下角的阿里旺旺和商家進(jìn)行聯(lián)系，然后通過購物車功能，把想購買的商品先放進(jìn)購物車中然后可以選擇結(jié)賬或者繼續(xù)購買商品；當(dāng)用戶找到全部想要購買的商品后，可以對購買的商品進(jìn)行數(shù)量上的修改，當(dāng)所有都確定后，用戶可以點(diǎn)擊結(jié)賬按鈕，進(jìn)行結(jié)賬服務(wù)；結(jié)賬時，系統(tǒng)會再一次要求用戶填寫資料（聯(lián)系電話、地址等），確保能把購買商品送到顧客那里，并生成訂單，之后用戶還可以在訂單管理中查看到自己的訂單信息。點(diǎn)擊注銷之后，系統(tǒng)會提示退出成功，至此就完成了一次完整的購物流程。3.3系統(tǒng)的設(shè)計原則和要求概述參照各模塊的功能與具體的特點(diǎn)，我們設(shè)計的整個網(wǎng)上購物網(wǎng)站應(yīng)達(dá)到以下目的：①穩(wěn)定性。整個系統(tǒng)應(yīng)能穩(wěn)定運(yùn)行，硬件配置的局部改變不會影響整體的正常運(yùn)行，其它系統(tǒng)的差錯不會導(dǎo)致辦公自動化系統(tǒng)無法正確運(yùn)作。②準(zhǔn)確性。系統(tǒng)管理員按操作指南操作產(chǎn)生的權(quán)限數(shù)據(jù)，和所有前臺用戶的操作與數(shù)據(jù)庫原定產(chǎn)生變化的實際狀態(tài)應(yīng)嚴(yán)格保持一致，杜絕錯誤記錄，數(shù)據(jù)錯位等情況的出現(xiàn)。③安全性。所有數(shù)據(jù)定時備份，在數(shù)據(jù)庫中預(yù)留一個或多個最高權(quán)限帳戶名及密碼，避免用戶誤操作而造成不必要的損失。④可維護(hù)性。界面風(fēng)格或其它可能的參數(shù)化改變（如增加新功能等）不需要重新編寫源代碼，用戶可以自己完成。⑤獨(dú)立性。每一個功能模塊盡量獨(dú)立，減少與其它模塊之間的耦合性，盡可能做到按客戶的需求可以選擇安裝那些模塊，不安裝那些模塊。⑥易使用性。網(wǎng)上購物網(wǎng)站的界面與操作人員的交互性好，與主機(jī)間使用Browser/Server(瀏覽器/服務(wù)器)結(jié)構(gòu)。第4章系統(tǒng)的開發(fā)環(huán)境及相關(guān)技術(shù)4.1系統(tǒng)的開發(fā)工具及環(huán)境操作系統(tǒng)：Windows7；開發(fā)工具：Eclipse；編程語言：PHP；數(shù)據(jù)庫系統(tǒng)：MySQL；4.2系統(tǒng)的相關(guān)技術(shù)簡介4.2.1PHP技術(shù)介紹PHP（PHP:HypertextPreprocessor的縮寫，中文名：“超文本預(yù)處理器”）是一種通用開源腳本語言。語法吸收了C語言，Java和Perl的特點(diǎn)，入門門檻較低，易于學(xué)習(xí)，使用廣泛，主要適用于Web開發(fā)領(lǐng)域[6]。PHP的文件后綴名為.php。PHP也是一種HTML內(nèi)嵌式的語言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言，語言的風(fēng)格有類似于C語言，被廣泛地運(yùn)用。PHP可以比CGI或者Perl更快速地執(zhí)行動態(tài)網(wǎng)頁。用PHP做出的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多[7]。PHP的特性包括：①PHP獨(dú)特的語法混合了C，Java，Perl以及PHP自創(chuàng)新的語法。②PHP可以比CGI或者Perl更快速的執(zhí)行動態(tài)網(wǎng)頁——動態(tài)頁面方面，與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP具有非常強(qiáng)大的功能，所有的CGI的功能PHP都能實現(xiàn)。③PHP支持幾乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。④最重要的是PHP可以用C，C++進(jìn)行程序的擴(kuò)展！[8]PHP還可以執(zhí)行編譯后代碼，編譯可以達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快。PHP其優(yōu)勢為：①開放的源代碼：所有的PHP源代碼事實上都可以得到。②PHP是免費(fèi)的：和其它技術(shù)相比，PHP本身免費(fèi)且是開源代碼。③PHP的快捷性：程序開發(fā)快，運(yùn)行快，技術(shù)本身學(xué)習(xí)快。嵌入于HTML：因為PHP可以被嵌入于HTML語言，它相對于其他語言。編輯簡單，實用性強(qiáng)，更適合初學(xué)者。④跨平臺性強(qiáng)：由于PHP是運(yùn)行在服務(wù)器端的腳本，可以運(yùn)行在UNIX，LINUX，WINDOWS，MacOS下。⑤效率高：PHP消耗相當(dāng)少的系統(tǒng)資源。⑥圖像處理：用PHP動態(tài)創(chuàng)建圖像。⑦面向?qū)ο螅涸赑HP4、PHP5中，面向?qū)ο蠓矫娑加辛撕艽蟮母倪M(jìn)，PHP完全可以用來開發(fā)大型商業(yè)程序。⑧專業(yè)專注：PHP支持腳本語言為主，同為類C語言。[9]4.2.2MySQL數(shù)據(jù)庫介紹MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典MySQLAB公司開發(fā)，目前屬于Oracle公司。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性[10]。MySQL的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL軟件采用了雙授權(quán)政策，它分為社區(qū)版和商業(yè)版，由于其體積小，速度快，總體擁有成本低，尤其是開放源碼這一特點(diǎn)，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開發(fā)環(huán)境。和其他的大型數(shù)據(jù)庫例如Oracle，DB2，SQLServer等相比，MySQL自有它的不足之處，如規(guī)模小、功能有限（MySQLCluster的功能和效率都相對比較差）等，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本。LAMP目前Internet上流行的網(wǎng)站構(gòu)架方式是LAMP和LNMP，即使用Linux作為操作系統(tǒng)，Apache和Nginx作為Web服務(wù)器，MySQL作為數(shù)據(jù)庫，PHP/Perl/Python作為服務(wù)器端腳本解釋器[11]。由于這四個軟件都是免費(fèi)或開放源碼軟件（FLOSS)，因此使用這種方式不用花一分錢，就可以建立起一個穩(wěn)定、免費(fèi)的網(wǎng)站系統(tǒng)。該系統(tǒng)特性為：①使用C和C++編寫，并使用了多種編譯器進(jìn)行測試，保證源代碼的可移植性。②支持AIX，F(xiàn)reeBSD，HP-UX，Linux，MacOS，NovellNetware，OpenBSD，OS/2Wrap，Solaris，Windows等多種操作系統(tǒng)。③為多種編程語言提供了API。這些編程語言包括C，C++，Python，Java，Perl，PHP，Eiffel，Ruby和Tcl等。④支持多線程，充分利用CPU資源。⑤優(yōu)化的SQL查詢算法，有效地提高查詢速度。⑥既能夠作為一個單獨(dú)的應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個庫而嵌入到其他的軟件中。⑦提供多語言支持，常見的編碼如中文的GB2312，BIG5，日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。⑧提供TCP/IP，ODBC和JDBC等多種數(shù)據(jù)庫連接途徑。⑨提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫操作的管理工具。⑩支持大型的數(shù)據(jù)庫?？梢蕴幚頁碛猩锨f條記錄的大型數(shù)據(jù)庫。4.2.3Smarty模板介紹Smarty是一個使用PHP寫出來的模板引擎，是目前業(yè)界最著名的PHP模板引擎之一。它分離了邏輯代碼和外在的內(nèi)容，提供了一種易于管理和使用的方法，用來將原本與HTML代碼混雜在一起PHP代碼邏輯分離[12]。簡單的講，目的就是要使PHP程序員同前端人員分離，使程序員改變程序的邏輯內(nèi)容不會影響到前端人員的頁面設(shè)計，前端人員重新修改頁面不會影響到程序的程序邏輯，這在多人合作的項目中顯的尤為重要。早在1999年后期，就已經(jīng)開始為模板引擎寫說明文檔。在完成這個文檔之后，開始嘗試用C寫一個模板引擎，并有希望被包含到PHP里去。在撞上了許多的技術(shù)難題的同時，“什么是模板應(yīng)該做的，什么不該做”這個問題，也被熱烈的討論著。從這些經(jīng)驗決定應(yīng)該用PHP將模板引擎寫成一個類，讓任何覺得合適的人使用它。所以就有了Smarty。（注：這個類以前從來沒有公開發(fā)表過）。這個類幾乎達(dá)到了我們所有的要求：常規(guī)變量替換，支持包括其他模板，使用配置文件集成設(shè)置，嵌入PHP代碼，限制‘if’語句的作用，還有更多的可以多層嵌套的健壯的動態(tài)區(qū)塊[13]。它用常規(guī)表達(dá)式做到這一切，于是代碼變得相當(dāng)令人費(fèi)解。在每次調(diào)用的時候，都要去解析那些語法和常規(guī)表達(dá)式，于是在大型應(yīng)用的時候，它顯然慢了下來。在程序員的眼光看來，最大的問題還是使用PHP腳本建立和處理模板和動態(tài)區(qū)塊的所有必要工作。我們應(yīng)該如何使他變得更簡單？我們可以想象Smarty應(yīng)該有怎樣的最后表現(xiàn)。我們知道PHP代碼如果沒有了模板解析的開銷將有多快，我們也知道從一般的美工看來PHP語言是多么的“恐怖”，然而這一切可以被一種更簡單的模板語法掩飾掉。我們應(yīng)該怎樣把這兩種方法的長處結(jié)合起來？于是，Smarty誕生了……Smarty的主要有點(diǎn)是：①速度：采用Smarty編寫的程序可以獲得最大速度的提高，這一點(diǎn)是相對于其它的模板引擎技術(shù)而言的。②編譯型：采用Smarty編寫的程序在運(yùn)行時要編譯成一個非模板技術(shù)的PHP文件，這個文件采用了PHP與HTML混合的方式，在下一次訪問模板時將WEB請求直接轉(zhuǎn)換到這個文件中，而不再進(jìn)行模板重新編譯（在源程序沒有改動的情況下）③緩存技術(shù)：Smarty選用的一種緩存技術(shù)，它可以將用戶最終看到的HTML文件緩存成一個靜態(tài)的HTML頁，當(dāng)設(shè)定Smarty的cache屬性為true時，在Smarty設(shè)定的cachetime期內(nèi)將用戶的WEB請求直接轉(zhuǎn)換到這個靜態(tài)的HTML文件中來，這相當(dāng)于調(diào)用一個靜態(tài)的HTML文件。④插件技術(shù)：Smarty可以自定義插件。插件實際就是一些自定義的函數(shù)。⑤模板中可以使用if/elseif/else/endif。在模板文件使用判斷語句可以非常方便的對模板進(jìn)行格式重排。不適合使用Smarty的地方：①需要實時更新的內(nèi)容。例如像股票顯示，它需要經(jīng)常對數(shù)據(jù)進(jìn)行更新，這類型的程序使用smarty會使模板處理速度變慢。②小項目。小項目因為項目簡單而美工與程序員兼于一人的項目，使用Smarty會在一定程度上喪失PHP開發(fā)迅速的優(yōu)點(diǎn)。4.2.4HTML+CSS介紹HTML（HyperTextMark-upLanguage），即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。設(shè)計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個圖標(biāo)，Internet就會馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容[14]。另外，HTML是網(wǎng)絡(luò)的通用語言，一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。HTML標(biāo)簽通常是英文詞匯的全稱（如塊引用：blockquote）或縮略語（如“p”代表Paragraph），但它們的與一般文本有區(qū)別，因為它們放在單書名號里。故Paragragh標(biāo)簽是<p>，塊引用標(biāo)簽是<blockquote>。有些標(biāo)簽說明頁面如何被格式化（例如，開始一個新段落），其他則說明這些詞如何顯示（<b>使文字變粗）還有一些其他標(biāo)簽提供在頁面上不顯示的信息－－例如標(biāo)題。關(guān)于標(biāo)簽，需要記住的是，它們是成雙出現(xiàn)的。每當(dāng)使用一個標(biāo)簽－－如<blockquote>，則必須以另一個標(biāo)簽</blockquote>將它關(guān)閉。注意“blockquote”前的斜杠，那就是關(guān)閉標(biāo)簽與打開標(biāo)簽的區(qū)別。但是也有一些標(biāo)簽例外。比如，<input>標(biāo)簽就不需要。基本HTML頁面以DOCTYPE開始，它聲明文檔的類型，且它之前不能有任何內(nèi)容（包括換行符和空格），否則將使文檔聲明無效，接著是<html>標(biāo)簽，以</html>結(jié)束。在它們之間，整個頁面有兩部分－－標(biāo)題和正文。標(biāo)題詞－－夾在<head>和</head>標(biāo)簽之間－－這個詞語在打開頁面時出現(xiàn)在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間－－即所有頁面的內(nèi)容所在。頁面上顯示的任何東西都包含在這兩個標(biāo)簽之中[15]。CascadingStyleSheets（層疊樣式表），從九十年代初HTML被發(fā)明開始樣式表就以各種形式出現(xiàn)了，不同的瀏覽器結(jié)合了它們各自的樣式語言，讀者可以使用這些樣式語言來調(diào)節(jié)網(wǎng)頁的顯示方式。一開始樣式表是給讀者用的，最初的HTML版本只含有很少的顯示屬性，讀者來決定網(wǎng)頁應(yīng)該怎樣被顯示。但隨著HTML的成長，為了滿足設(shè)計師的要求，HTML獲得了很多顯示功能。隨著這些功能的增加外來定義樣式的語言越來越?jīng)]有意義了。1994年哈坤?利提出了CSS的最初建議。伯特?波斯（BertBos）當(dāng)時正在設(shè)計一個叫做Argo的瀏覽器，他們決定一起合作設(shè)計CSS。當(dāng)時已經(jīng)有過一些樣式表語言的建議了，但CSS是第一個含有“層疊”的主意的。在CSS中，一個文件的樣式可以從其它的樣式表中繼承下來。讀者在有些地方可以使用他自己更喜歡的樣式，在其他地方則繼承，或“層疊”作者的樣式。這種層疊的方式使作者和讀者都可以靈活地加入自己的設(shè)計，混合各人的愛好。哈坤于1994年在芝加哥的一次會議上第一次展示了CSS的建議，1995年他與波斯一起再次展示這個建議。當(dāng)時W3C剛剛建立，W3C對CSS的發(fā)展很感興趣，它為此組織了一次討論會。哈坤、波斯和其他一些人（比如微軟的托馬斯?雷爾登）是這個項目的主要技術(shù)負(fù)責(zé)人。1996年底，CSS已經(jīng)完成。1996年12月CSS要求的第一版本被出版。1997年初，W3C內(nèi)組織了專門管CSS的工作組，其負(fù)責(zé)人是克里斯?里雷。這個工作組開始討論第一版中沒有涉及到的問題，其結(jié)果是1998年5月出版的第二版要求。到2004年為止，第三版還未出版。1996年W3C正式推出了CSS1。1998年W3C正式推出了CSS2。CSS2.1是W3C現(xiàn)在正在推薦使用的。CSS3現(xiàn)在還處于開發(fā)中。4.2.5Javascript介紹JS是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務(wù)器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當(dāng)時服務(wù)端需要對數(shù)據(jù)進(jìn)行驗證，由于網(wǎng)絡(luò)速度相當(dāng)緩慢，只有28.8kbps，驗證步驟浪費(fèi)的時間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗證的基本功能。JavaScript的正式名稱是"ECMAScript"。這個標(biāo)準(zhǔn)由ECMA組織發(fā)展和維護(hù)。ECMA-262是正式的JavaScript標(biāo)準(zhǔn)。這個標(biāo)準(zhǔn)基于JavaScript（Netscape）和Jscript（Microsoft）。Netscape（Navigator2.0）的BrendanEich發(fā)明了這門語言，從1996年開始，已經(jīng)出現(xiàn)在所有的Netscape和Microsoft瀏覽器中。ECMA-262的開發(fā)始于1996年，在1997年7月，ECMA會員大會采納了它的首個版本。在1998年，該標(biāo)準(zhǔn)成為了國際ISO標(biāo)準(zhǔn)（ISO/IEC16262）。這個標(biāo)準(zhǔn)仍然處于發(fā)展之中。在2005年12月，ECMA發(fā)布ECMA-357標(biāo)準(zhǔn)（ISO/IEC22537）出臺，主要增加對擴(kuò)展標(biāo)記語言XML的有效支持。能夠具有交互性，能夠包含更多活躍的元素，就有必要在網(wǎng)頁中嵌入其它的技術(shù)。如：Javascript，VBScript，DocumentObjectModel（DOM，文檔對象模型）、Layers和CascadingStyleSheets（CSS，層疊樣式表），這里主要講Javascript。那么Javascript是什么東東？Javascript就是適應(yīng)動態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于Internet網(wǎng)頁制作上。Javascript是由Netscape公司開發(fā)的一種腳本語言（scriptinglanguage），或者稱為描述語言。在HTML基礎(chǔ)上，使用Javascript可以開發(fā)交互式Web網(wǎng)頁。Javascript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時性的、動態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。運(yùn)行用Javascript編寫的程序需要能支持Javascript語言的瀏覽器。Netscape公司Navigator3．0以上版本的瀏覽器都能支持Javascript程序，微軟公司InternetExplorer3．0以上版本的瀏覽器基本上支持Javascript。微軟公司還有自己開發(fā)的Javascript，稱為JScript。Javascript和Jscript基本上是相同的，只是在一些細(xì)節(jié)上有出入。Javascript短小精悍，又是在客戶機(jī)上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。同時它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。JavaScript使網(wǎng)頁增加互動性。JavaScript使有規(guī)律地重復(fù)的HTML文段簡化，減少下載時間。JavaScript能及時響應(yīng)用戶的操作，對提交表單做即時的檢查，無需浪費(fèi)時間交由CGI驗證[16]。JavaScript的特點(diǎn)是無窮無盡的，只要你有創(chuàng)意。第5章系統(tǒng)的設(shè)計與實現(xiàn)5.1系統(tǒng)的功能模塊圖5.1系統(tǒng)功能模塊圖（1）用戶注冊功能：用戶可注冊自己的賬號，包括昵稱，密碼，頭像選擇等基本信息。（2）用戶登陸功能：用戶輸入已注冊的賬號、密碼，驗證成功后登陸estore購物商城系統(tǒng)。（3）商品瀏覽功能：點(diǎn)擊商品圖片可進(jìn)入商品詳情頁面，查看商品詳情并加入購物車。（4）加入收藏夾功能：可以將商品加入收藏夾，然后繼續(xù)購物，或清空收藏夾里的商品。（5）購買商品功能：在購物車內(nèi)，可以修改商品數(shù)量，自動計算所加入的所有商品總額。5.2功能模塊流程圖注冊流程圖用戶注冊流程為：輸入新用戶昵稱，檢查用戶名是否已經(jīng)被注冊過，如果是則重新進(jìn)行新昵稱注冊，直至檢查用戶名未被注冊過，顯示用戶名可用之后，設(shè)置密碼，密碼不符合要求，重新設(shè)置密碼，直至密碼符合要求，顯示密碼符合要求之后，繼續(xù)填寫剩下的注冊信息，完成之后，系統(tǒng)會將新注冊的用戶名，密碼保存到數(shù)據(jù)庫中，頁面顯示，注冊成功。具體流程圖如下圖5.2所示。圖5.2注冊模塊流程圖登錄流程圖用戶登錄流程為：查詢用戶名是否存在，若不存在，則顯示用戶名或者密碼錯誤，請重新登錄，否則輸入密碼進(jìn)行核對，密碼檢驗錯誤之后，系統(tǒng)會顯示用戶名或者密碼錯誤，重新進(jìn)行登錄，密碼檢驗正確之后，系統(tǒng)會將此用戶的ID存入到session中，系統(tǒng)顯示登錄成功。具體流程圖如下圖5.3所示。圖5.3登錄模塊流程圖商品瀏覽流程圖商品瀏覽流程為：用戶登錄成功之后，進(jìn)入系統(tǒng)首頁面進(jìn)行商品的瀏覽，可以通過類別搜索商品也可以直接點(diǎn)擊商品圖片進(jìn)入商品的詳情介紹，如果遇到滿意的商品，可以添加到收藏夾或購物車，如果不滿意，可以回到系統(tǒng)首頁繼續(xù)瀏覽商品。具體的流程圖如下圖5.4所示。圖5.4商品瀏覽模塊流程圖購物車流程圖購物車流程為：將商品添加到購物車后，可以在購物車查看新添加的商品，如果不滿意，可以清空購物車，重新繼續(xù)選擇商品，或者直接在購物車內(nèi)進(jìn)行商品數(shù)量的調(diào)整，如果對購物車內(nèi)的商品覺得滿意，就可以去收銀臺進(jìn)行下訂單的操作。具體流程圖如下圖5.5所示。圖5.5購物車模塊流程圖5.3后臺數(shù)據(jù)庫設(shè)計5.3.1創(chuàng)建使用MySQL數(shù)據(jù)庫首先創(chuàng)建數(shù)據(jù)庫：createdatabaseld1302_estore；其次使用該數(shù)據(jù)庫：useld1302_estore。5.3.2創(chuàng)建表（1）用戶信息表用戶信息：用戶ID，用戶昵稱，用戶密碼，注冊時間，最近登錄日期，電子郵箱，性別，生日，頭像，有效證件等。用戶信息建表語句為：CREATETABLEIFNOTEXISTS`user`(`id`int(11)NOTNULLAUTO_INCREMENT,`username`varchar(50)NOTNULL,`password`varchar(40)NOTNULL,`reg_date`datetimeNOTNULLDEFAULT'0000-00-0000:00:00',`lastlogintime`datetimeNOTNULLDEFAULT'0000-00-0000:00:00',`email`varchar(50)NOTNULL,`sex`varchar(40)DEFAULTNULL,`birthday`datetimeDEFAULTNULL,`img`varchar(100)DEFAULTNULL,`id_card`varchar(50)DEFAULTNULL,`state`tinyint(1)NOTNULLDEFAULT'0',`integral`int(11)NOTNULLDEFAULT'0',PRIMARYKEY(`id`))ENGINE=MyISAMDEFAULTCHARSET=utf8AUTO_INCREMENT=66;用戶信息表具體如下表5.1所示。表5.1用戶信息表字段名類型寬度是否允許為空備注idint11否主鍵usernamevarchar50否passwordvarchar40否Reg_datedatetime否lastlogintimedatetime否emailvarchar50否sexvarchar40是birthdaydatetime是imgvarchar100是表5.1（續(xù)）Id_cardvarchar50是statetinyint1否interalint11否（2）商品種類信息表商品種類信息：商品ID，商品名稱，商品大類的ID，添加商品時間。商品種類信息建表語句為：CREATETABLEIFNOTEXISTS`category`(`id`int(11)NOTNULLAUTO_INCREMENT,`cat_name`varchar(50)NOTNULL,`pid`int(11)NOTNULLDEFAULT'0',`add_cat_date`datetimeNOTNULLDEFAULT'0000-00-0000:00:00',PRIMARYKEY(`id`))ENGINE=MyISAMDEFAULTCHARSET=utf8AUTO_INCREMENT=12;商品種類信息表具體如下表5.2所示。表5.2商品種類信息表字段名類型寬度是否允許為空備注idint11否主鍵cat_namevarchar50否pidint11否add_cat_datedatetime否（3）商品信息表商品信息：商品ID，上面名稱，本店價格，商品描述，商品小圖片，商品大圖片，分類ID，上架時間(默認(rèn))，銷售方式的名稱，銷售方式的價格，商品點(diǎn)擊量，商品總評分?jǐn)?shù)，商品市場價格，商品庫存量，商品狀態(tài)等。商品信息建表語句為：CREATETABLEIFNOTEXISTS`goods`(`id`int(11)NOTNULLAUTO_INCREMENT,`good_name`varchar(100)NOTNULL,`store_price`decimal(65,0)NOTNULLDEFAULT'0'COMMENT'本店的價格',`good_detail`textCOMMENT'商品介紹',`good_min_img`varchar(100)DEFAULTNULLCOMMENT'小圖片',`good_max_img`varchar(255)DEFAULTNULLCOMMENT'大圖片',`cat_id`int(11)NOTNULLDEFAULT'0'COMMENT'分類id',`good_shelves_date`datetimeNOTNULLDEFAULT'0000-00-0000:00:00'COMMENT'上架時間(默認(rèn))',`good_sellway`varchar(50)NOTNULLCOMMENT'銷售方式的名稱',`good_sellprice`decimal(65,0)NOTNULLDEFAULT'0'COMMENT'銷售方式的價格',`good_clicks`int(11)NOTNULLDEFAULT'0'COMMENT'商品點(diǎn)擊數(shù)',`good_scores`int(11)NOTNULLDEFAULT'0'COMMENT'商品總評分?jǐn)?shù)',`market_price`decimal(65,0)NOTNULLDEFAULT'0'COMMENT'商品市場價格',`good_acount`int(11)NOTNULLDEFAULT'0'COMMENT'商品庫存量',`good_way`int(11)NOTNULLDEFAULT'0'COMMENT'商品狀態(tài)',PRIMARYKEY(`id`))ENGINE=MyISAMDEFAULTCHARSET=utf8AUTO_INCREMENT=31;商品信息表具體如下表5.3所示。表5.3商品信息表字段名類型寬度是否允許為空備注idint11否主鍵good_namevarchar100否store_pricedecimal11否good_detailtext是good_min_imgvarchar100是good_max_imgvarchar255是cat_idint11否good_shelves_datedatetime否good_sellwayvarchar50否good_sellpricedecimal11否good_clicksint11否good_scoresint11否market_pricedecimal11否good_acountint11否good_wayint11否購物車信息表購物車信息：ID，商品ID，購物數(shù)量，單價價格，訂單ID。購物車信息建表語句為：CREATETABLEIFNOTEXISTS`orderdetail`(`id`int(11)NOTNULLAUTO_INCREMENT,`good_id`int(11)NOTNULLDEFAULT'0',`good_num`int(11)NOTNULLDEFAULT'0'COMMENT'購物數(shù)量',`unit_price`decimal(11,0)NOTNULLDEFAULT'0'COMMENT'單價價格',`order_id`int(11)NOTNULLDEFAULT'0',PRIMARYKEY(`id`))ENGINE=MyISAMDEFAULTCHARSET=utf8AUTO_INCREMENT=48;購物車信息表具體如下表5.4所示。表5.4購物車信息表字段名類型寬度是否允許為空備注idint11否主鍵good_idint11否good_numint11否unit_pricedecimal11否order_idint11否訂單信息表訂單信息：ID，用戶ID，訂單總額，訂單狀態(tài)(1發(fā)貨0不發(fā))，訂單接收人，訂單地址，訂單人的電話，郵箱，訂單時間，訂單號碼。訂單信息建表語句為：CREATETABLEIFNOTEXISTS`orders`(`id`int(11)NOTNULLAUTO_INCREMENT,`user_id`int(11)NOTNULLDEFAULT'0',`order_account`int(11)NOTNULLDEFAULT'0'COMMENT'訂單總額',`order_state`tinyint(1)NOTNULLDEFAULT'0'COMMENT'訂單狀態(tài)(1發(fā)貨0不發(fā))',`order_username`varchar(50)NOTNULLCOMMENT'訂單接受人',`order_address`varchar(50)NOTNULLCOMMENT'訂單地址',`order_phone`varchar(50)NOTNULLCOMMENT'訂單人的電話',`order_email`varchar(50)NOTNULLCOMMENT'郵箱',`order_time`datetimeNOTNULLDEFAULT'0000-00-0000:00:00'COMMENT'訂單時間',`order_number`varchar(100)NOTNULLCOMMENT'訂單號碼',PRIMARYKEY(`id`))ENGINE=MyISAMDEFAULTCHARSET=utf8AUTO_INCREMENT=31;表5.5訂單信息表字段名類型寬度是否允許為空備注idint11否主鍵user_idint11否order_accountint11否order_statetinyint1否order_usernamevarchar50否order_addressvarchar50否order_phonevarchar50否order_emailvarchar50否order_timedatetime否order_numbervarchar100否第6章系統(tǒng)編碼顯示6.1用戶注冊頁面用戶注冊界面register.tpl。新用戶必須進(jìn)行注冊，為了能及時發(fā)貨給用戶以及隨時聯(lián)系用戶，系統(tǒng)必須記錄每一位用戶的詳細(xì)信息。用戶注冊模塊就是完成這一功能。該模塊內(nèi)容主要包括：用戶的昵稱、密碼、密碼確認(rèn)、性別、頭像、生日、郵件以及新用戶的有效證件等等。詳細(xì)代碼見附錄（1）。注冊頁面主要代碼如下：<divclass="fm_item"><label>*賬號：</label><inputtype="text"name="username"id="username"onblur="usernameCheck();"/><spanid="usernameInfo"></span> </div><divclass="fm_item"><label>*密碼：</label><inputtype="password"name="password"onblur="passwordCheck()"/><spanid=passwordInfo></span> </div><divclass="fm_item"><label>*密碼確認(rèn)：</label><inputtype="password"name="repassword"onblur="repasswordCheck()"/><spanid=repasswordInfo></span></div>注冊頁面界面展示如下圖6.1所示:圖6.1注冊頁面6.2用戶登陸頁面登陸頁面Login.tpl。用戶輸入自己注冊時的賬號密碼通過驗證后，進(jìn)入登陸后的購物商城主頁，可看到商品目錄，店主推薦，最新商品等的展示，供用戶瀏覽選擇。詳細(xì)代碼見附錄（2）。登錄頁面主要代碼如下：<divclass="fm_item"><label>*賬    號：</label><inputtype="text"name="username"mode="require"id="username"><labelid="ckusername"class="forminfo">請輸入你的賬號</label></div><divclass="fm_item"><label>*密    碼：</label><inputtype="password"name="password"mode="require"id="userpwd" onchange="javascript:EvalPwd(this.value);" onkeyup="javascript:EvalPwd(this.value);"size="25"><labelid="ckuserpwd"class="forminfo">請輸入你的密碼</label></div><divclass="fm_btn"><inputtype="submit"value="確認(rèn)"class="btn"><inputtype="reset"value="重填"class="btn"></div>登錄頁面界面展示如下圖6.2所示：圖6.2登陸頁面6.3商品列表頁面商品列表界面goodsList.tpl將商城所有商品按類別分為“男女服裝”、“鞋包配飾”、“數(shù)碼家電”、“美食特產(chǎn)”、“日用百貨”等大類，每個大類又分為兩個小類，此頁面供用戶便捷的快速的查找到自己所需貨源。詳細(xì)代碼見附錄（3）。商品列表頁面代碼如下：<divclass="box_list"><dl>{foreachfrom=$gidkey=litem=w}<dt><ahref="goodsList.php?act=listgoods&cateid={$w.id}">『{$w.cat_name}』</a></dt>{foreachfrom=$catekey=kitem=v}{if$w.id==$v.pid}<dd>|__<ahref="goodsList.php?act=listgoods&cateid={$v.id}">{$v.cat_name}</a></dd>{/if}{/foreach}{/foreach}</dl></div>商品列表頁面界面展示如下圖6.3所示：圖6.3商品列表頁面6.4商品詳情頁面商品詳情界面goodDetail.tpl。此頁面可以由商品列表頁面進(jìn)入，也可以由首頁直接點(diǎn)擊商品圖片進(jìn)入到商品的詳情頁面，此頁面清晰明了的顯示了商品的本店價格，市場價格，商品數(shù)量，上架時間，商品介紹等詳細(xì)信息，在此頁面可以將商品添加到收藏夾或購物車，然后進(jìn)行購買。詳細(xì)代碼見附錄（4）。商品詳情頁面主要代碼如下：<ul><liclass="tab1">商品介紹</li><liclass="tab2"onclick="changeTab('goodtab1','goodtab2',2)">留言信息</li></ul><divclass="tabcontent"><p>{$v.good_detail}</p></div></div><divid="goodtab2"><ul><liclass="tab2"onclick="changeTab('goodtab1','goodtab2',1)">商品介紹</li><liclass="tab1">留言信息</li></ul><divclass="tabcontent"></div></div>商品詳情頁面界面展示如下圖6.4所示：圖6.4商品詳情頁面6.5購物車頁面購物車頁cart.tpl。客戶通過購買商品放進(jìn)購物車時，購物車要隨時記錄客戶所選商品的單價，并計算顧客所有購買的商品價格，因此需要一個購物車數(shù)據(jù)庫表記錄商品的基本信息，客戶通過購物車買完商品后，還需要填寫送貨方式、付款方式等客戶的基本信息。購物車主要有統(tǒng)計全部商品數(shù)量和價錢的功能，并可對其中商品數(shù)量進(jìn)行更新或刪除。詳細(xì)代碼見附錄（5）。購物車頁面主要代碼如下：<divid="cart"><formmethod="post"action="cart.php"><tablewidth="530"border="1"cellpadding="0"cellspacing="3"><tr><thscope="col">商品ID</th><thscope="col">商品名稱</th><thscope="col">商品圖片</th><thscope="col">商品單價</th><thscope="col">市場價格</th><thscope="col">商品數(shù)量</th><thscope="col">庫存量</th><thscope="col">小計</th>購物車頁面界面展示如下圖6.5所示：圖6.5購物車頁面6.6訂單詳情頁面訂單頁order.tpl包含了用戶的收貨人姓名、收貨地址、電話、送貨方式等訂單基本信息。訂單附加信息頁則除了訂單收貨信息外，還有商品ID、商品名稱、商品圖片、商品單價、商品總額等附加信息，從而方便了用戶對訂單的確認(rèn)及提交。詳細(xì)代碼見附錄（6）。訂單詳情頁面主要代碼如下：<divid="orderuser"><h4>訂單人的信息</h4><ul><li>收貨人姓名:<label>{$name}</label></li><li>收貨人地址:<label>{$useraddr}</label></li><li>收貨人電話:<label>{$userphone}</label></li><li>收貨人郵箱:<label>{$email}</label></li></ul><divclass="clear"></div></div><formaction="order.php"method="post"><inputtype="submit"value="提交訂單"class="orderBtn"><inputtype="hidden"name="act"value="submitOrder"><inputtype="hidden"name="oid"value="{$myorder.id}"></form>購物訂單頁面界面展示如下圖6.6所示：圖6.6訂單詳情頁面第7章總結(jié)畢業(yè)設(shè)計是本科學(xué)習(xí)階段一次非常難得的理論與實際相結(jié)合的機(jī)會，通過這次比較完整的網(wǎng)上電子商城系統(tǒng)設(shè)計，我擺脫了單純的理論知識學(xué)習(xí)狀態(tài)，和實際設(shè)計的結(jié)合鍛煉了我的綜合運(yùn)用所學(xué)的專業(yè)基礎(chǔ)知識，解決實際工程問題的能力，同時也提高我查閱文獻(xiàn)資料，設(shè)計手冊，設(shè)計規(guī)范以及電腦制圖等其他專業(yè)能力水平，而且通過對整體的掌控，對局部的取舍，以及對細(xì)節(jié)的斟酌處理，都使我的能力得到了鍛煉，經(jīng)驗得到了豐富，并且意志品質(zhì)力，抗壓能力及耐力也都得到了不同程度的提升。這是我們都希望看到的也正是我們進(jìn)行畢業(yè)設(shè)計的目的所在。雖然畢業(yè)設(shè)計內(nèi)容繁多，過程繁瑣但我的收獲卻更加豐富。各種系統(tǒng)的適用條件，各種軟件的選用標(biāo)準(zhǔn)，各種工具的了解，我都是隨著設(shè)計的不斷深入而不斷熟悉并學(xué)會應(yīng)用的。在設(shè)計過程中一些頁面的設(shè)計讓我很頭痛，原因是由于系統(tǒng)本身設(shè)計受到顏色搭配的美觀，而又必須考慮本專業(yè)的一些要求規(guī)范，從而形成了一些矛盾點(diǎn)，這些矛盾在處理上讓人很難斟酌，正是基于這種考慮我意識到：要想更完美的進(jìn)行一次設(shè)計，與其他專業(yè)人才的交流溝通是很有必要的。提高是有限的但提高也是全面的，正是這一次設(shè)計讓我積累了無數(shù)實際經(jīng)驗，使我的頭腦更好的被知識武裝了起來，也必然會讓我在未來的工作學(xué)習(xí)中表現(xiàn)出更高的應(yīng)變能力，更強(qiáng)的溝通力和理解力。順利如期的完成本次畢業(yè)設(shè)計給了我很大的信心，讓我了解專業(yè)知識的同時也對本專業(yè)的發(fā)展前景充滿信心，讓我清楚的感到隨著網(wǎng)絡(luò)科技的不斷發(fā)展和網(wǎng)絡(luò)的廣泛應(yīng)用，使我們的生活離不開它了。在這次的畢業(yè)設(shè)計中雖然時間緊迫但我學(xué)會了很多，也感到自身知識的貧乏,希望在日后的努力中能做出更完善的系統(tǒng)。參考文獻(xiàn)[1]強(qiáng)鋒科技.HTML+CSS網(wǎng)頁設(shè)計指南[M].北京：清華大學(xué)出版社，2010.280~284.[2]國家人力資源和社會保障部.PHP+MySQL開發(fā)實例教程[M].北京：中國電力出版社，2008.132~133.[3]澤瓦斯.PHPWeb2.0開發(fā)實戰(zhàn)[M].北京：人民郵電出版社，2008.455~458.[4]潘凱華、劉中華.PHP從入門到精通（第二版）[M].北京：清華大學(xué)出版社，2010.271~275.[5]王志剛、朱蕾.PHP5應(yīng)用實例詳解[M].北京：電子工業(yè)出版社，2010.460~464.[6]約克.jQueryJavaScript與CSS開發(fā)入門經(jīng)典[M].北京：清華大學(xué)出版社，2010.195~197.[7]唐俊.PHP+MySQL網(wǎng)站開發(fā)技術(shù)（項目式）[M].北京：人民郵電出版社，2013.179~185.[8]黃縉華.MySQL入門很簡單[M].北京：清華大學(xué)出版社.2011.332~333.[9]劉振巖、王勇、陳立平.基于Linux的Web程序設(shè)計:PHP網(wǎng)站開發(fā)[M].北京：人民郵電出版社，2013.301~302.[10]明日科技.PHP程序開發(fā)范例寶典[M].北京：人民郵電出版社，2007.55~57.[11]厄爾曼.PHP5高級應(yīng)用開發(fā)實踐[M].北京：人民郵電出版社，2009.279~280.[12]陳浩.零基礎(chǔ)學(xué)PHP第2版[M].北京：機(jī)械工業(yè)出版社，2012.167~168.[13]李松峰，李雅雯.JavaScriptDOM高級程序設(shè)計[M].北京：人民郵電出版社，2008.375~380.[14]沙菲克(DaveyShafik),MatthewWeierO'phinney,BenBalbo,等.PHP深度分析[M].北京：中國水利水電出版社，2010.253~254.[15]古曼茲、貝肯、瑞桑斯.PHP5權(quán)威編程[M].北京：電子工業(yè)出版社，2007.568~570.[16]張恩民.PHP開發(fā)實戰(zhàn)權(quán)威指南[M].北京：清華大學(xué)出版社，2012.20~24.致謝敲完最后一個字符，重新從頭細(xì)細(xì)閱讀早已不陌生的文字，我感觸頗多。雖然其中沒有什么值得特別炫耀的成果，但對我而言，是寶貴的。它是無數(shù)教誨，關(guān)愛和幫助的結(jié)果。從開始接受課題到現(xiàn)在完成畢業(yè)設(shè)計論文，衷心的感謝我的指導(dǎo)老師朱凱給予了精心的指導(dǎo)和熱情的幫助，老師淵博的知識,敏銳的思路和實事求是的工作作風(fēng)給我留下了深刻的印象，這將使得我終身受益，謹(jǐn)此向老師表示衷心的感謝和崇高的敬意。附錄（1）注冊頁面詳細(xì)代碼：<label>*賬號：</label><inputtype="text"name="username"mode="require"id="username"onblur="usernameCheck();"><divid="usernameInfo"></div><labelid="ckusername"class="forminfo">請輸入你的賬號</label></div><divclass="fm_item"><label>*密碼：</label><inputtype="password"name="userpwd"mode="require"id="userpwd"onblur="passwordCheck()"onchange="javascript:EvalPwd(this.value);"onkeyup="javascript:EvalPwd(this.value);"size="25"><divid="passwordInfo"></div><labelid="ckuserpwd"class="forminfo">請輸入你的密碼</label></div><divclass="fm_item"><label>*密碼確認(rèn)：</label><inputtype="password"name="userrepwd"id="userrepwd"onblur="repasswordCheck()"><divid="repasswordInfo"></div><labelclass="forminfo">2次密碼不一致</label></div><divclass="fm_item"><label>*性別：</label><selectname="sex"><optionvalue="男"selected>男</option><optionvalue="女">女</option></select></div><divclass="fm_item"><label>*頭像：</label><selectsize="1"name="selectpics"onchange="chgpic()"><optionvalue='t1'selected>默認(rèn)</option><imgsrc="images/t1.jpg"name="userimg"class="r_pt"></div><divclass="fm_item"><label>生日：</label><inputtype="text"name="birthday"onblur="dateCheck()"id='birthday'><divid="dateInfo"></div></div><divclass="fm_item"><label>郵件：</label><inputtype="text"name="email"onblur="EmaiCheck()"><divid="emailInfo"></div></div><divclass="fm_item"><label>身份證：</label><inputtype="text"name="idcard"></div>（2）登錄頁面詳細(xì)代碼：<label>*賬號：</label><inputtype="text"name="username"mode="require"id="username"><labelid="ckusername"class="forminfo">請輸入你的賬號</label></div><divclass="fm_item"><label>*密碼：</label><inputtype="password"name="password"mode="require"id="userpwd" onchange="javascript:EvalPwd(this.value);" onkeyup="javascript:EvalPwd(this.value);"size="25"><labelid="ckuserpwd"class="forminfo">請輸入你的密碼</label></div>（3）商品列表頁面詳細(xì)代碼<divclass="box_list"><dl> {foreachfrom=$result_pidkey=key_piditem=value_pid}<dt><ahref="goodsList.php?act=listgoods_pid&cateid={$value_pid.id}">『{$value_pid.cat_name}』</a></dt>{foreachfrom=$result_idkey=key_iditem=value_id}{if$value_pid.id==$value_id.pid} <dd>__<ahref="goodsList.php?act=listgoods_id&cateid={$value_id.id}">{$value_id.cat_name}</a></dd>{/if}{/foreach}{/foreach}</dl> </div><divclass="box_bottom"><imgsrc="images//0.gif"width="10"height="1"alt=""/></div></div></div><divid="content"><divclass="glist"><ul>{foreachfrom=$resultkey=keyitem=value}<formaction="cart.php"method="get"><li><ahref="goodDetail.php?act=detailedgood&gid={$value.id}"><imgsrc="images//goodsimg/{$value.good_min_img}"width="150"height="150"/></a></ul></div></div></div>（4）商品詳情頁面主要代碼：<divclass="gdInfo"><h4>{$value.good_name}</h4><p>本店價格：<labelstyle="color:red">￥{$value.store_price}</label></p><p>市場價格：<labelstyle="color:red">￥{$value.market_price}</label></p><p>商品數(shù)量：{$value.good_acount}</p><p>上架時間：{$value.good_shelves_date}</p><p>商品點(diǎn)擊數(shù)：{$value.good_clicks}</p></div><divclass="clear"></div>（5）購物車頁面詳細(xì)代碼：<divid="cart"><formmethod="post"action="cart.php"><tablewidth="530"border="1"cellpadding="0"cellspacing="3"><tr><thscope="col">商品ID</th><thscope="col">商品名稱</th><thscope="col">商品圖片</th><thscope="col">商品單價</th><thscope="col">市場價格</th><thscope="col">商品數(shù)量</th><thscope="col">庫存量</th><thscope="col">小計</th><thscope="col">操作</th></tr><tableborder="0"><tr><td>總金額：￥{$s_total}元，市場價總額：￥{$m_total}元，節(jié)省了{(lán)$save}元</td></div>（6）訂單頁面詳細(xì)代碼：<divid="orderuser"><h4>訂單人的信息</h4><ul><li>收貨人姓名:<label>{$order_username}</label></li><li>收貨人地址:<label>{$order_address}</label></li><li>收貨人電話:<label>{$order_phone}</label></li><li>收貨人郵箱:<label>{$order_email}</label></li></ul><divclass="clear"></div></div><formaction="orderList.php"method="post"><inputtype="submit"value="提交訂單"class="orderBtn"><inputtype="hidden"name="act"value="submitOrder"><inputtype="hidden"name="oid"value="32"></form> 基于C8051F單片機(jī)直流電動機(jī)反饋控制系統(tǒng)的設(shè)計與研究基于單片機(jī)的嵌入式Web服務(wù)器的研究MOTOROLA單片機(jī)MC68HC（8）05PV8/A內(nèi)嵌EEPROM的工藝和制程方法及對良率的影響研究基于模糊控制的電阻釬焊單片機(jī)溫度控制系統(tǒng)的研制基于MCS-51系列單片機(jī)的通用控制模塊的研究基于單片機(jī)實現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調(diào)節(jié)器單片機(jī)控制的二級倒立擺系統(tǒng)的研究基于增強(qiáng)型51系列單片機(jī)的TCP/IP協(xié)議棧的實現(xiàn)基于單片機(jī)的蓄電池自動監(jiān)測系統(tǒng)基于32位嵌入式單片機(jī)系統(tǒng)的圖像采集與處理技術(shù)的研究基于單片機(jī)的作物營養(yǎng)診斷專家系統(tǒng)的研究基于單片機(jī)的交流伺服電機(jī)運(yùn)動控制系統(tǒng)研究與開發(fā)基于單片機(jī)的泵管內(nèi)壁硬度測試儀的研制基于單片機(jī)的自動找平控制系統(tǒng)研究基于C8051F040單片機(jī)的嵌入式系統(tǒng)開發(fā)基于單片機(jī)的液壓動力系統(tǒng)狀態(tài)監(jiān)測儀開發(fā)模糊Smith智能控制方法的研究及其單片機(jī)實現(xiàn)一種基于單片機(jī)的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機(jī)沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機(jī)的在線間歇式濁度儀的研制基于單片機(jī)的噴油泵試驗臺控制器的研制基于單片機(jī)的軟起動器的研究和設(shè)計基于單片機(jī)控制的高速快走絲電火花線切割機(jī)床短循環(huán)走絲方式研究基于單片機(jī)的機(jī)電產(chǎn)品控制系統(tǒng)開發(fā)基于PIC單片機(jī)的智能手機(jī)充電器基于單片機(jī)的實時內(nèi)核設(shè)計及其應(yīng)用研究基于單片機(jī)的遠(yuǎn)程抄表系統(tǒng)的設(shè)計與研究基于單片機(jī)的煙氣二氧化硫濃度檢測儀的研制基于微型光譜儀的單片機(jī)系統(tǒng)單片機(jī)系統(tǒng)軟件構(gòu)件開發(fā)的技術(shù)研究基于單片機(jī)的液體點(diǎn)滴速度自動檢測儀的研制基于單片機(jī)系統(tǒng)的多功能溫度測量儀的研制基于PIC單片機(jī)的電能采集終端的設(shè)計和應(yīng)用基于單片機(jī)的光纖光柵解調(diào)儀的研制氣壓式線性摩擦焊機(jī)單片機(jī)控制系統(tǒng)的研制基于單片機(jī)的數(shù)字磁通門傳感器基于單片機(jī)的旋轉(zhuǎn)變壓器-數(shù)