PHP實驗指導書_項目一_注冊與登錄功能實現(xiàn)

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

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

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

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

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

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

7、m1.jj.focus();return false;return true;二、后端PHP驗證示例代碼?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.驗證用戶輸入的值是否規(guī)范if($zh=)$errmsg=$errmsg.請輸入賬號！;if($mm=)$errmsg=$errmsg.請輸入密碼！;if($mm2=)$errmsg=$errmsg.請輸入確認密碼！;if($mm!=$mm2)$errmsg=$errmsg.兩次密碼不一致！;if($xb=)$errmsg=$errmsg.請選擇性別！;if($jg=)$errmsg=$errmsg.請選擇籍貫！;if($ah=)$errmsg=$errmsg.請選擇愛好！;if($errmsg

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

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

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