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

admin · 发表于 2024-7-11 16:16:14

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

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

admin · 发表于 2024-7-11 17:03:50

[优化] 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 · 发表于 2024-7-11 18:48:04

异步接口

"menu": {
"collaspe": false,
"data": "admin/data/menu.json",
"method": "GET",
"accordion": true,
"control": false,
"controlWidth": 500,
"select": "0",
"async": false
.....
}

复制代码

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

静态数据

"menu": {
"data": [{
"id": 10,
"title": "控制后台",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "view/console/console1.html"
}],
"accordion": true,
"control": false,
"select": "0",
"async": false
.....
}

复制代码

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

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

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

[{
"id": 1,
"title": "工作空间",
"type": 0,
"icon": "layui-icon layui-icon-console",
"href": "",
"children": [{
"id": 10,
"title": "控制后台",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "view/console/console1.html"
}, {
"id": 13,
"title": "数据分析",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "view/console/console2.html"
}, {
"id": 14,
"title": "百度一下",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_iframe",
"href": "http://www.baidu.com"
}]
}]

复制代码

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

		自动登录	找回密码
密码			立即注册

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

相关帖子