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