介紹
layui是國內開發者開發的一個面向所有層次的前後端開發者,零門檻開箱即用的前端UI解決方案,可以說它極度符合國人的風格,深受廣大前後端開發者和愛好者的喜愛,也誕生了不少基於layui的框架模板,特別適合國內前中後端工程師使用,KITADMIN就是其中一個基於layui的後端管理應用模板,當前版本是基於layui 2.x重構的版本,與之後1.x版本有本質有區別。該版本的核心是[路由],不再支持[iframe]方式的加載,可以說更加的優雅了!
開源地址
碼云:
https://gitee.com/kitteam/kit_admin/
演示地址:
http://kit.zhengjinfan.cn/#/
版本特性
以下是來自demo頁面作者的介紹,感興趣的可以直接去看看
- 1、用法一如既往的簡單,快捷。(只需要簡單的配置就實現一些功能).
- 2、提供本地開發環境。(依賴nodejs運行環境和gulp)
- 3、提供代碼功能。(依賴nodejs運行環境和gulp)
- 4、模塊化加載。(依賴layui模塊化,用法與layui保持一致)
- 5、提供路由功能。(路由是本版本的核心功能了,需與模板綁定,詳情請參考相關文檔)
- 6、完全的前後端分離開發。(集成mockjs用於攔截請求並返回模擬數據,詳情請參考相關文檔)
- 7、左側菜單重寫,支持到4級菜單。(集成mockjs用於攔截請求並返回模擬數據,詳情請參考相關文檔)
文檔就在demo頁面的下面.
腳手架
KITADMIN的作者非常給力,提供了開箱即用的腳手架,我們可以基於此腳手架直接用於正式開發
https://gitee.com/kitteam/kit_admin_scaffold/
- 提供本地開發環境;
- 提供代碼打包功能 ;
- 模塊化;
- 提供路由功能;
- 能快速開發單頁面應用程式。
打開後效果:
頁面都是以模板形式的,如下
開發構建:
# 安裝node依賴包
npm install
# 啟動開發環境 http://localhost:8010
npm start
# 構建生產環境代碼
npm run build
PS:這個地方需要注意的是,你nodejs的版本不能過高,我在本地測試時發現最高版本12.x會報錯,隨後重新安裝了nodejs10,問題隨之解決!
效果預覽
在正式選用框架之前,你應該大致的預覽一下,以免開發的時候才發現可能無法滿足你的需求:
- 登錄頁面
- 左側菜單欄
菜單欄支持多級菜單,最多支持4級,支持收縮菜單欄
- 頂部(看不清可以直接打開Demo預覽)
- 頁面設置:
你可以切換頁面模式,可以使選項卡式,也可以是單個頁面模式(一次只打開一個頁面),更換主題功能
- 選項卡模式
- 切換主題
- 頁簽管理
- 左側邊欄打開
- 右側邊欄
兼容性
KIADMIN很遺憾不兼容IE,但是當前大多數新項目已經不再要求兼容IE了,一些特殊的項目除外,因此也並不是問題,支持其他主流的瀏覽器
關於layui
關於layui,筆者一直都在關注,因為當時的畢業設計就用了它,因此感觸很多,在之前的一段時間裡,layui停止更新了一段時間,但最近作者又在瘋狂的更新了,雖然現在還是2.x版本,但是我相信在未來不久的日子裡,3.0版本會上線的,大家可以去官網隨時查看相關動態!
總結
KITADMIN是一個不錯的後端應用的前端模板,雖然可能和官方的layuiAdmin相比還稍遜一籌,但是它是開源的,對於個人開發者尤為友好,如果你對它感興趣,不妨可以試試,如果是企業用戶,無論是使用KITADMIN還是使用官方的layuiAdmin都是可以的,如果你遇到了什麼困難,這裡我引用作者的一句話:
多思考,多動手,進步是可以看得見的!