PHP實(shí)驗(yàn)指導(dǎo)書(shū)_項(xiàng)目一_注冊(cè)與登錄功能實(shí)現(xiàn)

1、項(xiàng)目一 注冊(cè)、登錄、退出功能的設(shè)計(jì)與實(shí)現(xiàn)一、實(shí)驗(yàn)?zāi)康?.掌握程序設(shè)計(jì)的核心流程。2.掌握HTML5人機(jī)交互界面的設(shè)計(jì)方法。3.掌握MySQL數(shù)據(jù)庫(kù)的基本用法。4.掌握PHP中變量、表達(dá)式、流程控制語(yǔ)句、數(shù)組、函數(shù)、數(shù)據(jù)采集、會(huì)話控制的基本用法。二、實(shí)驗(yàn)環(huán)境1.操作系統(tǒng)：Windows2.運(yùn)行環(huán)境：PHPStudy（已包含Apache、MySQL、PHP5.4等）3.開(kāi)發(fā)工具：Dreamweaver CS6以上或Sublime Text 2以上 4.網(wǎng)絡(luò)環(huán)境：Internet或LAN三、注意事項(xiàng)由于該項(xiàng)目具有延續(xù)性，建議每次下課前，將作品打包保存到微云、郵箱或U盤中。四、學(xué)習(xí)資源1.PHP參考手

2、冊(cè)：/php/2.PHP網(wǎng)絡(luò)課堂：實(shí)驗(yàn)任務(wù)目錄任務(wù)1 PHP環(huán)境配置3任務(wù)2 完成注冊(cè)、登錄、注銷功能的設(shè)計(jì)與實(shí)現(xiàn)13實(shí)驗(yàn)項(xiàng)目一 小結(jié)221.如何給用戶提供數(shù)據(jù)錄入的界面？222.如何在PHP中獲取用戶錄入的數(shù)據(jù)？233.如何在PHP中顯示獲取到的數(shù)據(jù)？234.如果獲取表單中復(fù)選框的所有選中的值？235.前端JavaScript驗(yàn)證是否輸入值246.后端PHP程序驗(yàn)證是否輸入值247. 檢測(cè)用戶輸入的值是否整型258. 跳轉(zhuǎn)網(wǎng)頁(yè)常用的三種方法25任務(wù)1 PHP環(huán)境配置1.1 任務(wù)說(shuō)明（1）安裝PH

3、PStudy到自己的文件夾（不要使用中文），并新建一個(gè)站點(diǎn)文件夾PHPRoot，在PHPStudy中將其配置為Web服務(wù)站點(diǎn)。（2）運(yùn)行開(kāi)發(fā)環(huán)境Dreamweaver，并將PHPRoot配置為站點(diǎn)主目錄。（3）新建一個(gè)php網(wǎng)頁(yè)，顯示當(dāng)前日期和時(shí)間，保存為index.php。（4）在chrome瀏覽器中預(yù)覽php網(wǎng)頁(yè)運(yùn)行效果。1.2 任務(wù)實(shí)施圖1 安裝PHPStudy到e:cxpphpstudy圖2 新建站點(diǎn)主目錄 e:cxpphproot圖3 點(diǎn)擊其它選項(xiàng)菜單進(jìn)行站點(diǎn)域名管理圖4 輸入ipconfig查看自己的IP圖5 配置網(wǎng)站域名和目錄圖6 輸入IP地址進(jìn)行測(cè)試圖7 打開(kāi)Dreamweav

4、er圖8 創(chuàng)建站點(diǎn)圖9 選擇站點(diǎn)文件夾圖10 配置測(cè)試服務(wù)器圖11 配置測(cè)試服務(wù)器圖12 新建文件圖13選擇PHP頁(yè)面圖14 保存頁(yè)面圖15 編寫程序圖16 通過(guò)百度搜索解決方法圖17 完善程序圖18 在chrome瀏覽器中輸入IP地址瀏覽效果任務(wù)2 完成注冊(cè)、登錄、注銷功能的設(shè)計(jì)與實(shí)現(xiàn)2.1 任務(wù)說(shuō)明（一）完成數(shù)據(jù)庫(kù)設(shè)計(jì)，數(shù)據(jù)庫(kù)名：demodb，表名及字段信息如下： 1.城市信息（表名：citys） (1)編號(hào)：Id (2)名稱：name 2.愛(ài)好信息（表名：ahs） (1)編號(hào)：Id (2)名稱：name 3.用戶信息（表名：users) (1)編號(hào)：Id (2)賬號(hào)：zh (3)密碼：m

