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保存用户后台编写
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"] );
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)