PHP自练项目中个人中心创建，修改，验证（服务器端和客户端验证）
当注册成功到登录后进入个人中心，查看和修改自己的资料
第一步：创建个人中心：
<?php //定义个常量，用来授权调用includes里面的文件
define('IN_TG',true); //定义个常量，用来指定本页的内容
define('SCRIPT','member'); //引入公共文件
require dirname(__FILE__).'/includes/common.inc.php'; //是否正常登录
if (isset($_COOKIE['username'])) { //获取数据
$_rows=_fetch_array("SELECT tg_username,tg_sex,tg_face,tg_email,tg_url,tg_qq,tg_level,tg_reg_time FROM tg_user WHERE tg_username='{$_COOKIE['username']}'"); if($_rows){ /* $_username=$_rows['tg_username']; $_sex=$_rows['tg_sex']; */
$_html=array(); $_html['username']=$_rows['tg_username']; $_html['sex'] = $_rows['tg_sex']; $_html['face'] = $_rows['tg_face']; $_html['email'] = $_rows['tg_email']; $_html['url'] = $_rows['tg_url']; $_html['qq'] = $_rows['tg_qq']; $_html['reg_time'] = $_rows['tg_reg_time']; switch ($_rows['tg_level']){ case 0:
$_html['level'] = '普通会员'; break; case 1:
$_html['level'] = '管理员'; break; default:
$_html['level'] = '不是本地管理员'; } $_html = _html($_html); }else{ _alert_back('此用户不存在！'); } }else{ _alert_back("非法登录！"); } ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多用户留言系统--个人用户中心</title>
<?php require ROOT_PATH.'includes/title.inc.php'; ?>
</head>
<body>
<?php require ROOT_PATH.'includes/header.inc.php'; ?>
<div id="member">
<?php require ROOT_PATH.'includes/member.inc.php'; ?>
<div id="member_main">
<h2>会员管理中心</h2>
<dl>
<dd>用户名：<?php echo $_html['username']?></dd>
<dd>性 别：<?php echo $_html['sex']?></dd>
<dd>头 像：<?php echo $_html['face']?></dd>
<dd>电子邮件：<?php echo $_html['email']?></dd>
<dd>主 页：<?php echo $_html['url']?></dd>
<dd>QQ ：<?php echo $_html['qq']?></dd>
<dd>注册时间：<?php echo $_html['reg_time']?></dd>
<dd>身 份：<?php echo $_html['level']?></dd>
</dl>
</div>
</div>
<?php require ROOT_PATH.'includes/footer.inc.php'; ?>
</body>
</html>
require ROOT_PATH.'includes/member.inc.php'中的代码：
<?php //防止恶意调用
if (!defined('IN_TG')) { exit('Access Defined!'); } ?>
<div id="member_sidebar">
<h2>中心导航</h2>
<dl>
<dt>帐号管理</dt>
<dt>
<a href="member.php">个人信息</a>
</dt>
<dt>
<a href="member_modify.php">修改资料</a>
</dt>
</dl>
<dl>
<dt>其他管理</dt>
<dt>
<a href="#">短信查阅</a>
</dt>
<dt>
<a href="#">好友设置</a>
</dt>
<dt>
<a href="#">查询花朵</a>
</dt>
<dt>
<a href="#">个人相册</a>
</dt>
</dl>
</div>
相关的CSS
@CHARSET "UTF-8"; #member { width:auto; height:600px; border:2px solid #ccc; font-size:12px;
} #member h2 { text-indent:0; text-align:center; height:30px; line-height:30px;
} #member #member_sidebar { width:300px; height:500px; margin:15px; border:1px dashed #999; float:left;
} #member #member_sidebar dl { width:250px; background:red; margin:15px auto;
} #member #member_sidebar dl dt { height:40px; line-height:40px; background:#999; font-weight:bold; text-align:center; color:#fff;
} #member #member_sidebar dl dd { height:40px; line-height:40px; background:#eee; font-weight:bold; text-align:center;
} #member #member_sidebar dl dd a { display:block; color:#333; text-decoration:none;
} #member #member_sidebar dl dd a:hover { background:#ccc;
} #member #member_main { width:590px; height:500px; margin:15px; border:1px dashed #999; float:right;
} #member #member_main dl { width:500px; margin:15px auto; font-size:14px;
} #member #member_main dl dd { padding:10px 0; border-bottom:1px dashed #999;
}
个人中心创建后就是修改个人中心：
<?php session_start(); //定义个常量，用来授权调用includes里面的文件
define('IN_TG',true); //定义个常量，用来指定本页的内容
define('SCRIPT','member_modify'); //引入公共文件
require dirname(__FILE__).'/includes/common.inc.php'; //修改资料及服务端的验证函数是调用了注册时使用的register.func.php 来验证
if($_GET['action']=='modify'){ //echo '修改的资料有误，请确认';
_check_code($_POST, $_SESSION['code']); include ROOT_PATH.'includes/register.func.php'; $_clean=array(); $_clean['password'] = _check_modify_password($_POST['password'],6); $_clean['sex']=_check_sex($_POST['sex']); $_clean['face'] = _check_face($_POST['face']); $_clean['email'] = _check_email($_POST['email'], 6, 40); $_clean['qq'] = _check_qq($_POST['qq']); $_clean['url'] = _check_url($_POST['url'], 40); //修改资料
if (empty($_clean['password'])){ _query("UPDATE tg_user SET tg_password='{$_clean['password']}', tg_sex='{$_clean['sex']}', tg_face='{$_clean['face']}', tg_email='{$_clean['email']}', tg_qq='{$_clean['qq']}'; tg_url='{$_clean['url']}' WHERE tg_username='{$_COOKIE['username']}' "); }else{ _query("UPDATE tg_user SET tg_password='{$_clean['password']}', tg_sex='{$_clean['sex']}', tg_face='{$_clean['face']}', tg_email='{$_clean['email']}', tg_qq='{$_clean['qq']}', tg_url='{$_clean['url']}' WHERE tg_username='{$_COOKIE['username']}' "); } //判断是否修改
if(_affected_rows()==1){ _close(); _session_destroy(); _location('恭喜你，修改成功', 'member.php'); }else{ _close(); _session_destroy(); _location('很遗憾，修改失败', 'member_modify.php'); } } //是否正常登录
if (isset($_COOKIE['username'])) { //获取数据
$_rows=_fetch_array("SELECT tg_username,tg_sex,tg_face,tg_email,tg_url,tg_qq FROM tg_user WHERE tg_username='{$_COOKIE['username']}'"); if($_rows){ /* $_username=$_rows['tg_username']; $_sex=$_rows['tg_sex']; */
$_html=array(); $_html['username']=$_rows['tg_username']; $_html['sex'] = $_rows['tg_sex']; $_html['face'] = $_rows['tg_face']; $_html['email'] = $_rows['tg_email']; $_html['url'] = $_rows['tg_url']; $_html['qq'] = $_rows['tg_qq']; $_html = _html($_html); //性别选择
if ($_html['sex'] == '男') { $_html['sex_html'] = '<input type="radio" name="sex" value="男" checked="checked" /> 男 <input type="radio" name="sex" value="女" /> 女'; } elseif ($_html['sex'] == '女') { $_html['sex_html'] = '<input type="radio" name="sex" value="男" /> 男 <input type="radio" name="sex" value="女" checked="checked" /> 女'; } //头像选择
$_html['face_html'] = '<select name="face">'; foreach (range(1,9) as $_num) { $_html['face_html'] .= '<option value="face/m0'.$_num.'.gif">face/m0'.$_num.'.gif</option>'; } foreach (range(10,64) as $_num) { $_html['face_html'] .= '<option value="face/m'.$_num.'.gif">face/m'.$_num.'.gif</option>'; } $_html['face_html'] .= '</select>'; }else{ _alert_back('此用户不存在！'); } }else{ _alert_back("非法登录！"); } ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多用户留言系统--个人用户中心</title>
<?php require ROOT_PATH.'includes/title.inc.php'; ?>
<script type="text/javascript" src="js/code.js"></script>
<script type="text/javascript" src="js/member_modify.js"></script>
</head>
<body>
<?php require ROOT_PATH.'includes/header.inc.php'; ?>
<div id="member">
<?php require ROOT_PATH.'includes/member.inc.php'; ?>
<div id="member_main">
<h2>会员管理中心</h2>
<form method="post" action="?action=modify">
<dl>
<dd>用户名：<?php echo $_html['username']?></dd>
<dd>密 码:<input type="password" class="text" name="password"/>(*留空表示不修改)</dd>
<dd>性 别：<?php echo $_html['sex_html']?></dd>
<dd>头 像：<?php echo $_html['face_html']?></dd>
<dd>电子邮件：<input type="text" class="text" name="email" value="<?php echo $_html['email']?>" /></dd>
<dd>主 页：<input type="text" class="text" name="url" value="<?php echo $_html['url']?>" /></dd>
<dd>QQ ：<input type="text" class="text" name="qq" value="<?php echo $_html['qq']?>" /></dd>
<dd>验证码:<input type="text" name="code" class="text yzm" /><img src="code.php" id="code"></img></dd>
<dd><input type="submit" class="submit" value="修改资料" /></dd>
</dl>
</form>
</div>
</div>
<?php require ROOT_PATH.'includes/footer.inc.php'; ?>
</body>
</html>
_check_modify_password：
相对应的封装函数：
/** * * @param unknown $_string * @param unknown $_min_num * @return NULL|string */
function _check_modify_password($_string,$_min_num){ //判断密码
if (! empty ( $_string )) { if (strlen ( $_string ) < $_min_num) { _alert_back ( '密码不得小于' . $_min_num . '位！' ); } }else{ return null; } return sha1($_string); }
相关的CSS文件：
@CHARSET "UTF-8"; #member { width:auto; height:600px; border:2px solid #ccc; font-size:12px;
} #member h2 { text-indent:0; text-align:center; height:30px; line-height:30px;
} #member #member_sidebar { width:300px; height:500px; margin:15px; border:1px dashed #999; float:left;
} #member #member_sidebar dl { width:250px; background:red; margin:15px auto;
} #member #member_sidebar dl dt { height:40px; line-height:40px; background:#999; font-weight:bold; text-align:center; color:#fff;
} #member #member_sidebar dl dd { height:40px; line-height:40px; background:#eee; font-weight:bold; text-align:center;
} #member #member_sidebar dl dd a { display:block; color:#333; text-decoration:none;
} #member #member_sidebar dl dd a:hover { background:#ccc;
} #member #member_main { width:590px; height:500px; margin:15px; border:1px dashed #999; float:right;
} #member #member_main dl { width:500px; margin:15px auto; font-size:14px;
} #member #member_main dl dd { padding:10px 0; border-bottom:1px dashed #999;
} #member #member_main dl dd input.text { width:220px; height:19px; border:1px dashed #333; background:#fff;
} #member #member_main dl dd input.yzm { width:60px;
} #member #member_main dl dd img#code { position:relative; top:8px; cursor:pointer;
} #member #member_main dl dd input.submit { width:60px; height:22px; border:1px dashed #333; background:#fff; cursor:pointer;
}
客户端验证：
调用了register.js 的代码
window.onload=function(){ code(); //表单验证，客户端
var fm=document.getElementsByTagName('form')[0]; fm.onsubmit=function(){ //密码验证
if(fm.password.value=''){ if (fm.password.value.length < 6) { alert('密码不得小于6位'); fm.password.value = ''; //清空
fm.password.focus(); //将焦点以至表单字段
return false; } } //邮箱验证
if (!/^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/.test(fm.email.value)) { alert('邮件格式不正确'); fm.email.value = ''; //清空
fm.email.focus(); //将焦点以至表单字段
return false; } //QQ号码
if (fm.qq.value != '') { if (!/^[1-9]{1}[\d]{4,9}$/.test(fm.qq.value)) { alert('QQ号码不正确'); fm.qq.value = ''; //清空
fm.qq.focus(); //将焦点以至表单字段
return false; } } //网址
if (fm.url.value != '') { if (!/^https?:\/\/(\w+\.)?[\w\-\.]+(\.\w+)+$/.test(fm.url.value)) { alert('网址不合法'); fm.url.value = ''; //清空
fm.url.focus(); //将焦点以至表单字段
return false; } } //验证码验证
if (fm.code.value.length != 4) { alert('验证码必须是4位'); fm.code.value = ''; //清空
fm.code.focus(); //将焦点以至表单字段
return false; } }; };