基于layui拿来即用后端界面jinhei前端框架

admin

基于layui拿来即用后端界面jinhei前端框架


jinhei.cn.zip (572.75 KB, 下载次数: 0, 售价: 100 金豆)

2024-7-11 16:15 上传

点击文件名下载附件

admin

[优化] Layui 版本：v2.9.14
[重构] frame.js 组件，重命名为 page.js, 移除 iframe 嵌套。
[重构] tab.js 组件，重命名为 tabPage.js, 移除 iframe 嵌套。
[新增] admin.js 模块 setConfigurationProvider 方法，用于自定义 configuration 来源。
[优化] admin.js 模块 logout 方法，返回值由 boolean 调整为 Promise 类型。
[新增] 夜间模式适配，目前已完成整体框架兼容，layui 待完成。
[新增] menuSearch.js 模块，原有的菜单搜索功能。

admin

异步接口

1. "menu": {
   
2.     "collaspe": false,
   
3.     "data": "admin/data/menu.json",
   
4.     "method": "GET",
   
5.     "accordion": true,
   
6.     "control": false,
   
7.     "controlWidth": 500,
   
8.     "select": "0",
   
9.     "async": false
   
10.     .....
    
11. }

复制代码

data : 菜单数据
collaspe: 默认状态
method : 请求方式 GET / POST
accordion : 是否开启菜单手风琴
control : 菜单模式
controlWidth : 多系统模式下，顶部菜单宽度
select : 默认选中菜单项 (ID)
async: 渲染模式 true 接口方式 false 静态数据模式

静态数据

1. "menu": {
   
2.     "data": [{
   
3.             "id": 10,
   
4.             "title": "控制后台",
   
5.             "icon": "layui-icon layui-icon-console",
   
6.             "type": 1,
   
7.             "openType": "_iframe",
   
8.             "href": "view/console/console1.html"
   
9.         }],
   
10.     "accordion": true,
    
11.     "control": false,
    
12.     "select": "0",
    
13.     "async": false
    
14.     .....
    
15. }

复制代码

data : 菜单数据
accordion : 是否开启菜单手风琴
control : 菜单模式
select : 默认选中菜单项 (ID)
async: 渲染模式 true 接口方式 false 静态数据模式

备注：async 配置为 true 时，data 属性设置为异步地址，反之为静态数据。

数据结构
在 异步接口 与 静态数据的情况下，我们所需要的数据结构均为如下, 即一个标准的 JSON 数据结构

1. [{
   
2.         "id": 1,
   
3.         "title": "工作空间",
   
4.         "type": 0,
   
5.         "icon": "layui-icon layui-icon-console",
   
6.         "href": "",
   
7.         "children": [{
   
8.             "id": 10,
   
9.             "title": "控制后台",
   
10.             "icon": "layui-icon layui-icon-console",
    
11.             "type": 1,
    
12.             "openType": "_iframe",
    
13.             "href": "view/console/console1.html"
    
14.         }, {
    
15.             "id": 13,
    
16.             "title": "数据分析",
    
17.             "icon": "layui-icon layui-icon-console",
    
18.             "type": 1,
    
19.             "openType": "_iframe",
    
20.             "href": "view/console/console2.html"
    
21.         }, {
    
22.             "id": 14,
    
23.             "title": "百度一下",
    
24.             "icon": "layui-icon layui-icon-console",
    
25.             "type": 1,
    
26.             "openType": "_iframe",
    
27.             "href": "http://www.baidu.com"
    
28.         }]
    
29.     }]

复制代码

id: 菜单数据的唯一标识
title: 界面中所显示的菜单标题
icon: 图标
type : 菜单类型 0: 目录 1: 菜单
openType: 当 type 为 1 时，openType 生效，_iframe 正常打开 _blank 新建浏览器标签页
href: 菜单类型下访问的页面
children: 目录类型下，该目录下菜单的数组数据