国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[TsAdmin]--一款基于Vue.js+Element UI的單頁無刷新(無iframe)多選項

junnplus / 2517人閱讀

摘要:現在是不是有些期待這套全新的后臺管理系統模板呢那現在就去看看的預覽版本是什么樣的吧歡迎大家對踴躍吐槽。同時也歡迎加入碼友網的群更有其他學習資源和干貨下載,歡迎入群。本文出至碼友網一款基于的單頁無刷新無多選項卡的后臺管理系統模板

前言

很高興今天在這里跟大家分享一款全新的后臺管理系統UI模板--TsAdmin.

TsAdmin是碼友網自主開發的一款基于Vue.js+Element UI 的單頁無刷新(無iframe)多選項卡的后臺管理系統模板,截圖如下 :

TsAdmin中主要集成了以下的優秀功能:

一、 無限遞歸的左側菜單

支持無限級遞歸的菜單樹,你只需要提供格式規范的JSON數組對象即可,如:

[{ title: "系統設置", 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: "用戶管理[未實現]", name: "10001usermanagement", uniqueNo: "10001usermanagement", children: [] }, { title: "角色管理[未實現]", name: "10002rolemanagement", uniqueNo: "10002rolemanagement", children: [] }, { title: "權限管理[未實現]", name: "10003permissionmanagement", uniqueNo: "10003permissionmanagement", children: [] }] }, { title: "報表設置", name: "2reportsettings", uniqueNo: "2reportsettings", expand: false, children: [{ title: "表格報表管理[未實現]", name: "20001gridreportmanagement", uniqueNo: "20001gridreportmanagement", children: [] }, { title: "圖形報表管理[未實現]", name: "20002graphyreportmanagement", uniqueNo: "20002graphyreportmanagement", children: [] }] }]
二、可展開/收縮的左側菜單

TsAdmin實現了點擊頭部導航的"菜單開關"來切換菜單的展開/收縮狀態,并帶炫酷的動畫效果

三、整個頁面無刷新(且以無iframe實現)

這也是TsAdmin后臺模板系統框架比目前流行的其他框架更舒服的地方吧,這也是作者一直在追求和努力實現的后臺管理系統的一種方式。在TsAdmin模板中,你將可以體驗中SPA的流暢操作以及更好的交互體驗,因為TsAdmin是頁面無刷新的,也無iframe嵌套的。

四、以選項卡方式打開各個菜單對應的窗體

在TsAdmin中,你將體驗到類似桌面應用的選項卡操作體驗,每個菜單選項都可以以選項卡的方式在右側的選項卡顯示區域呈現。更高級的是,TsAdmin還支持將當前打開的選項卡添加到頭部的工作臺,當把選項卡成功添加到工作臺后,便可以從工作臺中重新打開或者激活對應的窗體。

五、數據雙向綁定及前后端分離

數據雙向綁定這是肯定的,因為TsAdmin是基于Vue.js的,至于前后端分離,目前預覽版的數據還是純文本的,所以后端還未涉及到。

現在是不是有些期待TsAdmin這套全新的后臺管理系統模板呢?那現在就去看看TsAdmin的預覽版本是什么樣的吧

歡迎大家對TsAdmin踴躍吐槽。同時也歡迎加入碼友網的QQ群:483350228,更有其他學習資源和干貨下載,歡迎入群。

本文出至 碼友網 《[TsAdmin]--一款基于Vue.js+Element UI的單頁無刷新(無iframe)多選項卡的后臺管理系統模板》

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92262.html

相關文章

  • 微前端 —— 理論篇

    摘要:現在開始從頭搭建我們的微前端架構。項目源碼微前端項目微前端微前端項目 1. 微前端 ????????基于spa類的單頁應用,隨著企業工程項目的體積越來越大,開發的功能越來越多,頁面也越來越多,項目隨之也變得越來越臃腫,維護起來十分困難,往往改一個logo,或者改一個小樣式,都要將項目全部重新打包一遍,維護困難,部署也困難。 ????????因此前端在借鑒后端的微服務架構模式后,衍生了...

    wangbinke 評論0 收藏0
  • 2017 年崛起的 JS 項目

    摘要:通過對比各項目過去個月在上新增數量,來評估其在年度的受關注程度,進而選出年度領域崛起的明星項目。也許正因為上述最后一點,在中國擁有大量的擁躉。不僅被中國最大的電商平臺阿里巴巴使用,也獲得了與這些公司青睞。 共 4741 字,讀完需 8 分鐘,速讀 2 分鐘。我有幸參與了該項目的部分中文版翻譯、校對工作,感謝 Sacha Grief,Micheal Ramberu 的統計整理,以及 Fr...

    gaara 評論0 收藏0
  • 【收藏】2019年最新Vue相關精品開源項目庫匯總

    摘要:前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日,很多內容早已過期或是很多近期優秀組件未被收錄,所以小肆今天重新更新了內容并新建項目。提交的項目格式如下項目名稱子標題相關介紹如果收錄的項目有錯誤,可以通過反饋給小肆。 前言 本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日,很多內容早已過期或是很多近期優...

    williamwen1986 評論0 收藏0
  • vue 服務器端渲染 nuxt.js初探

    摘要:在調研插件后,發現無法滿足以及等要求時,果斷選用了做服務器渲染。布局目錄該目錄名為保留的,不可更改。服務器啟動的時候,該目錄下的文件會映射至應用的根路徑下。它可以在服務端或路由更新之前被調用。可用于指定服務端返回的請求狀態碼。 開頭還是來一段廢話: 年關將近,給大家拜個早年,愿大家年會都能抽大獎,來年行大運。 廢話不多說,直接進正文 項目環境: 前端vue項目, 需要將新增的幾個路由頁...

    bingchen 評論0 收藏0

發表評論

0條評論

junnplus

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<