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

bingchen 发布于2019-08-30 11:13 / 2550人阅读

摘要：后台模板项目介绍最简洁清爽易用的后台框架模板。项目会不定时进行更新，建议和一份，另外有问题请加群。地址定位，可以清楚看到当前的地址信息。刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。移动端的友好支持。

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"
    }]
  }
}
}

云服务器 GPU云服务器后台模板框架最简洁的编程语言最短路径算法最简洁的代码简洁博客网站模板

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/114847.html

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

摘要：后台模板项目介绍最简洁清爽易用的后台框架模板。项目会不定时进行更新，建议和一份，另外有问题请加群。地址定位，可以清楚看到当前的地址信息。刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。移动端的友好支持。 layuimini后台模板项目介绍最简洁、清爽、易用的layui后台框架模板。项目会不定时进行更新，建议star和fork一份，另外有问题请加QQ群：76382252...

Karrdy 2019-08-02 15:21 评论0 收藏0
推荐：好用的 Laravel Repository 包

摘要：但在中也不可避免的基础模式，上述问题仍然存在。这样可以完全分离和的依赖。最开始在中使用是通过定义大量的来注入，，实现具体的工作类。但是像链接调用仍然没有解决，为些我们开发出了新的仓库包。目前此包已经使用在好几个项目中目前运行良好。什么是Repository模式，如何使用Repository模式这里就不再啰嗦了，请参见以下几个链接如何使用 Repository 模式?关于 Repos...

MAX_zuo 2019-07-01 10:17 评论0 收藏0
skyeye-OA管理系统

摘要：项目介绍风格的一套系统，前端采用作为前端框架，后端采用作为服务框架，采用自封装的对所有请求进行参数校验，以保证接口安全性。 skyeye 项目介绍 win10风格的一套系统，前端采用layui作为前端框架，后端采用SpringBoot作为服务框架，采用自封装的xml对所有请求进行参数校验，以保证接口安全性。项目地址:https://gitee.com/doc_wei01_a...该项...

yck 2019-08-19 10:29 评论0 收藏0
PHP框架

摘要：但是使得排名第二的最重要的原因就是并没有提供足够的安全防护，所以这并不是我们选择框架的首选。同样是一款受开发者欢迎的框架，因为它轻量级简单反应迅速并且编写简单。一直是开发者稳定使用的框架之一。 Yii 2.0 showImg(https://segmentfault.com/img/bVOf8F?w=683&h=549); Laravel5.0 showImg(https://segm...

邹立鹏 2019-06-27 16:36 评论0 收藏0
UI大全：前端UI框架集合（持续更新，当前32个）

摘要：简洁直观强悍的前端开发框架，让开发更迅速简单。是一套基于的前端框架。首个版本发布于年金秋，她区别于那些基于底层的框架，却并非逆道而行，而是信奉返璞归真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

only_do 2019-08-22 10:47 评论0 收藏0