01.04 基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


介紹

有一段時間沒推薦過後端模板了,今天就來一個,layuimini是一款後臺admin前端模板,基於 layui 編寫的最簡潔、易用的後臺框架模板。只需提供一個接口就直接初始化整個框架,無需複雜操作。模板分為兩種模式,分別是傳統的iframe版本,另外一個是單頁面版本,可以滿足不同的開發需求!




基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini




Github

<code>https://github.com/zhongshaofa/layuimini/<code>

主要特性

  • 界面足夠簡潔清爽,響應式且適配手機端
  • 一個接口幾行代碼而已直接初始化整個框架,無需複雜操作。
  • 頁面支持多配色方案,可自行選擇喜歡的配色。
  • 支持多tab,可以打開多窗口。
  • 支持無限級菜單和對font-awesome圖標庫的完美支持。
  • 失效以及報錯菜單無法直接打開,並給出彈出層提示完美的線上用戶體驗。
  • url地址hash定位,可以清楚看到當前tab的地址信息。
  • 刷新頁面會保留當前的窗口,並且會定位當前窗口對應左側菜單欄。
  • 支持font-awesome圖標選擇插件

模板截圖

  • 主頁模板

大家根據自己的需求可以自行修改,下面是已經有的三個模板

基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


  • 菜單管理頁面


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 系統設置


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 表格示例


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 表單示例
基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 登錄頁模板


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 404頁面


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 圖標


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 顏色選擇


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 下拉表格


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 文件上傳


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 富文本


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 多級菜單


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

  • 頁面操作


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini


  • 修改主題配色


基於 layui 編寫的最簡潔、易用的開源後臺框架模板——layuimini

完整地址

  • 代碼倉庫(iframe 多tab版)
<code>GitHub倉庫地址:https://github.com/zhongshaofa/layuimini/<code>
<code>Gitee倉庫地址:https://gitee.com/zhongshaofa/layuimini/<code>
  • 代碼倉庫(onepage 單頁版)
<code>GitHub倉庫地址:https://github.com/zhongshaofa/layuimini/tree/onepage/<code> 
<code>Gitee倉庫地址:https://gitee.com/zhongshaofa/layuimini/tree/onepage/<code>

總結

總體來說,layuimini是一個非常不錯的且非常適合開發後臺管理的界面模板,相較於各種基於三大框架的單頁面應用來說,layui算是一股清流,開箱即用,就算對前端不是很精通也沒關係,學習成本比較低!enjoy it!


分享到:


相關文章: