PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限级菜单}

PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限级菜单}
一.超级管理员后台操作界面

二.部署流程

界面部署流程

页眉栏：采用layui 50px 经典蓝自设置用户信息Session 进行输出用户名称和用户级别
左侧导航栏{无限级菜单} ：采用layui 手风琴和左侧导航框架进行样式设计，通过连接后台数据库导出数据表中数据渲染导航列表，分为一级菜单和二级菜单
主操作区：采用传统 iframe 内联框架进行部署
主操作区高度设置：采用css position 定位以及页眉和左部导航还有页面高度进行计算部署

HTML 代码块

<?phpuse think\facade\Session;
?>
<!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="/static/layui-v2.6.8/layui/css/layui.css" /><script src="/static/layui-v2.6.8/layui/layui.js"></script><style>:root,.layui-colla-content{padding: 0;margin: 0;box-sizing: border-box;}a{text-decoration: none;}.main-menus{width: 200px;height: calc(100% - 50px);position:absolute;background:  2F4056;}.layui-colla-title,.layui-colla-content,.layui-collapse,.layui-colla-content, .layui-colla-item{border: none;}.main-form{position: absolute;left: 200px;right: 0;}</style>
</head>
<body><!-- 头部导航 --><div  class="layui-box" style="background:  1E9FFF;height:50px;line-height:50px;color:azure"><div class="layui-box"><span style="margin-left:20px;font-size:1.2rem;color:azure">admin后台管理系统</span> <span style="float: right;"><i class="layui-icon layui-icon-username"></i>{$data['admin']['username']}<span>{$data['group']['title']=='' ?'【管理员】': $data['group']['title']}</span><a style="margin: 0 8px;color:azure" href="javascript:;" onclick="otuLogin()">退出登录</a></span></div></div><!-- 侧边导航 --><div class="main-menus"><div class="layui-collapse layui-bg-cyan " lay-accordion>{foreach($data['menuList'] as $menuKey => $menu)}<div class="layui-colla-item layui-bg-cyan"><h2 class="layui-colla-title layui-bg-cyan">{$menu['title']}</h2><div class="layui-colla-content {$menuKey == 0 ? 'layui-show' :''}" ><ul class="layui-nav layui-nav-tree layui-bg-cyan" lay-filter="test">{foreach($menu['children'] as $chd)}<li class="layui-nav-item"><a href="javascript:;">{$chd['title']}</a></li>{/foreach}</ul></div></div>{/foreach}</div></div><!-- 主操作区 --><div class="main-form"><iframe src="/admin/Home/main_form" frameborder="0" onload="setHeight(this)" style="height: 100%; width: 100%;"></iframe></div></body>
</html>
<script>$ = layui.jquery;//设置iframe 高度function setHeight(obj) {let height = document.documentElement.clientHeight - 50;$(obj).parent('div').height(height);}//退出登录function otuLogin() {let date = {};$.post('/admin/Home/otuLogin',date,function(res) {if (res.id == 1) {layer.alert(res.msg,{icon:1});setTimeout(() => {window.location.href = '/admin/Account/login';}, 1500);}else{layer.alert(res.msg,{icon:2});}},"json")}</script>

PHP 代码块


<?php
namespace app\admin\controller;
use app\BaseController;
use think\facade\Request;
use think\facade\Db;
use think\facade\View;
use think\facade\Session;
/*** admin后台界面管理*/
class Home extends BaseController
{//后台界面管理public function index(){   //用户信息$data['admin'] = Session::get('admin');//用户角色$data['group'] = Db::table('admin_group')->where('id',$data['admin']['gid'])->find();//一级菜单$data['menuList'] = Db::table('admin_menu')->where('pid',0)->select()->toArray();//二级菜单$menuList2 = Db::table('admin_menu')->where('pid','>',0)->select()->toArray();foreach ($data['menuList'] as $key => $menu) {$data['menuList'][$key]['children']  = [];foreach ($menuList2 as  $chd) {if ($chd['pid'] == $menu['mid']) {$data['menuList'][$key]['children'][] = $chd;}}}// print_r($data['menuList']);// exit;View::assign(['data'=>$data ]);return View::fetch('/home/index');}//后台主操作区域public function main_form(){   $admin = Session::get('admin');View::assign(['username' => $admin,]);return View::fetch("/home/main_form");}//退出登录public function otuLogin(){   if (!Session::delete('admin')) {echo json_encode(['id' => 1,'msg' => '退出登录成功']);}else {echo json_encode(['id' => 0,'msg' => '再次点击退出登录']);}}
}

PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限级菜单}相关推荐

开源商城：小程序+Vue管理员后台+SpringBoot后台服务
分享过几个开源商城,每个都有一点遗憾.这也是自然,商城这类开源项目,多是一个人下班时间搞得.每个人的技术栈掌握情况不一,即使所谓的全栈开发,也总是比较擅长前端或后端中的一块. 如果是几个人一起开发,那 ...
React项目-点餐后台管理系统-react框架实现后台管理系统(包含权限处理)--新手入坑必看！（一）
点餐后台管理系统(react) 一.前言二.项目介绍三.相关技术四.项目实现的功能 4.1.功能分析 4.2.项目结构 4.3.axios封装及mock数据 4.3.1.axios封装 4.3. ...
一套优雅的开源后台管理系统：若依后台管理系统 3.3 发布，新增多项功能
优雅平台简介: 一直想做一款后台管理系统,看了很多优秀的开源项目但是发现没有合适的.于是利用空闲休息时间开始自己写了一套后台系统.如此有了若依.她可以用于所有的Web应用软件程序,如网站管理后台,网站 ...
10款网站后台管理系统模板_bootstrap网站后台模板_html后台模板下载（四）
企业项目营销管理ui后台模板蓝色的邮箱密码登录ui模板网盘云储存管理系统ui框架模板线条背景的登录页面ui模板房产销售管理系统OA后台模板办公自动化平台系统登录模板农业生产大数据投屏模板 ...
10款网站后台管理系统模板_bootstrap网站后台模板_html后台模板下载（一）
响应式电子商务后台管理ui模板社交社区博客网站HTML模板多用途的电商管理后台HTML模板企业OA系统登录页面模板 Bootstrap聊天应用程序页面模板炫酷登录注册自由切换页面学校教育课程 ...
10款网站后台管理系统模板_bootstrap网站后台模板_html后台模板下载（二）
实用的企业网站后台页面模板科技感的登录页面动画模板 Bootstrap餐饮业务管理系统后台模板虚拟农场区块链后台管理模板健身app管理后台ui界面模板实时消费数据监控图表页面模板云文件存储管 ...
php企业后台管理系统模板,企业版PHP后台管理模板【清爽型】修改版~
很久很久前已经共享过一个版本,使用后发现Bug较多,就删除下载链接. http://www.kingcms.com/forums/Share/t20754/ 因为时间问题,最近才把BUG修复好,现在再 ...
旅游网后台管理系统（三）权限操作
文章目录 1. 创建表 1.1 表之间的关系 1.2 用户表 1.3 角色表 1.4 用户与角色的中间表 1.5 权限表 1.6 角色与权限的中间表 2. Spring Security 2.1 Sp ...
10款网站后台管理系统模板_bootstrap网站后台模板_html后台模板下载（六）
商品订单销售统计电商后台系统ui框架模板实用的网站登录注册页面集合电商销售系统后台统计页面模板商品订单销售大数据分析投屏模板 html5医院医疗服务统计管理模板 vue多用途的产品营销统计管理模 ...

PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限级菜单}

PHP:【商城后台管理系统】admin超级管理员后台操作界面部署{无限级菜单}相关推荐

最新文章

热门文章