成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【永久開源】layuimini，最簡(jiǎn)潔、清爽、易用的layui后臺(tái)框架模板。保證一用就會(huì)愛上它。

Karrdy / 2218人閱讀

摘要：后臺(tái)模板項(xiàng)目介紹最簡(jiǎn)潔清爽易用的后臺(tái)框架模板。項(xiàng)目會(huì)不定時(shí)進(jìn)行更新，建議和一份，另外有問題請(qǐng)加群。地址定位，可以清楚看到當(dāng)前的地址信息。刷新頁面會(huì)保留當(dāng)前的窗口，并且會(huì)定位當(dāng)前窗口對(duì)應(yīng)左側(cè)菜單欄。移動(dòng)端的友好支持。

layuimini后臺(tái)模板 項(xiàng)目介紹

最簡(jiǎn)潔、清爽、易用的layui后臺(tái)框架模板。

項(xiàng)目會(huì)不定時(shí)進(jìn)行更新，建議star和fork一份，另外有問題請(qǐng)加QQ群：763822524。
代碼倉庫

在線預(yù)覽地址：http://layuimini.99php.cn

GitHub倉庫地址：https://github.com/zhongshaofa/layuimini

Gitee倉庫地址：https://gitee.com/zhongshaofa/layuimini

主要特性

界面足夠簡(jiǎn)潔清爽。

一個(gè)接口幾行代碼而已直接初始化整個(gè)框架，無需復(fù)雜操作。

支持多tab，可以打開多窗口。

支持無限級(jí)菜單和對(duì)font-awesome圖標(biāo)庫的完美支持。

url地址hash定位，可以清楚看到當(dāng)前tab的地址信息。

刷新頁面會(huì)保留當(dāng)前的窗口，并且會(huì)定位當(dāng)前窗口對(duì)應(yīng)左側(cè)菜單欄。

移動(dòng)端的友好支持。

效果預(yù)覽 
總體預(yù)覽
1、多tab窗口



2、無限級(jí)菜單

3、菜單縮放并提示菜單標(biāo)題

4、url地址hash定位

5、刷新保留窗口，并對(duì)應(yīng)菜單欄

6、移動(dòng)端的友好支持

使用說明 
一、在index.html文件內(nèi)進(jìn)行初始化

1、base: "js/" 填寫layuimini.js對(duì)應(yīng)的目錄。

2、layuimini.init(); 方法內(nèi)的參數(shù)請(qǐng)?zhí)顚憚?dòng)態(tài)api地址。（實(shí)際應(yīng)用中建議后端api做緩存）

3、api地址返回的參數(shù)可以參考api目錄下的init.json文件或者查看使用說明的第二點(diǎn)的參數(shù)說明

   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地址返回的參數(shù)說明

1、clearInfo是服務(wù)端清理緩存信息(clearInfo.clearUrl：服務(wù)端清理緩存接口地址，為空則不請(qǐng)求;)

返回參數(shù)對(duì)應(yīng)的事例(code：0，清除緩存失敗；code：1，表示清除緩存成功；)
{
  "code": 1,
  "msg": "清除服務(wù)端緩存成功"
}

2、homeInfo是首頁信息

3、menuInfo是頭部模塊和左側(cè)菜單對(duì)應(yīng)的信息

4、module id必須唯一，例如 menuInfo.ceshi、menuInfo.setting對(duì)應(yīng)的ceshi和setting就是模塊id，他們的值必須唯一，否則模塊切換會(huì)有沖突。

{
"clearInfo": {
  "clearUrl": "api/clear.json"
},
"homeInfo": {
  "title": "首頁",
  "icon": "fa fa-snowflake-o",
  "href": "page/welcome.html"
},
"menuInfo": {
  "ceshi": {
    "title": "測(cè)試管理",
    "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": "靜態(tài)表格",
        "href": "page/table.html",
        "icon": "fa fa-snowflake-o",
        "target": "_self"
      }]
    }, {
      "title": "測(cè)試無限層",
      "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": "設(shè)置管理",
    "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"
    }]
  }
}
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54073.html

相關(guān)文章

  • 【永久開源】layuimini，最簡(jiǎn)潔、清爽、易用的layui后臺(tái)框架模板。保證一用就會(huì)愛上它。

    摘要：后臺(tái)模板項(xiàng)目介紹最簡(jiǎn)潔清爽易用的后臺(tái)框架模板。項(xiàng)目會(huì)不定時(shí)進(jìn)行更新，建議和一份，另外有問題請(qǐng)加群。地址定位，可以清楚看到當(dāng)前的地址信息。刷新頁面會(huì)保留當(dāng)前的窗口，并且會(huì)定位當(dāng)前窗口對(duì)應(yīng)左側(cè)菜單欄。移動(dòng)端的友好支持。 layuimini后臺(tái)模板 項(xiàng)目介紹 最簡(jiǎn)潔、清爽、易用的layui后臺(tái)框架模板。 項(xiàng)目會(huì)不定時(shí)進(jìn)行更新，建議star和fork一份，另外有問題請(qǐng)加QQ群：76382252...

    bingchen 評(píng)論0 收藏0

  • 推薦：好用的 Laravel Repository 包

    摘要：但在中也不可避免的基礎(chǔ)模式，上述問題仍然存在。這樣可以完全分離和的依賴。最開始在中使用是通過定義大量的來注入，，實(shí)現(xiàn)具體的工作類。但是像鏈接調(diào)用仍然沒有解決，為些我們開發(fā)出了新的倉庫包。目前此包已經(jīng)使用在好幾個(gè)項(xiàng)目中目前運(yùn)行良好。 什么是Repository模式，如何使用Repository模式 這里就不再啰嗦了，請(qǐng)參見以下幾個(gè)鏈接如何使用 Repository 模式?關(guān)于 Repos...

    MAX_zuo 評(píng)論0 收藏0

  • skyeye-OA管理系統(tǒng)

    摘要：項(xiàng)目介紹風(fēng)格的一套系統(tǒng)，前端采用作為前端框架，后端采用作為服務(wù)框架，采用自封裝的對(duì)所有請(qǐng)求進(jìn)行參數(shù)校驗(yàn)，以保證接口安全性。 skyeye 項(xiàng)目介紹 win10風(fēng)格的一套系統(tǒng)，前端采用layui作為前端框架，后端采用SpringBoot作為服務(wù)框架，采用自封裝的xml對(duì)所有請(qǐng)求進(jìn)行參數(shù)校驗(yàn)，以保證接口安全性。 項(xiàng)目地址:https://gitee.com/doc_wei01_a...該項(xiàng)...

    yck 評(píng)論0 收藏0

  • PHP框架

    摘要：但是使得排名第二的最重要的原因就是并沒有提供足夠的安全防護(hù)，所以這并不是我們選擇框架的首選。同樣是一款受開發(fā)者歡迎的框架，因?yàn)樗p量級(jí)簡(jiǎn)單反應(yīng)迅速并且編寫簡(jiǎn)單。一直是開發(fā)者穩(wěn)定使用的框架之一。 Yii 2.0 showImg(https://segmentfault.com/img/bVOf8F?w=683&h=549); Laravel5.0 showImg(https://segm...

    鄒立鵬 評(píng)論0 收藏0

  • UI大全：前端UI框架集合（持續(xù)更新，當(dāng)前32個(gè)）

    摘要：簡(jiǎn)潔直觀強(qiáng)悍的前端開發(fā)框架，讓開發(fā)更迅速簡(jiǎn)單。是一套基于的前端框架。首個(gè)版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...

    only_do 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<