您的位置: 首页  >  IT文章  >  PHP自练项目中个人中心创建，修改，验证（服务器端和客户端验证）

PHP自练项目中个人中心创建，修改，验证（服务器端和客户端验证）

分类: IT文章 • 2022-03-05 17:39:29

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>性&nbsp;&nbsp;别：<?php echo $_html['sex']?></dd>
        <dd>头&nbsp;&nbsp;像：<?php echo $_html['face']?></dd>
        <dd>电子邮件：<?php echo $_html['email']?></dd>
        <dd>主&nbsp;&nbsp;页：<?php echo $_html['url']?></dd>
        <dd>QQ&nbsp;&nbsp;：<?php echo $_html['qq']?></dd>
        <dd>注册时间：<?php echo $_html['reg_time']?></dd>
        <dd>身&nbsp;&nbsp;份：<?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>性&nbsp;&nbsp;别：<?php echo $_html['sex_html']?></dd>
                    <dd>头&nbsp;&nbsp;像：<?php echo $_html['face_html']?></dd>
                    <dd>电子邮件：<input type="text" class="text" name="email" value="<?php echo $_html['email']?>" /></dd>
                    <dd>主&nbsp;&nbsp;页：<input type="text" class="text" name="url" value="<?php echo $_html['url']?>" /></dd>
                    <dd>QQ&nbsp;&nbsp;：<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;
    }
    };
};
 

相关推荐