PHP连接数据库MySQL打造xxx管理系统，实现简单的增删改查功能

前言

概述

内容

创建数据库表

实现列表

新增用户

删除用户

编辑用户

前言

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

概述

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

总共有以下这些文件：

内容

创建数据库表

首先我们需要在Navicat中建立两个表，第一个时登录系统的表，主要用于存放账号密码

第二个用来实现增删改查的user表

连接数据库db.php

<?php
$dsn = "mysql:host=127.0.0.1;port=3306;dbname=system;charset=utf8";
$mysqlAccount = "root";
$mysqlPassword = "";
// 创建PDO对象
$pdo = new PDO($dsn, $mysqlAccount, $mysqlPassword);//设置取值方式
// $pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE,PDO::FETCH_ASSOC);

获取图片upload.php

.实现登录

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>管理系统</title><link rel="stylesheet" href="../utils/layui-v2.7.6/css/layui-css"><script src="../utils/layui-v2.7.6/layui/layui.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script><style>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;}</style>
</head><body><div class="box"><h2>后台管理系统</h2><form class="layui-form" action="../server/server_login.php" method="POST"><div class="layui-form-item"><div><input type="text" name="username" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><div ><input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div></form></div><script>//Demo// layui.use('form', function() {//     var form = layui.form;//     //提交//     form.on('submit(formDemo)', function(data) {//         layer.msg(JSON.stringify(data.field));//         return false;//     });// });</script>
</body></html>

server_login.php

<?phprequire_once '../server/db.php';
//获取账号密码
$username = $_POST['username'];
$password = $_POST['password'];
//定义语句
$sql = "select * from admin where username = '$username' and password = '$password'";//执行
$stmt = $pdo->query($sql);
$user = $stmt->fetch();//判断
if(empty($user)){//未成功，返回登录页echo "<script>alert('账号或密码错误'); history.back();</script>";}else{//成功session_start();//存储session$_SESSION['username'] = $user['username'];echo "<script>location.href = '../view/userlist.php'</script>";
}

效果

实现列表
nav.php

<div class="layui-header"><div class="layui-logo layui-hide-xs layui-bg-black">后台管理系统</div><!-- 头部区域（可配合layui 已有的水平导航） --><ul class="layui-nav layui-layout-left"><!-- 移动端显示 --><li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft"><i class="layui-icon layui-icon-spread-left"></i></li><li class="layui-nav-item layui-hide-xs"><a href="">控制台</a></li><li class="layui-nav-item layui-hide-xs"><a href="">商品管理</a></li><li class="layui-nav-item layui-hide-xs"><a href="">用户</a></li><li class="layui-nav-item"><a href="javascript:;">其他</a><dl class="layui-nav-child"><dd><a href="">menu 11</a></dd><dd><a href="">menu 22</a></dd><dd><a href="">menu 33</a></dd></dl></li></ul><ul class="layui-nav layui-layout-right"><li class="layui-nav-item layui-hide layui-show-md-inline-block"><a href="javascript:;"><img src="gg.jpg" class="layui-nav-img">tester</a><dl class="layui-nav-child"><dd><a href="">Your Profile</a></dd><dd><a href="">Settings</a></dd><dd><a href="">Sign out</a></dd></dl></li><li class="layui-nav-item" lay-header-event="menuRight" lay-unselect><a href="javascript:;"><i class="layui-icon layui-icon-more-vertical"></i></a></li></ul></div><div class="layui-side layui-bg-black"><div class="layui-side-scroll"><!-- 左侧导航区域（可配合layui已有的垂直导航） --><ul class="layui-nav layui-nav-tree" lay-filter="test"><li class="layui-nav-item layui-nav-itemed"><a class="" href="javascript:;">所有用户</a><dl class="layui-nav-child"><dd><a href="javascript:;">用户列表</a></dd><dd><a href="javascript:;">添加用户</a></dd><dd><a href="javascript:;">menu 3</a></dd><dd><a href="">the links</a></dd></dl></li><li class="layui-nav-item"><a href="javascript:;">新闻管理</a><dl class="layui-nav-child"><dd><a href="javascript:;">list 1</a></dd><dd><a href="javascript:;">list 2</a></dd><dd><a href="">超链接</a></dd></dl></li><li class="layui-nav-item"><a href="javascript:;">云市场</a></li><li class="layui-nav-item"><a href="">发布商品</a></li></ul></div></div>

userlist.php

