当注册成功到登录后进入个人中心,查看和修改自己的资料
第一步:创建个人中心:
<?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\-\.][email protected][\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; } }; };
时间: 2024-11-03 22:45:45