【永久開源】layuimini，最簡潔、清爽、易用的layui后臺框架模板。保證一用就會愛上它。

bingchen 發布于2019-08-30 11:13 / 2592人閱讀

摘要：后臺模板項目介紹最簡潔清爽易用的后臺框架模板。項目會不定時進行更新，建議和一份，另外有問題請加群。地址定位，可以清楚看到當前的地址信息。刷新頁面會保留當前的窗口，并且會定位當前窗口對應左側菜單欄。移動端的友好支持。

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云服務器后臺模板框架最簡潔的編程語言最短路徑算法最簡潔的代碼簡潔博客網站模板

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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