5、m (4)性別：xb (5)籍貫：jg (6)愛(ài)好：ah (7)簡(jiǎn)介：jj (8)時(shí)間：dt (9)IP：ip（二）完成如下界面設(shè)計(jì)： 1.注冊(cè)界面：index.php 2.保存頁(yè)面：save.php 3.登錄界面：login.php 4.登錄檢測(cè)頁(yè)面：chklogin.php 5.主菜單界面：main.php 6.注銷頁(yè)面：logout.php 注：可以定義公共調(diào)用文件，如conn.php連接數(shù)據(jù)庫(kù)文件，head.php頭部文件,foot.php腳部文件,function.php函數(shù)文件等。（三）完成代碼設(shè)計(jì)2.2 任務(wù)實(shí)施圖1 使用MySQL-Front創(chuàng)建數(shù)據(jù)庫(kù)圖2 創(chuàng)建用戶注冊(cè)頁(yè)面圖3

6、 創(chuàng)建用戶登錄界面圖4 創(chuàng)建主菜單界面附：一、前端HTML驗(yàn)證示例代碼function chkform()var zh=document.form1.zh.value;var mm=document.form1.mm.value;var jj=document.form1.jj.value; if(zh=)alert(請(qǐng)輸入賬號(hào)！);document.form1.zh.focus();return false;if(mm=)alert(請(qǐng)輸入密碼！);document.form1.mm.focus();return false;if(jj=)alert(請(qǐng)輸入簡(jiǎn)介！);document.for

7、m1.jj.focus();return false;return true;二、后端PHP驗(yàn)證示例代碼?php/1.初始化變量$zh=;$mm=;$mm2=;$xb=;$jg=;$ah=;$jj=;$errmsg=;/2.獲取表單值if(isset($_POSTzh)$zh=$_POSTzh;if(isset($_POSTmm)$mm=$_POSTmm;if(isset($_POSTmm2)$mm2=$_POSTmm2;if(isset($_POSTxb)$xb=$_POSTxb;if(isset($_POSTjg)$jg=$_POSTjg;if(isset($_POSTah)$ah=imp

8、lode(、,$_POSTah);if(isset($_POSTjj)$jj=$_POSTjj;/3.驗(yàn)證用戶輸入的值是否規(guī)范if($zh=)$errmsg=$errmsg.請(qǐng)輸入賬號(hào)！;if($mm=)$errmsg=$errmsg.請(qǐng)輸入密碼！;if($mm2=)$errmsg=$errmsg.請(qǐng)輸入確認(rèn)密碼！;if($mm!=$mm2)$errmsg=$errmsg.兩次密碼不一致！;if($xb=)$errmsg=$errmsg.請(qǐng)選擇性別！;if($jg=)$errmsg=$errmsg.請(qǐng)選擇籍貫！;if($ah=)$errmsg=$errmsg.請(qǐng)選擇愛(ài)好！;if($errmsg

9、!=)echo $errmsg;exit();?實(shí)驗(yàn)項(xiàng)目一 小結(jié)1. 如何給用戶提供數(shù)據(jù)錄入的界面？（1）HTML或PHP網(wǎng)頁(yè)中的表單（2）form中method=post表示以表單形式提交，method=get表示以URL地址形式提交，action=save.php表示提交數(shù)據(jù)到save.php程序進(jìn)行處理。（3）input中type=submit表示提交按鈕，type=button表示普通按鈕, type=reset表示重置表單數(shù)據(jù)。 賬戶： 密碼： 性別： 男 女 籍貫： 重慶 四川 愛(ài)好： 讀書(shū) 體育 簡(jiǎn)介：   2. 如何在PHP中獲取用戶錄入的數(shù)據(jù)？（1）如果form中m

10、ethod=post,則php程序中使用$_POST表單控件名稱獲取數(shù)據(jù)；（2）如果method=get,則php程序中使用$_GET表單控件名稱獲取數(shù)據(jù)。賬號(hào)：密碼：性別：籍貫：愛(ài)好：簡(jiǎn)介：3. 如何在PHP中顯示獲取到的數(shù)據(jù)？例：4. 如果獲取表單中復(fù)選框的所有選中的值？（1）首先，form表單的復(fù)選框名稱后面需要加例：（2）在php中使用implode來(lái)解析獲取到的數(shù)據(jù)例：愛(ài)好：5. 前端JavaScript驗(yàn)證是否輸入值function chkform()var zh=document.form1.zh.value;var mm=document.form1.mm.value;var

11、jj=document.form1.jj.value; if(zh=)alert(請(qǐng)輸入賬號(hào)！);document.form1.zh.focus();return false;if(mm=)alert(請(qǐng)輸入密碼！);document.form1.mm.focus();return false;if(jj=)alert(請(qǐng)輸入簡(jiǎn)介！);document.form1.jj.focus();return false;return true;6. 后端PHP程序驗(yàn)證是否輸入值?phpif($_POSTzh= | $_POSTmm= | $_POSTjj=)/*echo alert(賬號(hào)、密碼、簡(jiǎn)介均不能為空！);history.go(-1);*/echo 賬號(hào)、密碼、簡(jiǎn)介均不能為空！;exit;?7. 檢測(cè)用戶輸入的值是否整型/檢測(cè)是否為整數(shù)function chkint($vo)$v=0;if(isset($vo)/1.檢測(cè)是否為數(shù)字字符串if(is_numeric($vo)/2.轉(zhuǎn)換為整型數(shù)字$v=intva