php課程設(shè)計(jì)報(bào)告

年4月19日php課程設(shè)計(jì)報(bào)告文檔僅供參考課程設(shè)計(jì)報(bào)告題目：網(wǎng)購(gòu)商城院系：電信分院專業(yè)：電子商務(wù)姓名：吳錦珍班級(jí)：二班指導(dǎo)老師：吳宇鵬二零一五年十二月摘要本次的課程設(shè)計(jì)主要以PHP為制作工具，實(shí)現(xiàn)了用戶的登陸、注冊(cè)、驗(yàn)證身份及用戶數(shù)據(jù)的采集，物品的預(yù)覽、查詢搜索，可在線下單從而實(shí)現(xiàn)網(wǎng)上購(gòu)物銷售。網(wǎng)上購(gòu)物，這個(gè)逐漸流行于20世紀(jì)的購(gòu)物方式已被越來(lái)越多的人所接受，不論是富有或是貧窮，也不分時(shí)尚白領(lǐng)或是普通工薪階級(jí)，上至老人下至青少年，大部分的人都有過(guò)網(wǎng)上購(gòu)物的經(jīng)歷，可能有的人只是想擁有這種體驗(yàn)的感覺(jué)，有的將此作為一種“知識(shí)人士”標(biāo)簽，有的則可能將網(wǎng)上購(gòu)物作為自己日常生活中重要組成部分而取消傳統(tǒng)上街購(gòu)物方式，隨著互聯(lián)網(wǎng)的普及，網(wǎng)絡(luò)購(gòu)物的優(yōu)點(diǎn)愈加凸顯，日益成為一種重要的購(gòu)物形式，網(wǎng)上購(gòu)物突破了傳統(tǒng)商務(wù)的障礙，只要擁有一個(gè)賬號(hào)、綁定的支付卡，就能夠足不出戶買遍全球。這點(diǎn)無(wú)論是對(duì)消費(fèi)者、企業(yè)還是市場(chǎng)都有著巨大的吸引力和影響力，在新經(jīng)濟(jì)時(shí)期無(wú)疑是達(dá)到“多贏”效果的理想模式。關(guān)鍵詞:網(wǎng)上購(gòu)物方便便宜AbstractThiscoursedesignmainlyinPHP,formakingtools,

