1 Star 2 Fork 0

JZaaa / layer_admin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 3.08 KB
一键复制 编辑 原始数据 按行查看 历史
JZaaa 提交于 2019-11-21 08:48 . - 更新说明

项目说明

该项目由layuimini单页版修改

主要修改

  • 删除了菜单中模块部分与主题切换,新的初始化文件请查看config/init.json
  • 删除了主题选择功能,部分样式可由css/var.less定制

使用说明

一、默认配置说明

  • 默认配置在layuimini.config方法内,请自行修改
  • urlHashLocation:是否开启URL地址hash定位,默认开启。关闭后,刷新页面后将定位不到当前页,只显示主页
  • urlSuffixDefault:是否开启URL后缀,默认开启。
  • BgColorDefault:系统默认皮肤,从0开始。
        var config = {
              urlHashLocation: true,   // URL地址hash定位
              urlSuffixDefault: true, // URL后缀
              BgColorDefault: 0       // 默认皮肤(0开始)
           };

二、后台模板初始化

  • index.html文件内进行初始化

  • 引入lay-config.js文件,请根据实际情况修改里面扩展的路径。

  • layuimini.init(); 方法内的参数请填写动态api地址。(实际应用中建议后端api做缓存)

  • 初始化api地址返回的参数可以参考config目录下的init.json文件或者查看使用说明的第二点的参数说明


   layui.use(['element', 'layer', 'layuimini'], function () {
       var $ = layui.jquery,
           element = layui.element,
           layer = layui.layer;

       layuimini.init('config/init.json');
   });
   

三、初始化api地址返回的参数说明

  • clearInfo是服务端清理缓存信息(clearInfo.clearUrl:服务端清理缓存接口地址,为空则不请求;)
返回参数对应的事例(code:0,清除缓存失败;code:1,表示清除缓存成功;)

{
  "code": 1,
  "msg": "清除服务端缓存成功"
}
  • homeInfo 是首页信息

  • logoInfo 是logo信息

  • menuInfo 是左侧菜单对应的信息

{
"homeInfo": {
  "title": "首页",
  "icon": "fa fa-home",
  "href": "page/welcome-2.html?mpi=m-p-i-0"
},
"logoInfo": {
  "title": "LayuiMini",
  "image": "images/logo.png",
  "href": ""
},
"clearInfo": {
  "clearUrl": "api/clear.json"
},
"menuInfo": {
      "title": "其它管理",
      "icon": "fa fa-slideshare",
      "child": [
          .......
      ]
  }
}

四、在页面中打开新页面

  • 如需在页面中弹出新的Tab窗口,请参考下方代码。
  • 参数说明(data-iframe-tab:页面链接,data-title:标题,data-icon:图标)
     
    <a href="javascript:;" data-content-href="page/user-setting.html" data-title="基本资料">基本资料</a>

常见问题

  • IIS环境下请配置支持解析.json格式文件
  • 修改js后刷新页面未生效,请尝试清除浏览器缓存。
  • form表单刷新,部分组件不显示的情况,请在js上加上form.render();

备注信息

  • 菜单栏建议最多四级菜单,四级以后菜单显示并没有那么友好。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/jzaaa/layer_admin.git
git@gitee.com:jzaaa/layer_admin.git
jzaaa
layer_admin
layer_admin
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891