摘要:現(xiàn)在是不是有些期待這套全新的后臺管理系統(tǒng)模板呢那現(xiàn)在就去看看的預(yù)覽版本是什么樣的吧歡迎大家對踴躍吐槽。同時也歡迎加入碼友網(wǎng)的群更有其他學(xué)習(xí)資源和干貨下載,歡迎入群。本文出至碼友網(wǎng)一款基于的單頁無刷新無多選項卡的后臺管理系統(tǒng)模板
前言
很高興今天在這里跟大家分享一款全新的后臺管理系統(tǒng)UI模板--TsAdmin.
TsAdmin是碼友網(wǎng)自主開發(fā)的一款基于Vue.js+Element UI 的單頁無刷新(無iframe)多選項卡的后臺管理系統(tǒng)模板,截圖如下 :
TsAdmin中主要集成了以下的優(yōu)秀功能:
一、 無限遞歸的左側(cè)菜單支持無限級遞歸的菜單樹,你只需要提供格式規(guī)范的JSON數(shù)組對象即可,如:
[{ title: "系統(tǒng)設(shè)置", name: "1systemsettings", expand: true, uniqueNo: "1systemsettings", children: [{ title: "首頁", name: "首頁", path: "/homepage", allowClose: false, uniqueNo: "homepage", children: [] }, { title: "儀表盤", name: "儀表盤", path: "/dashboard", uniqueNo: "dashboard", allowClose: true, children: [] },{ title: "用戶管理[未實現(xiàn)]", name: "10001usermanagement", uniqueNo: "10001usermanagement", children: [] }, { title: "角色管理[未實現(xiàn)]", name: "10002rolemanagement", uniqueNo: "10002rolemanagement", children: [] }, { title: "權(quán)限管理[未實現(xiàn)]", name: "10003permissionmanagement", uniqueNo: "10003permissionmanagement", children: [] }] }, { title: "報表設(shè)置", name: "2reportsettings", uniqueNo: "2reportsettings", expand: false, children: [{ title: "表格報表管理[未實現(xiàn)]", name: "20001gridreportmanagement", uniqueNo: "20001gridreportmanagement", children: [] }, { title: "圖形報表管理[未實現(xiàn)]", name: "20002graphyreportmanagement", uniqueNo: "20002graphyreportmanagement", children: [] }] }]二、可展開/收縮的左側(cè)菜單
TsAdmin實現(xiàn)了點擊頭部導(dǎo)航的"菜單開關(guān)"來切換菜單的展開/收縮狀態(tài),并帶炫酷的動畫效果
三、整個頁面無刷新(且以無iframe實現(xiàn))這也是TsAdmin后臺模板系統(tǒng)框架比目前流行的其他框架更舒服的地方吧,這也是作者一直在追求和努力實現(xiàn)的后臺管理系統(tǒng)的一種方式。在TsAdmin模板中,你將可以體驗中SPA的流暢操作以及更好的交互體驗,因為TsAdmin是頁面無刷新的,也無iframe嵌套的。
四、以選項卡方式打開各個菜單對應(yīng)的窗體在TsAdmin中,你將體驗到類似桌面應(yīng)用的選項卡操作體驗,每個菜單選項都可以以選項卡的方式在右側(cè)的選項卡顯示區(qū)域呈現(xiàn)。更高級的是,TsAdmin還支持將當(dāng)前打開的選項卡添加到頭部的工作臺,當(dāng)把選項卡成功添加到工作臺后,便可以從工作臺中重新打開或者激活對應(yīng)的窗體。
五、數(shù)據(jù)雙向綁定及前后端分離數(shù)據(jù)雙向綁定這是肯定的,因為TsAdmin是基于Vue.js的,至于前后端分離,目前預(yù)覽版的數(shù)據(jù)還是純文本的,所以后端還未涉及到。
現(xiàn)在是不是有些期待TsAdmin這套全新的后臺管理系統(tǒng)模板呢?那現(xiàn)在就去看看TsAdmin的預(yù)覽版本是什么樣的吧
歡迎大家對TsAdmin踴躍吐槽。同時也歡迎加入碼友網(wǎng)的QQ群:483350228,更有其他學(xué)習(xí)資源和干貨下載,歡迎入群。
本文出至 碼友網(wǎng) 《[TsAdmin]--一款基于Vue.js+Element UI的單頁無刷新(無iframe)多選項卡的后臺管理系統(tǒng)模板》
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/92262.html
摘要:現(xiàn)在開始從頭搭建我們的微前端架構(gòu)。項目源碼微前端項目微前端微前端項目 1. 微前端 ????????基于spa類的單頁應(yīng)用,隨著企業(yè)工程項目的體積越來越大,開發(fā)的功能越來越多,頁面也越來越多,項目隨之也變得越來越臃腫,維護(hù)起來十分困難,往往改一個logo,或者改一個小樣式,都要將項目全部重新打包一遍,維護(hù)困難,部署也困難。 ????????因此前端在借鑒后端的微服務(wù)架構(gòu)模式后,衍生了...
摘要:通過對比各項目過去個月在上新增數(shù)量,來評估其在年度的受關(guān)注程度,進(jìn)而選出年度領(lǐng)域崛起的明星項目。也許正因為上述最后一點,在中國擁有大量的擁躉。不僅被中國最大的電商平臺阿里巴巴使用,也獲得了與這些公司青睞。 共 4741 字,讀完需 8 分鐘,速讀 2 分鐘。我有幸參與了該項目的部分中文版翻譯、校對工作,感謝 Sacha Grief,Micheal Ramberu 的統(tǒng)計整理,以及 Fr...
摘要:前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日,很多內(nèi)容早已過期或是很多近期優(yōu)秀組件未被收錄,所以小肆今天重新更新了內(nèi)容并新建項目。提交的項目格式如下項目名稱子標(biāo)題相關(guān)介紹如果收錄的項目有錯誤,可以通過反饋給小肆。 前言 本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日,很多內(nèi)容早已過期或是很多近期優(yōu)...
摘要:在調(diào)研插件后,發(fā)現(xiàn)無法滿足以及等要求時,果斷選用了做服務(wù)器渲染。布局目錄該目錄名為保留的,不可更改。服務(wù)器啟動的時候,該目錄下的文件會映射至應(yīng)用的根路徑下。它可以在服務(wù)端或路由更新之前被調(diào)用??捎糜谥付ǚ?wù)端返回的請求狀態(tài)碼。 開頭還是來一段廢話: 年關(guān)將近,給大家拜個早年,愿大家年會都能抽大獎,來年行大運。 廢話不多說,直接進(jìn)正文 項目環(huán)境: 前端vue項目, 需要將新增的幾個路由頁...
閱讀 2259·2023-04-26 01:50
閱讀 714·2021-09-22 15:20
閱讀 2595·2019-08-30 15:53
閱讀 1596·2019-08-30 12:49
閱讀 1714·2019-08-26 14:05
閱讀 2714·2019-08-26 11:42
閱讀 2309·2019-08-26 10:40
閱讀 2602·2019-08-26 10:38