andRealizethefunctionofuserregistration,login,verificationofidentityanduserdatacollection,previewofitemsinquiries,search/viewtheitemsofinformation,mayenterordersonlineinordertoachievenetworksales.Shoppingonline,Theincreasinglypopularinthe20thcenturywayofshoppinghasbeenacceptedbymoreandmorepeople,Whetheryourichorpoor,regardlessoffashionablewhite-collarorordinaryworking-class,uptotheoldmanteenagers,mostpeoplehaveexperienceofonlineshopping,someofthemmightjustwanttohavethefeelingofthisexperience,somemaytakethisasasignofa"knowledgeperson",whileothersmayhaveonlineshoppingasanimportantpartoftheirdailylives,replacingthetraditionalstreetshoppingway.WiththepopularityoftheInternet,theadvantagesofonlineshoppingismoreprominent,andisincreasinglybecominganimportantformofshopping,breakthroughinthetraditionalbusinessbarrierstoonlineshopping,Aslongasyouhaveanaccount,thebindingofpaymentcard,youcanneverleavehometobuyallovertheworld,Thisnottotheconsumers,enterpriseormarkethasgreatattractionandinfluence,intheneweconomyperiodisundoubtedlytheidealmodetoachieve"win-win"effect.Keywords:shoppingonline,convenient,cheap目錄摘要 IAbstract II第一章緒論 41.1背景 41.2目的 4第二章網(wǎng)站開(kāi)發(fā)工具 62.1PHP編程軟件介紹 62.2wampserver介紹 62.3bootstrap介紹 7第三章需求分析 83.1網(wǎng)站需求 83.2功能需求 83.3功能規(guī)定 83.4系統(tǒng)模塊結(jié)構(gòu)圖 9第四章網(wǎng)站界面設(shè)計(jì)與實(shí)現(xiàn) 114.1首頁(yè)設(shè)計(jì) 124.2用戶登錄注冊(cè)界面 124.3購(gòu)物車 134.4服務(wù)中心 15第五章網(wǎng)站數(shù)據(jù)庫(kù)分析 165.1登錄注冊(cè) 165.2商品搜索 185.3購(gòu)物車 195.4背景音樂(lè) 20第六章結(jié)束語(yǔ) 21緒論1.1背景上世紀(jì)90年代以來(lái)，隨著網(wǎng)絡(luò)、通信和信息技術(shù)的突破性發(fā)展，Internet在全球爆炸性增長(zhǎng)并迅速普及。在這一前提下，電子商務(wù)應(yīng)運(yùn)而生了。電子商務(wù)基于互聯(lián)網(wǎng)、以交易雙方為主體、以銀行電子支付和結(jié)算為手段、以客戶數(shù)據(jù)為依托的全新的商務(wù)模式，它能夠使商家與供貨商更加緊密的聯(lián)系起來(lái)，更快的滿足客戶的需求，也能夠讓商家在全球范圍內(nèi)選擇最佳供應(yīng)商，在全球市場(chǎng)銷售產(chǎn)品。當(dāng)前，世界各國(guó)紛紛看好電子商務(wù)這塊新大陸，普遍認(rèn)為電子商務(wù)的發(fā)展將是未來(lái)25年世界經(jīng)濟(jì)發(fā)展的一個(gè)重要推力，對(duì)經(jīng)濟(jì)的促進(jìn)將遠(yuǎn)遠(yuǎn)超過(guò)200多年前的工業(yè)革命。1.2目的隨著網(wǎng)絡(luò)的普及，“網(wǎng)上購(gòu)物”已經(jīng)成為了一種趨勢(shì)，越來(lái)越多的年輕人甚至中老年人愛(ài)上了網(wǎng)購(gòu)，實(shí)體店慢慢的已被她們拋棄，網(wǎng)下購(gòu)物是人們延續(xù)千年的習(xí)慣，傳統(tǒng)市場(chǎng)中人們強(qiáng)調(diào)貨比三家，姑且不說(shuō)三家是否足夠，僅是在地理位置相隔較遠(yuǎn)的不同渠道中找到三個(gè)同類型、檔次的商品進(jìn)行細(xì)致比較的成本就非常高，消費(fèi)者理性判斷的高成本就促使商家著重于滿足顧客的感官體驗(yàn)，從而有了各種的營(yíng)銷手段并形成完善的理論方法體系。客觀的說(shuō)，傳統(tǒng)購(gòu)物方式遠(yuǎn)不及網(wǎng)上購(gòu)物來(lái)的方便，在網(wǎng)上，可足不出戶便能對(duì)比所有的商家貨物信息，跨域地理位置上的障礙，同時(shí)不局限于時(shí)間、人員、不比出門選購(gòu)，只要有網(wǎng)，便可選購(gòu)全球商品?？偟膩?lái)說(shuō)，網(wǎng)上購(gòu)物最大的特點(diǎn)就體現(xiàn)在方便、快捷、實(shí)惠，能夠靈活調(diào)整運(yùn)營(yíng)策略，可滿足特殊人群側(cè)重的特殊需求，服務(wù)更加人性化，個(gè)性化。第二章網(wǎng)站開(kāi)發(fā)工具2.1PHP編程軟件介紹PHP，是英文超文本預(yù)處理語(yǔ)言HypertextPreprocessor的縮寫。PHP是一種HTML

