目录

前言

概述

内容

创建数据库表

实现列表

新增用户

删除用户

编辑用户


前言

最近刚学完PHP和Mysql,历时半个多月时间完成了这样一个简单的算是人员管理系统吧,为了加深印象总结一下,还有很多不足之处,希望大家多多指正,一起学习!

概述

完成这个系统我们要用到的软件有VScode(大家应该都有),Navicat(数据库管理工具),XAMPP(大家如果没有装数据库,可以在下载时勾选里面的Mysql)。还需在文件中加入layui。

总共有以下这些文件:

内容

  • 创建数据库表

  1. 首先我们需要在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';";}

    效果

  • Copyright © maxssl.com 版权所有 浙ICP备2022011180号