摘要:后台模板项目介绍最简洁清爽易用的后台框架模板。项目会不定时进行更新,建议和一份,另外有问题请加群。地址定位,可以清楚看到当前的地址信息。刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。移动端的友好支持。
layuimini后台模板 项目介绍
最简洁、清爽、易用的layui后台框架模板。
项目会不定时进行更新,建议star和fork一份,另外有问题请加QQ群:763822524。代码仓库
在线预览地址:http://layuimini.99php.cn
GitHub仓库地址:https://github.com/zhongshaofa/layuimini
Gitee仓库地址:https://gitee.com/zhongshaofa/layuimini
主要特性界面足够简洁清爽。
一个接口几行代码而已直接初始化整个框架,无需复杂操作。
支持多tab,可以打开多窗口。
支持无限级菜单和对font-awesome图标库的完美支持。
url地址hash定位,可以清楚看到当前tab的地址信息。
刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。
移动端的友好支持。
效果预览总体预览1、多tab窗口
2、无限级菜单
3、菜单缩放并提示菜单标题
4、url地址hash定位
5、刷新保留窗口,并对应菜单栏
6、移动端的友好支持使用说明
一、在index.html文件内进行初始化
1、base: "js/" 填写layuimini.js对应的目录。
2、layuimini.init(); 方法内的参数请填写动态api地址。(实际应用中建议后端api做缓存)
3、api地址返回的参数可以参考api目录下的init.json文件或者查看使用说明的第二点的参数说明
layui.config({ base: "js/" }).extend({ "layuimini": "layuimini" }); layui.use(["element", "layer", "layuimini"], function () { var $ = layui.jquery, element = layui.element, layer = layui.layer; layuimini.init("api/init.json"); });
二、api地址返回的参数说明
1、clearInfo是服务端清理缓存信息(clearInfo.clearUrl:服务端清理缓存接口地址,为空则不请求;)
返回参数对应的事例(code:0,清除缓存失败;code:1,表示清除缓存成功;)
{ "code": 1, "msg": "清除服务端缓存成功" }
2、homeInfo是首页信息
3、menuInfo是头部模块和左侧菜单对应的信息
4、module id必须唯一,例如 menuInfo.ceshi、menuInfo.setting对应的ceshi和setting就是模块id,他们的值必须唯一,否则模块切换会有冲突。
{ "clearInfo": { "clearUrl": "api/clear.json" }, "homeInfo": { "title": "首页", "icon": "fa fa-snowflake-o", "href": "page/welcome.html" }, "menuInfo": { "ceshi": { "title": "测试管理", "icon": "fa fa-address-book", "child": [{ "title": "icon列表", "href": "page/icon.html", "icon": "fa fa-dot-circle-o", "target": "_self" }, { "title": "UI管理", "href": "", "icon": "fa fa-snowflake-o", "target": "", "child": [ { "title": "表单", "href": "page/form.html", "icon": "fa fa-calendar", "target": "_self" },{ "title": "按钮", "href": "page/button.html", "icon": "fa fa-snowflake-o", "target": "_self" }, { "title": "弹出层", "href": "page/layer.html", "icon": "fa fa-snowflake-o", "target": "_self" }, { "title": "静态表格", "href": "page/table.html", "icon": "fa fa-snowflake-o", "target": "_self" }] }, { "title": "测试无限层", "href": "", "icon": "fa fa-meetup", "target": "", "child": [{ "title": "按钮1", "href": "page/button.html", "icon": "fa fa-calendar", "target": "_self", "child": [{ "title": "按钮2", "href": "page/button.html", "icon": "fa fa-snowflake-o", "target": "_self", "child": [{ "title": "按钮3", "href": "page/button.html", "icon": "fa fa-snowflake-o", "target": "_self" }, { "title": "表单4", "href": "page/form.html", "icon": "fa fa-calendar", "target": "_self" }] }] }] }] }, "setting": { "title": "设置管理", "icon": "fa fa-gears", "child": [{ "title": "icon列表 [setting]", "href": "page/icon.html", "icon": "fa fa-dot-circle-o", "target": "_self" }, { "title": "按钮列表 [setting]", "href": "page/button.html", "icon": "fa fa-caret-square-o-left", "target": "_self" }] } } }
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/114847.html
摘要:后台模板项目介绍最简洁清爽易用的后台框架模板。项目会不定时进行更新,建议和一份,另外有问题请加群。地址定位,可以清楚看到当前的地址信息。刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。移动端的友好支持。 layuimini后台模板 项目介绍 最简洁、清爽、易用的layui后台框架模板。 项目会不定时进行更新,建议star和fork一份,另外有问题请加QQ群:76382252...
摘要:但在中也不可避免的基础模式,上述问题仍然存在。这样可以完全分离和的依赖。最开始在中使用是通过定义大量的来注入,,实现具体的工作类。但是像链接调用仍然没有解决,为些我们开发出了新的仓库包。目前此包已经使用在好几个项目中目前运行良好。 什么是Repository模式,如何使用Repository模式 这里就不再啰嗦了,请参见以下几个链接如何使用 Repository 模式?关于 Repos...
摘要:项目介绍风格的一套系统,前端采用作为前端框架,后端采用作为服务框架,采用自封装的对所有请求进行参数校验,以保证接口安全性。 skyeye 项目介绍 win10风格的一套系统,前端采用layui作为前端框架,后端采用SpringBoot作为服务框架,采用自封装的xml对所有请求进行参数校验,以保证接口安全性。 项目地址:https://gitee.com/doc_wei01_a...该项...
摘要:简洁直观强悍的前端开发框架,让开发更迅速简单。是一套基于的前端框架。首个版本发布于年金秋,她区别于那些基于底层的框架,却并非逆道而行,而是信奉返璞归真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
阅读 2849·2021-10-26 09:49
阅读 3181·2021-10-14 09:42
阅读 1963·2021-09-13 10:31
阅读 2532·2019-08-30 11:13
阅读 2922·2019-08-29 16:31
阅读 1025·2019-08-29 13:58
阅读 1819·2019-08-29 12:12
阅读 3510·2019-08-26 13:48