《PHP》課件-第9章 階段案例-許愿墻

第9章階段案例

——許愿墻Web交互的應(yīng)用PHP操作MySQL的應(yīng)用目錄需求分析9.29.1案例展示案例實(shí)現(xiàn)9.39.1案例展示首頁(yè)9.1案例展示發(fā)表愿望表單9.1案例展示修改愿望表單9.1案例展示刪除愿望表單9.2需求分析許愿樹許愿墻網(wǎng)絡(luò)許愿墻衍變衍變9.2需求分析在本案例中，對(duì)于許愿墻的具體需求如下。配置一個(gè)虛擬主機(jī)“”用于測(cè)試和運(yùn)行項(xiàng)目通過(guò)MySQL數(shù)據(jù)庫(kù)保存用戶的數(shù)據(jù)提供展示愿望、發(fā)表愿望、修改愿望和刪除愿望4個(gè)主要功能提供綠色、藍(lán)色、黃色、紅色4種顏色的心愿貼紙顯示愿望的發(fā)表時(shí)間，以形如“10分鐘前16:21”的友好格式顯示在展示愿望時(shí)，為了避免單個(gè)頁(yè)面的數(shù)據(jù)過(guò)多，以分頁(yè)的方式進(jìn)行展示為了防止自己的愿望被其他人隨意修改，在發(fā)表愿望時(shí)可以設(shè)置保護(hù)密碼當(dāng)愿望設(shè)置了保護(hù)密碼后，在對(duì)其修改、刪除時(shí)，需要驗(yàn)證密碼9.3案例實(shí)現(xiàn)準(zhǔn)備工作①準(zhǔn)備項(xiàng)目運(yùn)行的環(huán)境創(chuàng)建虛擬主機(jī)②合理的管理項(xiàng)目文件目錄結(jié)構(gòu)劃分③連接數(shù)據(jù)庫(kù)編寫文件common\init.php完成數(shù)據(jù)庫(kù)連接，為后續(xù)開發(fā)做準(zhǔn)備④準(zhǔn)備公共函數(shù)封裝常用的代碼，以提高代碼的可復(fù)用性、可維護(hù)性等，如外部變量的接收和過(guò)濾⑤引入公共文件init.php、function.php9.3案例實(shí)現(xiàn)準(zhǔn)備工作類型文件名稱作用目錄common保存公共的PHP文件css保存項(xiàng)目的CSS文件js保存項(xiàng)目的JavaScript文件view保存項(xiàng)目的HTML文件common\init.php保存項(xiàng)目初始化代碼（設(shè)置時(shí)區(qū)、連接數(shù)據(jù)庫(kù)）文件common\function.php保存項(xiàng)目的公共函數(shù)view\index.html展示愿望的HTML模板view\common\add.html添加愿望的HTML模板view\common\edit.html修改愿望的HTML模板view\common\password.html修改或刪除愿望時(shí)，驗(yàn)證密碼的HTML模板index.php提供展示愿望、驗(yàn)證密碼、刪除愿望功能save.php提供添加、修改愿望功能9.3案例實(shí)現(xiàn)數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì)在項(xiàng)目開發(fā)過(guò)程中起著至關(guān)重要的作用，如果設(shè)計(jì)的不合理、不完善，在項(xiàng)目開發(fā)和維護(hù)過(guò)程中可能出現(xiàn)很多問(wèn)題。9.3案例實(shí)現(xiàn)數(shù)據(jù)庫(kù)設(shè)計(jì)字段數(shù)據(jù)類型說(shuō)明idINTUNSIGNEDPRIMARYKEYAUTO_INCREMENT愿望idnameVARCHAR(12)DEFAULT''NOTNULL作者名字contentVARCHAR(80)DEFAULT''NOTNULL許愿內(nèi)容timeINTUNSIGNEDDEFAULT0NOTNULL發(fā)表時(shí)間colorVARCHAR(10)DEFAULT''NOTNULL貼紙顏色passwordVARCHAR(6)DEFAULT''NOTNULL保護(hù)密碼9.3案例實(shí)現(xiàn)數(shù)據(jù)庫(kù)設(shè)計(jì)INSERTINTO`wish`VALUES(1,'張三','天天開心、心想事成、大吉大利、一帆風(fēng)順。',1490240257,'red','111'),(2,'PHP愛好者','祝愿PHP越來(lái)越好！',1490241675,'yellow',''),(3,'匿名','爭(zhēng)取畢業(yè)月薪過(guò)萬(wàn)！',1490251234,'blue','000000'),(4,'小明','考上清華大學(xué)',1490252675,'green','123');插入測(cè)試數(shù)據(jù)9.3案例實(shí)現(xiàn)許愿墻展示在index.php中編寫SQL語(yǔ)句查詢出所有記錄格式化日期修改HTML展示模板為避免不同服務(wù)器環(huán)境因配置的時(shí)區(qū)不同，造成顯示的時(shí)間有誤，設(shè)置時(shí)區(qū)9.3案例實(shí)現(xiàn)許愿墻展示查詢出數(shù)據(jù)庫(kù)中的記錄9.3案例實(shí)現(xiàn)許愿墻展示許愿墻展示分頁(yè)查詢9.3案例實(shí)現(xiàn)分頁(yè)實(shí)現(xiàn)的原理是利用LIMIT限制SELECT語(yǔ)句查詢出的數(shù)據(jù)SELECT`content`FROM`wish`LIMIT0,10; #查詢第1頁(yè)的10條數(shù)據(jù)SELECT`content`FROM`wish`LIMIT10,10; #查詢第2頁(yè)的10條數(shù)據(jù)SELECT`content`FROM`wish`LIMIT20,10; #查詢第3頁(yè)的10條數(shù)據(jù)SELECT`content`FROM`wish`LIMIT30,10; #查詢第4頁(yè)的10條數(shù)據(jù)LIMIT第1個(gè)參數(shù)=(頁(yè)碼-1)*每頁(yè)查詢的條數(shù)分頁(yè)查詢9.3案例實(shí)現(xiàn)在common\function.php文件中編寫page_sql()函數(shù)，獲取LIMIT的參數(shù)在index.php中，根據(jù)用戶傳遞的頁(yè)碼，利用LIMIT查詢出對(duì)應(yīng)的記錄生成“首頁(yè)”“上一頁(yè)”“下一頁(yè)”“尾頁(yè)”鏈接導(dǎo)航顯示到HTML頁(yè)面中分頁(yè)查詢9.3案例實(shí)現(xiàn)發(fā)表愿望9.3案例實(shí)現(xiàn)準(zhǔn)備發(fā)表愿望的表單，在index.html中引入利用自定義的input()函數(shù)接收并過(guò)濾用戶提交的數(shù)據(jù)按照要求對(duì)用戶提交的數(shù)據(jù)進(jìn)行判斷。例如，貼紙的顏色只能是藍(lán)、黃、綠、紅中的一種。通過(guò)驗(yàn)證后，將用戶提交的數(shù)據(jù)保存到數(shù)據(jù)庫(kù)中發(fā)表愿望9.3案例實(shí)現(xiàn)修改愿望9.3案例實(shí)現(xiàn)為了防止愿望被作者以外的人修改在發(fā)表愿望時(shí)可以設(shè)置保護(hù)密碼當(dāng)愿望受到密碼保護(hù)后在修改和刪除愿望時(shí)就要先驗(yàn)證密碼修改愿望9.3案例實(shí)現(xiàn)在修改連接上添加，愿望id和頁(yè)碼在index.php中，獲取待編輯的愿望id，顯示密碼驗(yàn)證表單驗(yàn)證不通過(guò)，顯示對(duì)應(yīng)的提示信息驗(yàn)證通過(guò)，顯示修改愿望表單在save.php中，接收用戶