目录
前言
概述
内容
创建数据库表
实现列表
新增用户
删除用户
编辑用户
前言
最近刚学完PHP和Mysql,历时半个多月时间完成了这样一个简单的算是人员管理系统吧,为了加深印象总结一下,还有很多不足之处,希望大家多多指正,一起学习!
概述
完成这个系统我们要用到的软件有VScode(大家应该都有),Navicat(数据库管理工具),XAMPP(大家如果没有装数据库,可以在下载时勾选里面的Mysql)。还需在文件中加入layui。
总共有以下这些文件:
内容
创建数据库表
- 首先我们需要在Navicat中建立两个表,第一个时登录系统的表,主要用于存放账号密码
第二个用来实现增删改查的user表
连接数据库db.php
管理系统 body { background-color: #5FB878; /* display: flex; justify-content: center; align-items: center; */ } .box { width: 330px; height: 230px; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 6px; box-shadow: rgba(29, 203, 122, 0.3) 0px 0px 0px 3px; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .btns { display: flex; justify-content: space-between; } 后台管理系统
//Demo // layui.use('form', function() { // var form = layui.form; // //提交 // form.on('submit(formDemo)', function(data) { // layer.msg(JSON.stringify(data.field)); // return false; // }); // });
server_login.php
query($sql);$user = $stmt->fetch();//判断if(empty($user)){ //未成功,返回登录页 echo "alert('账号或密码错误'); history.back();";}else{ //成功 session_start(); //存储session $_SESSION['username'] = $user['username']; echo "location.href = '../view/userlist.php'";}
效果
实现列表
nav.php
后台管理系统 - 其他
- menu 11
- menu 22
- menu 33
- tester
- Your Profile
- Settings
- Sign out
-
- 所有用户
- 用户列表
- 添加用户
- menu 3
- the links
- 新闻管理
- list 1
- list 2
- 超链接
- 云市场
- 发布商品
userlist.php
首页 .btn1 { padding: 15px; } img { width: 30px; height: 30px; } 编号 账号 密码 姓名 头像 身份 年龄 生日 创建时间 操作 <?php foreach ($users as $user) { echo " {$user['id']} {$user['username']} {$user['password']} {$user['name']} --> //删除用户 function delUser(id,name) { layer.confirm('确定要删除'+name+'吗" />处理右侧面板的操作', area: ['260px', '100%'], offset: 'rt' //右上角 , anim: 5, shadeClose: true }); } }); }); server_userlist.php
query($sql);//处理结果集$users = $stmt->fetchAll();date_default_timezone_set('Asia/Shanghai');// echo "";// foreach ($users as $v){ // print_r($v);// }//对结果集中数据做转换foreach ($users as &$item) { switch($item['type']) { case 0: $item['type_name'] = '校长'; break; case 1: $item['type_name'] = '教师'; break; case 2: $item['type_name'] = '学生'; break; }$item['ctime'] = date('Y-m-d H-i-s',$item['create_time']);}
效果
新增用户
useradd.php 新增用户 .btn1 { padding: 15px; } #show_img { width: 40px; height: 40px; display: none; } 底部固定区域 <!-- --> //js // layui.use('form', function(){ // var form = layui.form; // //监听提交 // form.on('submit(formDemo)', function(data){ // return false; // }); // }); //头像上传相关操作 layui.use('upload', function() { var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#pic' //绑定元素 , url: '../server/upload.php' //上传接口 , field:'pic', done: function(res) { console.log(res); //上传完毕回调 $("input[name='icon']").attr("value",res.data.path); $("input[name='pic']").attr("value",res.data.path); $("#show_img").attr("src",res.data.path).css('display',"inline-block") }, error: function() { //请求异常回调 } }); }); // 日期相关操作 layui.use('laydate', function() { var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#birthday' //指定元素 }); }); //JS layui.use(['element', 'layer', 'util'], function() { var element = layui.element, layer = layui.layer, util = layui.util, $ = layui.$; //头部事件 util.event('lay-header-event', { //左侧菜单事件 menuLeft: function(othis) { layer.msg('展开左侧菜单的操作', { icon: 0 }); }, menuRight: function() { layer.open({ type: 1, content: '处理右侧面板的操作', area: ['260px', '100%'], offset: 'rt' //右上角 , anim: 5, shadeClose: true }); } }); });
server_useradd.php
删除用户
server_userdelete.php exec($sql);//判断并处理结果if($isSuccess) { echo "location.href = '../view/userlist.php'";}else{ echo "alert('删除失败');location.href = '../view/userlist.php'";}
效果
编辑用户
useredit.php 编辑用户 .btn1{ padding: 15px; } img{ width: 30px; height: 30px; } <?php echo ""; ?> <?php echo " " ?> <?php echo" "; ?> <?php echo "" ?> <?php echo " " ?> <input type="radio" name="type" value="0" title="校长" > <input type="radio" name="type" value="1" title="老师" > <input type="radio" name="type" value="2" title="学生" > <input type='hidden' name='id' value='立即提交 layui.use('upload', function() { var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#pic' //绑定元素 , url: '../server/upload.php' //上传接口 , field: 'pic', done: function(res) { //上传完毕回调 $("input[name='icon']").attr("value",res.data.path); $("#show_img").attr("src",res.data.path).css('display','inline-block'); }, error: function() { //请求异常回调 } }); }); // layui.use('laydate', function() { var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '#birthday' //指定元素 }); }); //JS layui.use(['element', 'layer', 'util'], function() {var element = layui.element,layer = layui.layer,util = layui.util,$ = layui.$;//头部事件util.event('lay-header-event', {//左侧菜单事件menuLeft: function(othis) {layer.msg('展开左侧菜单的操作', { icon: 0});},menuRight: function() {layer.open({ type: 1, content: '处理右侧面板的操作', area: ['260px', '100%'], offset: 'rt' //右上角 , anim: 5, shadeClose: true});}});});
server_useredit.php
<?php//引入数据库连接文件require_once '../server/db.php';$id=$_GET['id'];$sql="select * from user whereid"];$name=$user["name"];$username=$user["username"];$password=$user["password"];$age=$user["age"];$birthday= $user["birthday"];$type= $user["type"];$icon=$user["icon"];
server_userupdate.php
exec($sql);if ($stmt == true) { echo "location.href='../view/userlist.php';";} else { echo "alert('更新失败!');location.href='../view/useredit.php';";}
效果