6.1工具欄

<div id="toolbar">
    
    <a href="javascript:openDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">新建用戶</a>

</div>

6.2新增面板

<div id="dialog0" class="easyui-dialog" style="width:500px;height:300px;padding:10px 20px;" closed="true"
           data-options="title:‘用戶新增‘" buttons="#dialog0-buttons"> 
    <!-- 在對話框中畫一個簡單的表達組件 -->
    <form id="form0" method="post">
        <table cellspacing="5px;" cellpadding="0px">
          <tr>
            
            <td>用戶名：</td>
            <td><input type="text" id="username" name="username" class="easyui-validatebox" required="true"/></td>
          </tr>
          
          <tr>
            
            <td>密碼：</td>
            <td><input type="password" id="password" name="password" class="easyui-validatebox" required="true"/></td>
          </tr>

          <tr>
            
            <td>昵稱：</td>
            <td><input type="text" id="nickname" name="nickname" class="easyui-validatebox" required="true"/></td>
          </tr>


          
        </table>

    </form>

  </div>

  <div id="dialog0-buttons">
    <a href="javascript:save();" class=‘easyui-linkbutton‘ iconCls="icon-ok">保存</a>
  </div>
 

6.3點擊新增按鈕就打開新增面板

function openDialog(){
    
    $("#dialog0").dialog("open");

}

6.4保存方法

//保存方法
function save(){

  $("#form0").form("submit",{

    //提交的目標服務器地址
    url : "save.php" ,

    //驗證表單內元素是否有效？
    onSubmit : function(){
        return $(this).form("validate");
    } ,

    //如果服務器成功返回數據，就會啟動這個方法
    //參數data就是服務器返回的數據
    success : function(data){

        data = eval("("+data+")");

        if(data.errCode < 0){
            $.messager.alert("系統提醒",data.errMsg);
            return;
        }

        $.messager.alert("系統提醒","保存成功！");
$("#grid0").datagrid("reload");
        $("#dialog0").dialog("close");
    }

  });

}
 

6.5保存用戶後臺編寫

<?php

//連接MySQL數據庫
$conn = mysql_connect("localhost","root","");
$db = mysql_select_db("test",$conn);
mysql_query("set names utf8");

//設置一個返回對象
$resultData = array();
$resultData["errCode"] = 0;
$resultData["errMsg"] = "";


if(isset($_POST["id"]) && $_POST["id"] != null){

    //修改

}else{

    //新增
    $username = $_POST["username"];
    $password = $_POST["password"];
    $nickname = $_POST["nickname"];

    $sql = "insert into tm_users values (NULL,‘$username‘,‘$password‘,‘$nickname‘,now(),now(),0)";

    mysql_query($sql) or die(err());

    echo json_encode($resultData);


}


function err(){

    $resultData["errCode"] = -1;
    $resultData["errMsg"] = mysql_error();
    echo json_encode($resultData);
    return;

}
 

?>

6.6保存用戶的時候不允許用戶名重復

6.6.1新增

<?php
    
    //連接MySQL數據庫
    $conn = mysql_connect("localhost","root","");
    $db = mysql_select_db("test",$conn);
    mysql_query("set names utf8");

    //設置一個返回對象
    $resultData = array();
    $resultData["errCode"] = 0;
    $resultData["errMsg"] = "";


    if(isset($_POST["id"]) && $_POST["id"] != null){

        //修改

    }else{


        //新增
        $username = $_POST["username"];
        $password = $_POST["password"];
        $nickname = $_POST["nickname"];

        $sql = "insert into tm_users values (NULL,‘$username‘,‘$password‘,‘$nickname‘,now(),now(),0)";

        //用戶名非重復檢測

        $rs = mysql_query("select count(1) as total from tm_users where username = ‘$username‘;");


        while($row = mysql_fetch_array($rs)){
            if($row["total"] > 0){
                $resultData["errCode"] = -1;
                $resultData["errMsg"] = "用戶名重復！";
                echo json_encode($resultData);
                return;
            }
        }


        //執行新增操作
        mysql_query($sql) or die(err());

        echo json_encode($resultData);


    }


    function err(){

        $resultData["errCode"] = -1;
        $resultData["errMsg"] = mysql_error();
        echo json_encode($resultData);
        return;

    }


?>

6.7密碼加密

做一個優化，因為目前的密碼雖然在頁面上用 * 表示，但是只要是懂一點編程的人，都知道用瀏覽器的抓包工具去查看泛泰返回的數據。

其實，一勞永逸的方法，就是保存密碼的時候就把你這個密碼進行加密。這樣一來，我們存到數據庫裏面的密碼就已經是加密過的字符串。
方法：

$password = md5 ( $_POST["password"] );

源碼獲取：https://www.jianshu.com/p/4977bd0073d5

【php增刪改查實例】第十六節 - 用戶新增