191 lines
7.3 KiB
HTML
Executable File
191 lines
7.3 KiB
HTML
Executable File
{% load static %}
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>后台管理系统</title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://file.guimiaokeji.com/layui/css/layui.css">
|
|
<script src="https://file.guimiaokeji.com/layui/jquery-3.6.0.min.js"></script>
|
|
<script src="https://file.guimiaokeji.com/layui/layui.js"></script>
|
|
<script src="https://file.guimiaokeji.com/axios.js"></script>
|
|
<script src="https://file.guimiaokeji.com/qs.js"></script>
|
|
|
|
<style>
|
|
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
|
|
background-color: #009688 !important;
|
|
}
|
|
.clickable-element:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 可以根据需要添加自定义样式 */
|
|
.layui-form-item {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.layui-form-label {
|
|
width: 120px;
|
|
}
|
|
|
|
.layui-input-block {
|
|
margin-left: 140px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
var qs = Qs
|
|
</script>
|
|
<div class="layui-layout layui-layout-admin">
|
|
<div class="layui-header">
|
|
<div class="layui-logo layui-hide-xs layui-bg-black nev_list clickable-element" >后台主页</div>
|
|
<ul class="layui-nav layui-layout-right">
|
|
<li class="layui-nav-item">
|
|
<a href="javascript:;">
|
|
<img src="http://layui.apixx.net/other/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
|
|
管理员
|
|
</a>
|
|
<dl class="layui-nav-child">
|
|
<dd><a href="javascript:void(0);" id="change-password">修改信息</a></dd>
|
|
<dd><a href="/custom_admin/logout">退出登录</a></dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="layui-side layui-bg-black">
|
|
<div class="layui-side-scroll">
|
|
<ul class="layui-nav layui-nav-tree" lay-filter="test">
|
|
<li class="layui-nav-item layui-this admin-index" data-url="site-info"><a href="#site-info">网站信息</a></li>
|
|
<li class="layui-nav-item" data-url="user-list"><a href="#user-list">用户列表</a></li>
|
|
<li class="layui-nav-item" data-url="order-list"><a href="#order-list">订单列表</a></li>
|
|
<li class="layui-nav-item" data-url="task-list"><a href="#task-list">任务列表</a></li>
|
|
<li class="layui-nav-item" data-url="article-list"><a href="#article-list">文章列表</a></li>
|
|
<li class="layui-nav-item" data-url="site-log"><a href="#site-log">网站日志</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="layui-body">
|
|
<div class="layui-content" id="content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 弹出层表单 -->
|
|
<div id="passwordModal" style="display: none; padding: 20px;">
|
|
<form class="layui-form" id="changePasswordForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">旧密码</label>
|
|
<div class="layui-input-block">
|
|
<input type="password" name="old_password" required lay-verify="required" placeholder="请输入旧密码" 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="new_password" required lay-verify="required" placeholder="请输入新密码" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="changePassword">确认修改</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
//JS
|
|
layui.use(['element', 'layer', 'form'], function(){
|
|
var element = layui.element;
|
|
var layer = layui.layer;
|
|
var form = layui.form;
|
|
var $ = layui.$;
|
|
|
|
// 点击 "修改密码" 按钮，打开弹出层
|
|
document.getElementById("change-password").addEventListener("click", function() {
|
|
layer.open({
|
|
type: 1, // 页面层
|
|
title: '修改密码',
|
|
area: ['600px', '350px'], // 宽高
|
|
content: $('#passwordModal'),
|
|
success: function () {
|
|
// 重置表单
|
|
|
|
// 提交修改密码表单
|
|
form.on('submit(changePassword)', function(data) {
|
|
// 使用 axios 发送 POST 请求
|
|
axios.post('/custom_admin/change-password/', data.field)
|
|
.then(function (response) {
|
|
if (response.data.code === 200) {
|
|
layer.msg('密码修改成功', {icon: 1});
|
|
layer.closeAll(); // 关闭弹出层
|
|
} else {
|
|
layer.msg(response.data.msg, {icon: 2});
|
|
}
|
|
})
|
|
.catch(function (error) {
|
|
layer.msg('请求失败，请稍后再试', {icon: 2});
|
|
});
|
|
|
|
return false; // 阻止表单跳转。如果需要表单跳转，去掉这句即可。
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
function loadContent(url) {
|
|
// 使用 AJAX 加载内容
|
|
$.get(url, function (data) { // 假设同名文件是 .html 格式
|
|
$('#content').html(data);
|
|
console.log(url);
|
|
});
|
|
}
|
|
|
|
// 在 localStorage 中存储当前 URL
|
|
function saveActiveMenuUrl(url) {
|
|
localStorage.setItem('activeMenuUrl', url);
|
|
}
|
|
|
|
// 从 localStorage 中获取当前 URL
|
|
function getActiveMenuUrl() {
|
|
return localStorage.getItem('activeMenuUrl');
|
|
}
|
|
|
|
$('.nev_list').on('click', function () {
|
|
$('.layui-nav-tree .layui-nav-item, .nev_list').removeClass('layui-this');
|
|
$(this).addClass('layui-this');
|
|
var url = $(this).data('url');
|
|
loadContent(url);
|
|
saveActiveMenuUrl(url);
|
|
});
|
|
|
|
$('.layui-nav-tree .layui-nav-item').on('click', function () {
|
|
$('.layui-nav-tree .layui-nav-item, .nev_list').removeClass('layui-this');
|
|
$(this).addClass('layui-this');
|
|
var url = $(this).data('url');
|
|
loadContent(url);
|
|
saveActiveMenuUrl(url);
|
|
});
|
|
|
|
// 默认加载上次激活的菜单项的内容，如果没有则加载第一个菜单项
|
|
var activeMenuUrl = getActiveMenuUrl();
|
|
if (activeMenuUrl) {
|
|
loadContent(activeMenuUrl);
|
|
$('.layui-nav-tree .layui-nav-item[data-url="' + activeMenuUrl + '"]').addClass('layui-this');
|
|
} else {
|
|
$('.admin-index').trigger('click'); // 触发第一个菜单项（"后台主页"）的点击事件
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|