<?php
session_start();
// $_SESSION['username']
if (empty($_SESSION['username'])) {echo "<script>alert('请先登录');location.href = './login.php'</script>";
}//引入数据库连接文件
require_once '../server/server_userlist.php';?>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><title>首页</title><link rel="stylesheet" href="../utils/layui-v2.7.6/layui/css/layui.css"><script src="../utils/layui-v2.7.6/layui/layui.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
</head><style>.btn1 {padding: 15px;}img {width: 30px;height: 30px;}
</style><body><div class="layui-layout layui-layout-admin"><?php include './nav.php' ?><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;"><!-- 页面主体内容 --><button type="buttton" class="layui-btn" onclick="location.href= 'useradd.php'"><i class="layui-icon layui-icon-add-circle-fine"></i> 新增用户</button><!-- 显示用户信息的表格 --><table class="layui-table"><colgroup><col width="150"><col width="200"><col></colgroup><thead><tr><th>编号</th><th>账号</th><th>密码</th><th>姓名</th><th>头像</th><th>身份</th><th>年龄</th><th>生日</th><th>创建时间</th><th>操作</th></tr></thead><tbody><?phpforeach ($users as $user) {echo "<tr><td>{$user['id']}</td><td>{$user['username']}</td><td>{$user['password']}</td><td>{$user['name']}</td><td><img src='{$user['icon']}'></td> <td>{$user['type_name']}</td><td>{$user['age']}</td><td>{$user['birthday']}</td><td>{$user['ctime']}</td><td><button type='button' class='layui-btn layui-btn-normal layui-btn-sm ' onclick='toEditPage(${user['id']})'>编辑</button><button type='button' class='layui-btn layui-btn-danger layui-btn-sm ' onclick='delUser(${user['id']},\"{$user['name']}\")'>删除</button></td></tr>";}?></tbody></table><!-- 分页 --><div id="test1"></div></div></div><div class="layui-footer"><!-- 底部固定区域 -->底部固定区域</div></div><!-- <script src="./layui/layui.js"></script> --><script>//删除用户function delUser(id,name) {layer.confirm('确定要删除'+name+'吗?', {icon: 3,title: '提示'}, function(index) {window.location.href = '../server/server_userdelete.php?id=' + id;layer.close(index);});}//编辑用户function toEditPage(id) {window.location.href = "./useredit.php?id=" + id;}// JS分页相关layui.use('laypage', function() {var laypage = layui.laypage;//执行一个laypage实例laypage.render({elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号,count: 50 //数据总数，从服务端得到});});//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: '<div style="padding: 15px;">处理右侧面板的操作</div>',area: ['260px', '100%'],offset: 'rt' //右上角,anim: 5,shadeClose: true});}});});</script>
</body></html>

server_userlist.php

<!-- 通过数据库获取用户数据 -->
<?php
//引入数据库连接文件
require_once '../server/db.php';//定义sql语句
$sql = "select * from user";//执行查询
$stmt = $pdo->query($sql);//处理结果集
$users = $stmt->fetchAll();date_default_timezone_set('Asia/Shanghai');
// echo "<pre>";
// 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

<?php
session_start();
// $_SESSION['username']
if (empty($_SESSION['username'])) {echo "<script>alert('请先登录');location.href = './login.php'</script>";
}//引入数据库连接文件?>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><title>新增用户</title><link rel="stylesheet" href="../utils/layui-v2.7.6/layui/css/layui.css"><script src="../utils/layui-v2.7.6/layui/layui.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
</head><style>.btn1 {padding: 15px;}#show_img {width: 40px;height: 40px;display: none;}
</style><body><div class="layui-layout layui-layout-admin"><?php include './nav.php' ?><div class="layui-body"><!-- 内容主体区域 --><div style="padding: 15px;width: 450px;"><!-- 新增用户的表单 --><form class="layui-form" action="../server/server_useradd.php" method="POST"><div class="layui-form-item"><label class="layui-form-label">账号</label><div class="layui-input-block"><input type="text" name="username" required lay-verify="required" placeholder="请输入编号" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">密码</label><div class="layui-input-block"><input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"></div></div><form class="layui-form" action=""><div class="layui-form-item"><label class="layui-form-label">姓名</label><div class="layui-input-block"><input type="text" name="name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label class="layui-form-label">身份</label><div class="layui-input-block"><input type="radio" name="type" value="0" title="校长"><input type="radio" name="type" value="1" title="教师"><input type="radio" name="type" value="2" title="学生" checked></div></div><div class="layui-form-item"><div class="layui-form-item"><label class="layui-form-label">年龄</label><div class="layui-input-block"><input type="text" name="age" required lay-verify="required" placeholder="请输入年龄" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><div class="layui-form-item"><label class="layui-form-label">生日</label><div class="layui-input-block"><input type="text" name="birthday" class="layui-input" id="birthday"></div></div><div class="layui-form-item"><div class="layui-form-item"><label class="layui-form-label">头像</label><input type="hidden" name="icon"><div class="layui-input-block"><button type="button" class="layui-btn" id="pic"><i class="layui-icon"></i>上传图片</button><img src=" " alt="" id="show_img"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div></form></div></div><div class="layui-footer"><!-- 底部固定区域 -->底部固定区域</div></div><!-- <script src="./layui/layui.js"></script> --><script>//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: '<div style="padding: 15px;">处理右侧面板的操作</div>',area: ['260px', '100%'],offset: 'rt' //右上角,anim: 5,shadeClose: true});}});});</script>
</body></html>