內(nèi)嵌式的語(yǔ)言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類似于C語(yǔ)言，被廣泛地運(yùn)用。用PHP做出的動(dòng)態(tài)頁(yè)面與其它的編程語(yǔ)言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還能夠執(zhí)行編譯后代碼，編譯能夠達(dá)到加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快。2.2wampserver介紹WampServer是一款由法國(guó)人開(kāi)發(fā)的ApacheWeb服務(wù)器、PHP解釋器以及MySQL數(shù)據(jù)庫(kù)的整合軟件包。免去了開(kāi)發(fā)人員將時(shí)間花費(fèi)在繁瑣的配置環(huán)境過(guò)程，從而騰出更多精力去做開(kāi)發(fā)。在windows下將Apache+PHP+Mysql集成環(huán)境，擁有簡(jiǎn)單的圖形和菜單安裝和配置環(huán)境。支持中文語(yǔ)言，一鍵安裝，省時(shí)省力；任何人都能夠輕松搭建；wampserver還支持phpmyadmin,SQLiteManager。不用去輸入復(fù)雜的SQL語(yǔ)句管理MYSQL數(shù)據(jù)庫(kù)，直接從phpmyadmin管理即可。這個(gè)軟件是完全免費(fèi)的，能夠在其官方網(wǎng)站下載到最新的版本。2.3bootstrap介紹Bootstrap是Twitter推出的一個(gè)開(kāi)源的用于前端開(kāi)發(fā)的工具包，是一個(gè)CSS/HTML框架。它由Twitter的設(shè)計(jì)師MarkOtto和JacobThornton合作開(kāi)發(fā)。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語(yǔ)言Less寫成?；趈Query框架開(kāi)發(fā)的，它在jQuery框架的基礎(chǔ)上進(jìn)行了更為個(gè)性化和人性化的完善，形成一套自己獨(dú)有的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件，Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，能夠快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。同時(shí)，Bootstrap自帶了13個(gè)jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。第三章需求分析3.1網(wǎng)站需求網(wǎng)上購(gòu)物，其最大的好處便是要給用戶帶來(lái)最大的便捷，這種便捷不但是體現(xiàn)在網(wǎng)絡(luò)之外的折扣、物流，更要體現(xiàn)現(xiàn)在網(wǎng)絡(luò)操作的易用性，真實(shí)的模擬用戶的購(gòu)物行為，給顧客帶來(lái)更切實(shí)的體驗(yàn)，因而，在設(shè)計(jì)網(wǎng)站是主要是以用戶的角度來(lái)完成，也就是偏重于“用戶功能”，其次，對(duì)顧客、商品的信息進(jìn)行網(wǎng)絡(luò)管理。3.2功能需求我們團(tuán)隊(duì)此次的項(xiàng)目主要以用戶體驗(yàn)為主，包括:顧客在線注冊(cè)、登錄、瀏覽、下單、付款等功能。3.3功能規(guī)定3.3.1：用戶能注冊(cè)成為會(huì)員用戶；3.3.2：用戶能夠自由在網(wǎng)站上進(jìn)行瀏覽商品、搜索查找商品；3.3.3：用戶能夠自行將商品添加進(jìn)購(gòu)物車，或者從購(gòu)物車中將商品刪除；3.3.4：選定商品后可進(jìn)行下單購(gòu)買。3.4系統(tǒng)模塊結(jié)構(gòu)圖開(kāi)始開(kāi)始首頁(yè)登錄界面填寫是否為空數(shù)據(jù)庫(kù)中是否存有帳號(hào)是否注冊(cè)界面判斷是否為空否是網(wǎng)購(gòu)首頁(yè)（登錄成功）是否網(wǎng)購(gòu)首頁(yè)網(wǎng)購(gòu)首頁(yè)商品界面搜索商品界面數(shù)據(jù)庫(kù)查找輸出符合條件商品點(diǎn)擊某件商品界面否是是否購(gòu)買否是選擇支付方式交易成功返回首頁(yè)（結(jié)束）是否加入購(gòu)物車是否存入購(gòu)物車3.5ER圖 第四章網(wǎng)站界面設(shè)計(jì)與實(shí)現(xiàn)4.1首頁(yè)設(shè)計(jì)首頁(yè)是瀏覽者上網(wǎng)之后所看到網(wǎng)站的第一個(gè)內(nèi)容，它是網(wǎng)站的門面。一個(gè)好的首頁(yè)會(huì)給訪問(wèn)者留下很深刻的印象，并吸引她對(duì)站點(diǎn)內(nèi)容的進(jìn)一步瀏覽。因此，我們此次的網(wǎng)站采用bootstrap設(shè)計(jì)出清晰、簡(jiǎn)單、美觀的首頁(yè)，使網(wǎng)站能給訪問(wèn)者提供信息之外還能夠擁有賞心悅目的感覺(jué)，使整個(gè)網(wǎng)站最終擁有可觀性和實(shí)用性的特點(diǎn)。4.2用戶登錄注冊(cè)界面用戶登錄界面主要是提供會(huì)員用戶登錄功能，如下圖所示：登錄時(shí)，密碼與用戶名不符合或者是有一方為空、都為空的情況下會(huì)提示報(bào)錯(cuò)；用戶注冊(cè)界面主要是提供用戶注冊(cè)成為會(huì)員用戶功能，如下圖所示：注冊(cè)時(shí)，密碼與用戶名或者是有任意一方為空、都為空的情況下會(huì)提示報(bào)錯(cuò)；4.3購(gòu)物車購(gòu)物車主要主要實(shí)現(xiàn)的便是對(duì)商品的添加以及修改等，用戶將心儀的產(chǎn)品添加進(jìn)購(gòu)物車，可對(duì)商品進(jìn)行增刪查改，購(gòu)買等等；購(gòu)物車界面如下所示：購(gòu)物車中分三種情況，全部商品，降價(jià)商品以及庫(kù)存緊張，每一個(gè)都是獨(dú)立的模塊，例如當(dāng)點(diǎn)擊庫(kù)存緊張后顯示的則是相關(guān)庫(kù)存緊張商品4.4服務(wù)中心顧名思義，服務(wù)中心便是為買賣家準(zhǔn)備的服務(wù)平臺(tái)，能夠先簡(jiǎn)單的解決用戶的一些問(wèn)題，此界面現(xiàn)在還是簡(jiǎn)單的靜態(tài)頁(yè)面，并沒(méi)有連接進(jìn)數(shù)據(jù)庫(kù)，同樣分為兩個(gè)部分，自動(dòng)服務(wù)、聯(lián)系客服。聯(lián)系客服：第五章網(wǎng)站數(shù)據(jù)庫(kù)分析5.1登錄注冊(cè)對(duì)于所有的站點(diǎn)來(lái)說(shuō)，登錄注冊(cè)必不可少，要實(shí)現(xiàn)動(dòng)態(tài)的記錄用戶的數(shù)據(jù)，后臺(tái)的數(shù)據(jù)庫(kù)就至關(guān)重要，在本次的網(wǎng)站設(shè)計(jì)中，數(shù)據(jù)庫(kù)的名稱設(shè)為wanggou，記錄用戶信息的只有一張表：zhuce；在注冊(cè)表中設(shè)置了五個(gè)屬性，分別為：username,password,address,email,tel;在前臺(tái)注冊(cè)界面（create.php）中，利用form表單、$GET$POST等函數(shù)功能來(lái)獲取用戶輸入的字符，在后臺(tái)接受界面（createchecked.php）設(shè)置五個(gè)變量來(lái)進(jìn)行接受所得到的數(shù)據(jù)；對(duì)接受到的變量進(jìn)行分析判斷，用if條件語(yǔ)句，若其中有任意一方為空則進(jìn)行報(bào)錯(cuò)，提示填入的信息不完整，存入數(shù)據(jù)庫(kù)失敗；若填寫數(shù)據(jù)完整且數(shù)據(jù)在正確的輸入范圍內(nèi)則成功存入到數(shù)據(jù)庫(kù)中并跳轉(zhuǎn)至登錄界面；登錄界面與注冊(cè)界面功能相似，剛注冊(cè)成功或者在數(shù)據(jù)庫(kù)中已經(jīng)保存有的賬號(hào)能夠直接登錄，它會(huì)在數(shù)據(jù)庫(kù)的zhuce表中自動(dòng)檢測(cè)用戶名與對(duì)應(yīng)的密碼是否匹配，以及驗(yàn)證是否為空，若是都正確會(huì)自動(dòng)用SESSION來(lái)緩存該用戶名，隨后直接跳轉(zhuǎn)至主頁(yè)，并在主頁(yè)的“親，請(qǐng)登錄！”的導(dǎo)航項(xiàng)目中顯示“歡迎XX用戶”（在這里，在設(shè)計(jì)導(dǎo)航欄的時(shí)候應(yīng)用php來(lái)進(jìn)行設(shè)計(jì)，使用if語(yǔ)句，若沒(méi)有用戶登錄顯示的便是“親，請(qǐng)登錄！”，在用戶登錄后會(huì)自動(dòng)提取之前在登錄后臺(tái)界面（loginchecked.php）中已經(jīng)緩存好用戶名并echo出來(lái)）。關(guān)鍵代碼：注冊(cè)與登錄的后臺(tái)類似，在這里我就選擇登錄來(lái)進(jìn)行細(xì)致分析：require_once('DB.php');session_start();$username=$_POST['username'];$password=$_POST['password'];var_dump($_POST);$conn=create_connection();set_charset($conn);select_db('wanggou',$conn);$sql='select*from`zhuce`whereusername="'.$username.'"&&password="'.$password.'"';var_dump($sql);$data=query($sql,$conn);var_dump($data);$name=$data[0]['username'];$pass=$data[0]['password'];var_dump($name,$pass);if($username==''||$password==''){header('location:loginin.php?sid=1&username='.$username.'&msg='.'請(qǐng)同時(shí)輸入用戶名及密碼');return;}if($name==$username){if($pass==$password){header('location:index.php?sid=1&username='.$username);$_SESSION['loginin']="歡迎".$username;$_SESSION['username']=$username;returntrue;}else{header('location:loginin.php?sid=1&username='.$username.'&msg='.'密碼錯(cuò)誤，請(qǐng)重新輸入密碼');return;}}else{header('location:loginin.php?sid=1&msg='.'賬號(hào)與密碼不匹配，請(qǐng)重新輸入賬號(hào)或密碼');return;}在上式的代碼中，我用紅色字體標(biāo)注好了$_SESSION['loginin']="歡迎".$username;在主頁(yè)中會(huì)使用到該緩存好的loginin，代碼如下：if(isset($_SESSION['loginin'])){echo$_SESSION['loginin'];?><aclass="navbar-brand"value="<?phpecho$_SESSION['loginin'];?>"><?php}else{?><aclass="navbar-brand"href="loginin.php"value="">親，請(qǐng)登錄！</a><?php}?>5.2商品搜索每個(gè)界面都有一個(gè)搜索框，在搜索后臺(tái)界面（searchedcheck.php）獲取得到的字符與在數(shù)據(jù)庫(kù)中創(chuàng)立好的數(shù)據(jù)表items中name屬性進(jìn)行比較，在此次的搜索中我只設(shè)計(jì)了5個(gè)商品，衣服、鞋子、包、食品、數(shù)碼，只能搜索這五種商品，其它的還沒(méi)一起完善；輸入為空點(diǎn)擊搜索還是在本界面，輸入字符會(huì)在數(shù)據(jù)庫(kù)的name屬性中進(jìn)行匹配，匹配的字符（例：鞋子）會(huì)將數(shù)據(jù)庫(kù)中已經(jīng)存好的該類型商品的圖片在另一個(gè)界面展示出來(lái)，所有商品都為該屬性；（在items表中，id是自動(dòng)增長(zhǎng)，name是共用的，例：鞋子，不同的款式但都是鞋子（簡(jiǎn)略的說(shuō)為SRC）都使用name，當(dāng)輸入的字符和name相同時(shí)按照已經(jīng)設(shè)定好的排版方式顯示所有name為鞋子的圖片）5.3購(gòu)物車購(gòu)物車功能的實(shí)現(xiàn)分為兩個(gè)部分：商品的添加至購(gòu)物車；在購(gòu)物車界面（cart.php）展示好已添加進(jìn)的商品；購(gòu)物車顯示具體的實(shí)現(xiàn)步驟如下：在購(gòu)物車界面獲取數(shù)據(jù)庫(kù)中已經(jīng)存好的商品顯示出來(lái)。如果數(shù)據(jù)