mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-07-06 10:02:49 +08:00
完成用户管理;基本功能完成;
This commit is contained in:
augushong
@@ -3,7 +3,7 @@
|
||||
<!-- 头部区域（可配合layui已有的水平导航） -->
|
||||
<ul class="layui-nav layui-layout-left">
|
||||
<li class="layui-nav-item"><a href="{:url('admin/Index/index')}">首页</a></li>
|
||||
<li class="layui-nav-item"><a href="">用户管理</a></li>
|
||||
<li class="layui-nav-item"><a href="{:url('admin/User/index')}">用户管理</a></li>
|
||||
<li class="layui-nav-item"><a href="{:url('File/index')}">文件管理</a></li>
|
||||
<li class="layui-nav-item"><a href="{:url('admin/Admin/index')}">管理员管理</a></li>
|
||||
<li class="layui-nav-item"><a href="{:url('admin/System/index')}">系统设置</a></li>
|
||||
|
||||
10
view/admin/common/left_user.html
Normal file
10
view/admin/common/left_user.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<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="{:url('admin/User/index')}">用户列表列表</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
124
view/admin/user/create.html
Normal file
124
view/admin/user/create.html
Normal file
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>基本资料</title>
|
||||
{include file="common/_require"}
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body">
|
||||
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
{include file="common/_header"}
|
||||
|
||||
{include file="common/left_user"}
|
||||
|
||||
<div class="layui-body">
|
||||
|
||||
<div style="padding:15px">
|
||||
<div class="main-header">
|
||||
<span class="layui-breadcrumb">
|
||||
<a>首页</a>
|
||||
<a><cite>添加用户</cite></a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="main-container">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md6">
|
||||
<fieldset class="layui-elem-field">
|
||||
<legend>添加管理员</legend>
|
||||
<div class="layui-field-box">
|
||||
<form action="{:url('User/save')}" method="POST" class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">登录账号</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="account" required lay-verify="required"
|
||||
value="" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">昵称</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickname" required lay-verify="required"
|
||||
value="" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">密码</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password"
|
||||
value="" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">头像</div>
|
||||
<div class="layui-input-block">
|
||||
<div>
|
||||
<div class="layui-btn upload-admin-avatar">上传</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="layui-circle admin-avatar" style="width: 80px" src=""
|
||||
alt="" srcset="">
|
||||
</div>
|
||||
<input type="hidden" name="avatar" value="" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<button class="layui-btn layui-btn-fluid" type="submit">创建</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{include file="common/_footer"}
|
||||
|
||||
<script>
|
||||
layui.config({
|
||||
base: '/static/lib/layui/lib/cropper/'
|
||||
}).use(['layer', 'upload', 'croppers','form'], function () {
|
||||
var upload = layui.upload;
|
||||
var croppers = layui.croppers;
|
||||
|
||||
|
||||
var uploadSiteLogo = croppers.render({
|
||||
elem: '.upload-admin-avatar',
|
||||
url: '{:url("api/Files/save")}',
|
||||
data: {
|
||||
type: 3,
|
||||
dir: 'user_avatar'
|
||||
},
|
||||
saveW: 150 //保存宽度
|
||||
,
|
||||
saveH: 150,
|
||||
mark: 1 / 1 //选取比例
|
||||
,
|
||||
area: '900px' //弹窗宽度
|
||||
,
|
||||
accept: 'images',
|
||||
done: function (result) {
|
||||
if (result.code == 0) {
|
||||
layer.msg('上传成功');
|
||||
$('input[name="avatar"]').val(result.data.save_name);
|
||||
$('.admin-avatar').attr('src', result.data.src);
|
||||
} else {
|
||||
layer.msg(result.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
125
view/admin/user/edit.html
Normal file
125
view/admin/user/edit.html
Normal file
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>基本资料</title>
|
||||
{include file="common/_require"}
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body">
|
||||
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
{include file="common/_header"}
|
||||
|
||||
{include file="common/left_user"}
|
||||
|
||||
<div class="layui-body">
|
||||
|
||||
<div style="padding:15px">
|
||||
<div class="main-header">
|
||||
<span class="layui-breadcrumb">
|
||||
<a>首页</a>
|
||||
<a><cite>添加用户</cite></a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="main-container">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md6">
|
||||
<fieldset class="layui-elem-field">
|
||||
<legend>添加管理员</legend>
|
||||
<div class="layui-field-box">
|
||||
<form action="{:url('User/update')}" method="POST" class="layui-form">
|
||||
<input type="hidden" name="id" value="{$user.id}">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">登录账号</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="account" required lay-verify="required"
|
||||
value="{$user.account}" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">昵称</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickname" required lay-verify="required"
|
||||
value="{$user.nickname}" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">密码</div>
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password"
|
||||
value="" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-label">头像</div>
|
||||
<div class="layui-input-block">
|
||||
<div>
|
||||
<div class="layui-btn upload-admin-avatar">上传</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="layui-circle admin-avatar" style="width: 80px" src=""
|
||||
alt="{$user.avatar}" srcset="">
|
||||
</div>
|
||||
<input type="hidden" name="avatar" value="{$user->getData('avatar')}" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<button class="layui-btn layui-btn-fluid" type="submit">修改</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{include file="common/_footer"}
|
||||
|
||||
<script>
|
||||
layui.config({
|
||||
base: '/static/lib/layui/lib/cropper/'
|
||||
}).use(['layer', 'upload', 'croppers','form'], function () {
|
||||
var upload = layui.upload;
|
||||
var croppers = layui.croppers;
|
||||
|
||||
|
||||
var uploadSiteLogo = croppers.render({
|
||||
elem: '.upload-admin-avatar',
|
||||
url: '{:url("api/Files/save")}',
|
||||
data: {
|
||||
type: 3,
|
||||
dir: 'user_avatar'
|
||||
},
|
||||
saveW: 150 //保存宽度
|
||||
,
|
||||
saveH: 150,
|
||||
mark: 1 / 1 //选取比例
|
||||
,
|
||||
area: '900px' //弹窗宽度
|
||||
,
|
||||
accept: 'images',
|
||||
done: function (result) {
|
||||
if (result.code == 0) {
|
||||
layer.msg('上传成功');
|
||||
$('input[name="avatar"]').val(result.data.save_name);
|
||||
$('.admin-avatar').attr('src', result.data.src);
|
||||
} else {
|
||||
layer.msg(result.msg)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
101
view/admin/user/index.html
Normal file
101
view/admin/user/index.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>应用管理</title>
|
||||
{include file="common/_require"}
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body">
|
||||
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
{include file="common/_header"}
|
||||
|
||||
{include file="common/left_user"}
|
||||
|
||||
<div class="layui-body">
|
||||
|
||||
<div style="padding:15px">
|
||||
<div class="main-header">
|
||||
<span class="layui-breadcrumb">
|
||||
<a>首页</a>
|
||||
<a><cite>用户列表</cite></a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="main-container">
|
||||
<div >
|
||||
<a class="layui-btn" href="{:url('create')}"> 添加用户</a>
|
||||
</div>
|
||||
<div>
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>帐号</th>
|
||||
<th>头像</th>
|
||||
<th>手机号</th>
|
||||
<th>昵称</th>
|
||||
<th>注册时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name='list' id='vo'}
|
||||
|
||||
<tr data-id="{$vo.id}">
|
||||
<td>{$vo.id}</td>
|
||||
<td>{$vo.account}</td>
|
||||
<td><img src="{$vo.avatar}" alt=""></td>
|
||||
<td>{$vo.phone}</td>
|
||||
<td>{$vo.nickname}</td>
|
||||
<td>{$vo.create_time}</td>
|
||||
<td>
|
||||
<div class="layui-btn-container">
|
||||
<a class="layui-btn layui-btn-sm" href="{:url('admin/User/edit',['id'=>$vo.id])}">编辑</a>
|
||||
<div class="layui-btn layui-btn-sm delete">删除</div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
{/volist}
|
||||
{if condition="count($list) == 0" }
|
||||
<tr>
|
||||
<td colspan="7">暂无数据</td>
|
||||
</tr>
|
||||
{/if}
|
||||
</tbody>
|
||||
</table>
|
||||
<div>
|
||||
{$list|raw}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{include file="common/_footer"}
|
||||
|
||||
<script>
|
||||
|
||||
$('.delete').click(function(){
|
||||
var item = this;
|
||||
layer.confirm('确定要删除吗？',function(){
|
||||
$.get('{:url("delete")}',{
|
||||
id:$(item).parents('tr').data('id')
|
||||
},function(result){
|
||||
layer.msg('删除成功');
|
||||
|
||||
$(item).parents('tr').remove();
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user