server_useradd.php

<!-- 新增用户的后端操作 --><?php//引入数据库连接文件
require_once './db.php';
//获取表单参数
$username = $_POST['username'] ;
$password = $_POST['password'] ;
$name = $_POST['name'] ;
$type = $_POST['type'];
$age = $_POST['age'] ;
$birthday = $_POST['birthday'] ;
$icon = $_POST['icon'] ;
$create_time = time();//定义sql语句
$sql = "insert into user values (null,'$username','$password','$name','$icon',$type,$age,'$birthday',$create_time)";//执行
$isSuccess = $pdo->exec($sql);//判断并处理结果
if($isSuccess) {echo "<script>location.href = '../view/userlist.php'</script>";
}else{echo "<script>alert('新增失败');location.href = '../view/useradd.php'</script>";
}

效果

删除用户
server_userdelete.php

<?php//引入数据库连接文件
require_once './db.php';//获取参数
$id = $_GET['id'];//定义sql
$sql = "delete from user where id = " .$id;
//执行sql$isSuccess = $pdo->exec($sql);//判断并处理结果
if($isSuccess) {echo "<script>location.href = '../view/userlist.php'</script>";
}else{echo "<script>alert('删除失败');location.href = '../view/userlist.php'</script>";
}

效果

编辑用户
useredit.php

<?phpinclude '../server/server_useredit.php'
?><!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><title>编辑用户</title><link rel="stylesheet" href="../utils/layui-v2.7.6/layui/css/layui.css"><script src="../utils/layui-v2.7.6/layui/layui.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
</head><style>.btn1{padding: 15px;}img{width: 30px;height: 30px;}</style>
<body><div class="layui-layout layui-layout-admin"><?phpinclude './nav.php'?><?php $id=$_GET['id'] ?><div class="layui-body"><!-- 内容主体区域 --><div style="padding:15px;width:450px"><!-- 添加用户按钮 --><button type="button" class="layui-btn layui-btn-sm layui-btn" onclick="location.href='./userlist.php'"><i class="layui-icon layui-icon-left ">返回</i></button><form class="layui-form" action="../server/server_userupdate.php" method="POST"><div class="layui-input-block"></div><div class="layui-form-item"><label class="layui-form-label">姓名</label><div class="layui-input-block"> <?php echo "<input type='text' name='name' required lay-verify='required' placeholder='{$name}'   autocomplete='off' class='layui-input'>"; ?>  </div></div><div class="layui-form-item"><label class="layui-form-label">账号</label><div class="layui-input-block"><?php echo " <input type='text' name='username'  placeholder='{$username}'  autocomplete='off' class='layui-input' >" ?>  </div></div><div class="layui-form-item"><label class="layui-form-label">密码</label><div class="layui-input-block"><?php echo" <input type='password' name='password' required lay-verify='required' placeholder='{$password}' autocomplete='off' class='layui-input'>"; ?></div></div><div class="layui-form-item"><label class="layui-form-label">年龄</label><div class="layui-input-block"><?php echo "<input type='text' name='age' required lay-verify='required'  placeholder='{$age}' autocomplete='off' class='layui-input'>" ?>   </div></div><div class="layui-form-item"><label class="layui-form-label">出生日期</label><div class="layui-input-block"><?php echo " <input type='text' name='birthday'  placeholder='{$birthday}'  class='layui-input' id='birthday'>" ?>  </div></div><?php$check0="";$check1="";$check2="";switch($type){case 0:$check0="checked";break;case 1:$check1="checked";break;case 2:$check2="checked";break;}?><div class="layui-form-item"><label class="layui-form-label">身份</label><div class="layui-input-block" ><input type="radio" name="type" value="0" title="校长" <?php echo $check0; ?>><input type="radio" name="type" value="1" title="老师" <?php echo $check1; ?>><input type="radio" name="type" value="2" title="学生" <?php echo $check2; ?>></div></div><div class="layui-form-item"><label class="layui-form-label">头像</label><input type="hidden" name="icon"><div class="layui-input-block"><button type="button" class="layui-btn" id="pic"><i class="layui-icon"></i>更换头像</button><img src="" id="show_img"></div></div><input type='hidden' name='id' value='<?php echo $id ?>' class='layui-input' > <div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="formDemo" >立即提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div></form></div>
</div><div class="layui-footer">
<!-- 底部固定区域 -->
</div>
</div><script>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() {//请求异常回调}});});</script><script>
// <!-- 出生日期的script -->layui.use('laydate', function() {var laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '#birthday' //指定元素});});</script><script>
//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: '<div style="padding: 15px;">处理右侧面板的操作</div>',area: ['260px', '100%'],offset: 'rt' //右上角,anim: 5,shadeClose: true
});
}
});});
</script>
</body></html>

