購物網站的設計與實現論文

摘要

隨著資訊科技的發展，資訊科技使用傳遞速度突破了時間和地域性的侷限，網路化與全球化成為一種不可避免的世界趨勢。然而網頁製作並不是一個簡單的過程，期間要運用好多技術，包括影像設計和處理、網頁動畫的製作和網頁版面的網頁佈局編輯等。隨著網頁製作技術的不斷髮展和完善，產生了眾多網頁製作與網站建設軟體。目前使用最多的是較為常用的Dreamweaver、HBuilder X、sublime_text這三個軟體。

相對於一個網站頁面的標準化，美觀化是更為重要的，CSS是最主要的表現標準化的語言。在本論文將通過對網友需求的瞭解和對其他網站的參考，在網站設計與製作中著重使用CSS+DIV樣式佈局來標準化美觀化網頁，最終成功完成一個CSS樣式網站。

關鍵詞：HBuilder X，CSS，DIV ，網站設計標準化，Html.

目錄

一、 概述 1

（一）課題背景 1

（二）研究現狀 1

（三）研究目的及內容 1

二、 相關技術介紹 2

（一）PHP技術 2

1、 PHP簡介 2

2、PHP有自己的優勢： 2

3、 PHP開發工具 3

（二） HTML簡介 4

（三）MYSQL資料庫 5

三、系統分析 6

（一）可行性分析 6

1、 技術可行性 6

2、 經濟可行性 6

（二） 效能需求分析 6

1、 系統安全性 6

2、 資料完整性 7

（三） 功能需求分析 7

（四） 非功能分析 7

1、完整性分析 7

2、效能分析 7

3、網站分析 7

4、安全性分析 7

四、系統設計 8

（一） 系統設計目標 8

1、資料共享 8

2、網站結構設計 8

3資料庫設計 9

五、系統實現 12

（一） 使用者功能模組實現 12

1、 網站首頁 12

2、 使用者註冊頁面 13

3、 使用者登入介面 13

4、 商品詳細介面 14

5、 我的購物車頁面 14

6、 提交訂單頁面 15

（二） 管理員功能模組的實現 16

1、 管理員登入頁面 16

2、 管理使用者頁面 16

3、 修改使用者資訊頁面 17

4、 管理員設定 17

5、 管理員修改首頁輪播圖設定 18

6、 管理員修改留言管理 18

7、 管理員修改內容管理 19

8、 管理員修改框架眼鏡內容管理 19

六、 網站的測試 20

（一） 測試的目的 20

結束語 21

致謝 22

參考文獻 23

一、 概述

（一）課題背景

伴隨著Internet的蓬勃發展，網路購物中心作為電子商務的一種形式正以其高效、低成本的優勢，逐步成為新興的經營模式和理念，人們已不再滿足於資訊瀏覽和釋出，而是渴望著能夠充分享受網路所帶來的更多的便利。的確，客戶足不出戶便可以方便快捷的選購自己喜歡的商品，這正是網路購物中心為客戶帶來的好處。

2009年以來，以網路購物、網上支付、旅行預訂為代表的商務類應用持續快速增長，並引領其他網際網路應用發展，成為中國網際網路發展的突出特點。2011年這一態勢依然延續，中國網路購物應用依然處於較快發展通道。

（二）研究現狀

據悉，從2009年開始，阿里集團都會在每年的11月11日舉行大規模的消費者回饋活動，也一直被認為是中國電子商務行業的年度盛事。去年，“2012雙+11天貓淘寶購物狂歡節”實現191億成交額，僅天貓就達到132億元，淘寶則達到59億元。+2012年天貓雙十一全天銷售記錄，2013年雙十一在13：04分達到191億元.+2013天貓雙十一銷售24小時的那些瞬間多少人關心的數字已出來,又是一個突破記錄的數字350.19億元.+這些資料無一不彰顯了，網上購物在中國的地位日益增大，人們越來越依賴與網上購物，但是網上購物一樣存在了不少的風險。

（三）研究目的及內容

一個網路購物系統，首先我們要保證客戶能夠很方便進行商品選擇，系統應該具有分類選擇商品功能，系統要實現購買功能。在系統的後臺，管理員能夠管理商品，商品分類，以及客戶購買訂單。+因此分析，本系統主要由前臺和後臺兩部分組成，前臺為客戶端，顧客可以在此處購買商品，後臺為商品管理端，實現對商品和訂單的管理。

二、 相關技術介紹

（一）PHP技術

1、 PHP簡介

PHP（PHP: Hypertext Preprocessor）即“超文字前處理器”，是在伺服器端執行的指令碼語言，尤其適用於Web開發並可嵌入HTML中。PHP語法學習了C語言，吸納Java和Perl多個語言的特色發展出自己的特色語法，並根據它們的長項持續改進提升自己，例如java的物件導向程式設計，該語言當初建立的主要目標是讓開發人員快速編寫出優質的web網站。PHP同時支援物件導向和麵向過程的開發，使用上非常靈活。

2、PHP有自己的優勢：

1、平安性高：PHP具備公認的平安機能。

　　2、跨平臺特性：PHP幾乎支撐所有的作業系統平臺，而且支撐Apache、IIS等多種Web辦事器，並以此廣為風行。

　　3、支撐普遍的資料庫:可操縱多種支流與非支流的資料庫。

　　4、易學性：PHP嵌入在HTML語言中，以指令碼語言為主，內建豐富函式，語言簡略、書寫簡略，方便學習掌握。

　　5、履行速度快：佔用系統資源少，程式碼履行速度快。

　　6、模板化：實現法式邏輯與使用者介面分別。

　　7、支撐面向工具與程式：支撐面向工具和程式的兩種風格開發，並可向下相容。

8、內嵌Zend加快引擎，機能穩定加快。

3、 PHP開發工具

Hbuilder的優勢是什麼？

快，是Hbuilder的最大優勢，通過完整的語法提示和程式碼輸入法、程式碼塊等，大幅度提升HTM、js、css的開發效率。如圖3-1和3-2所示：

圖3-1

圖3-2

HBuilder的生態系統可能是最豐富的Web IDE生態系統，因為它同時相容，Eclipse外掛和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術都有Eclipse外掛。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基於Eclipse，所以順其自然地相容了Eclipse的外掛。但因為Java效率太低，所以用C。寫了啟動器。HBuilder柔和的綠色介面設計需要動態調節螢幕亮度，它還支援手機資料線。

（二） HTML簡介

HTML的全稱是Hypertext Markup Language（超文字標記語言）HTML是用於描述網頁文件的標記語言。現在我們常常習慣於用數字來描述HTML的版本例如：HTML5，但是最初的時候我們並沒有HTML1,而是1993年IETF團隊的一個草案，並不是成型的標準。兩年之後，在1995年HTML有了第二版，當時是作為RFC1866釋出的。有了以上的兩個歷史版本，HTML的發展可謂突飛猛進。1996年HTML3.2成為W3C推薦標準。之後在1997年和1999年，作為升級版本的4.0和4.01也相繼成為W3C的推薦標準。而在2000年基於HTML4.01的ISO，HTML成為了國際標準化組織和國際電工委員會的標準。於是被沿用至今，這期間雖然有點小的改動但大方向上終歸沒有什麼變化。從1993-2000之間短的7年時間，HTML語言有著很大的發展，基於諸多人的努力，終於產生了我們現在用的HTML語言。

css層疊樣式表：