当前位置: 首页 > Web前端 > HTML

【永久开源】layuimini,最简洁清爽易用的layui后台框架模板,保证用过一次就爱上它

时间:2023-04-02 22:01:14 HTML

layuimini后台模板项目介绍最简洁、清爽、易用的layui后台框架模板。该项目将不时更新。推荐有star和fork的副本。有问题请加QQ群:763822524代码仓库在线预览地址:http://layuimini.99php.cnGitHub仓库地址:https://github.com/zhongshaofa/layuiminiGitee仓库地址:https://gitee.com/zhongshaofa/layuimini主要特点界面足够简洁清爽。一个接口几行代码直接初始化整个框架,不需要复杂的操作。支持多标签,可以打开多个窗口。支持无限级菜单和完美支持字体超棒的图标库。url地址hash位置,可以清楚的看到当前tab的地址信息。刷新页面会保留当前窗口,并定位到当前窗口对应的左侧菜单栏。移动友好的支持。效果预览整体预览1.多标签窗口2.无限级菜单3.菜单缩放和提示菜单标题4.URL地址哈希定位5.刷新保留窗口并对应菜单栏6.移动端友好支持使用说明1.在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:服务端清缓存接口地址,为空则不请求;)返回对应的caseparameter(code:0,清除缓存失败;code:1,表示清除缓存成功;){"code":1,"msg":"清除服务器缓存成功"}2.homeInfo为首页information3.menuInfo是headmodule和leftmenu对应的信息4.moduleid必须是唯一的,比如menuInfo.ceshi和menuInfo.setting对应的ceshi和setting就是模块id,它们的值必须是Unique,否则模块切换会发生冲突。{"clearInfo":{"clearUrl":"api/clear.json"},"homeInfo":{"title":"首页","icon":"fare-snowflake-o","href":"page/welcome.html"},"menuInfo":{"ceshi":{"title":"加密密钥","icon":"文件填写地址簿","child":[{"title":."icondesignation","href":"page/icon.html","icon":"fafa-dot-circle-o","target":"_self"},{"title":"UIdesign","ref":"","icon":"fafa-snowflake-o","target":"","child":[{"title":"Entertainment","ref":"page/form.html","icon":"fafa-calendar","target":"_self"},{"title":"按钮","href":"page/button.html","icon":fafa-snowflake-o","target":"_self"},{"title":"music","ref":"page/layer.html","icon":"fafa-snowflake-o","target":"_self"},{"title":"静态表格","refer":"page/table.html","icon":"fafa-snowflake-o","target":"_self“}]},{"title":"测试无限层","href":"","icon":"fafa-meetup","target":"","child":[{"title":"Button1","href":"page/button.html","icon":"fafa-calendar","target":"_self","child":[{"title":"Button2","href":"page/button.html","icon":"fafa-snowflake-o","target":"_self","child":[{"title":"Button3","href":"page/button.html","icon":"fafa-snowflake-o","target":"_self"},{"title":"Form4","href":"page/form.html","icon":"fafa-calendar","target":"_self"}]}]}]}]},"setting":{"title":"设置管理","icon":"fafa-gears","child":[{"title":"iconlist[setting]","href":"page/icon.html","icon":"fafa-dot-circle-o","target":"_self"},{"title":"按钮列表[设置]","href":"page/button.html","icon":"fafa-caret-square-o-left","target":"_self"}]}}}