server_useredit.php

<?php//引入数据库连接文件require_once '../server/db.php';$id=$_GET['id'];
$sql="select * from user where id=".$id;
// echo $sql;
$stmt=$pdo->query($sql);
$user=$stmt->fetch();$ids=$user["id"];
$name=$user["name"];
$username=$user["username"];
$password=$user["password"];
$age=$user["age"];
$birthday= $user["birthday"];
$type= $user["type"];
$icon=$user["icon"];

server_userupdate.php

<?php
//引入数据库连接文件require_once './db.php';
//获取表单参数
$username = $_POST["username"];
$name = $_POST["name"];
$password = $_POST["password"];
$age = $_POST["age"];
$birthday = $_POST["birthday"];
$type = $_POST["type"];
$icon = $_POST["icon"];
$id = $_POST["id"];$sql = "update user set username='$username',name='$name',password='$password',age=$age,birthday='$birthday',type=$type,icon='$icon' where  id='$id'";print_r($sql);
$stmt = $pdo->exec($sql);
if ($stmt == true) {echo "<script>location.href='../view/userlist.php';</script>";
} else {echo "<script>alert('更新失败！');location.href='../view/useredit.php';</script>";
}

效果

PHP连接数据库MySQL打造xxx管理系统，实现简单的增删改查功能相关推荐

java之简单的增删改查功能
目录前言一.查询二.增加三.删除四.修改五.界面展示: 前言用增删改查写的简单版学生管理系统运用了JavaScript,El表达式,c标签,mvc模式,三层架构,MySQL. 数据库辅 ...
asp.net初学习实现简单的增删改查功能
在学习中发现网页模板可以大大节约重复的页面代码,同时对于WebSite开发的程序在不同的页面直接调用已写好的代码既不方面,只是作为代码量不大的程序进行开发还是比较方便. get和post的区别get是 ...
python及格率公式_python案例----学生管理系统(实现学员的增删改查功能)
学生管理系统系统需求 1.实现可以添加新的学员 2.修改单个学员的各项信息 3.将某个学员的所有信息全部删除 4.查看单个学员的信息 5.将所有学员的信息罗列出来 6.计算考试成绩的平均值 7.计算 ...
java入门小项目，简单实现增删改查功能
HouseRentAPP房屋出租代码出自B站韩顺平老师教学视频详细视频可B站搜索韩顺平效果图准备工作如图所示,先创建相应的包和类有的人可能会说,为什么要建那么多包,每个包里也只有一个类文件 ...
PHP操作Mysql简单的增删改查
PHP操作Mysql简单的增删改查今天晚上回想了一下php怎么操作mysql,突然发现都忘了,然后通过回忆,搜寻资料总结了以下几点,一是提醒自己不要忘了,再就是希望能帮助一些有帮助的朋友.大佬请路过 ...
使用 NodeJS+Express+MySQL 实现简单的增删改查
关于node.js暂时记录如下,以后有时间一定学习文章来自简书,作者:sprint,2016-07 使用 Node.js + Express+MySQL 实现简单的增删改查 https://www. ...
MyBatis学习--简单的增删改查
jdbc程序在学习MyBatis的时候先简单了解下JDBC编程的方式,我们以一个简单的查询为例,使用JDBC编程,如下: 1 Public static void main(String[] arg ...
实现简单的增删改查（Asp.Net MVC+Layui）
实现简单的增删改查(Asp.Net MVC+Layui) 一.页面效果二.前期准备 1.新建项目 2. 在项目中新建文件夹(设置mvc的雏形) 3.连接数据库(SqlServer) JdbcUtil ...
mybatis复习02,简单的增删改查，@Param注解多个参数，resultType与resultMap的区别，#{}预编译参数
mybatis复习02,简单的增删改查创建数据表 user_info 在项目中创建数据表对应的实体类 UserInfo.java 在pom.xml文件中引入依赖创建核心配置文件mybatis-co ...