寫在 D2Admin 開源一個月之后，d2admin開源

今天 D2Admin 1.1.4 大更新發布，謹以此文表達我對編碼的熱愛。愛掏網 - it200.com

2024年7月4日補充：簡化版模板已經發布，剔除所有的示例頁面和不必要插件，只保留三款最受歡迎的主題，簡化版模板地址：Github

距離我在掘金正式把 D2Admin 介紹給大家——這個我自己做了五個月后公布的開源項目，已經過去一個多月了，也就是說到現在為止，大概做了六個多月，六個月付出了很多也收獲了很多。愛掏網 - it200.com

現在想想這一個月真是很忙碌，幾乎所有的業余時間都用在了這個項目上，閑暇的時候在寫，晚上回家每天都要寫到一點左右，更別說周末，回家火車上都在忙著改代碼...

上圖：好友不幸骨折，守著他編碼...（祝他早點康復）

有天我和朋友說，感覺真是開源個項目，把自己整個人都開源了，一個人又要設計又要寫代碼又要寫文檔還要回答問題，除了上班吃睡就都是它了！

就我個人而言，倒也是一種不錯的體驗，很有成就感。愛掏網 - it200.com

上圖：在某個周末寫了一天新功能代碼后，我發了一條朋友圈

上圖：D2Admin 的設計文件 （真是一個人什么都干...）

通過這個開源產品，認識了很多朋友，有了自己的小交流群，平日沒事了大家一起討論討論問題也挺不錯。愛掏網 - it200.com當然也新認識了一些大佬（膜拜），通過交流也有不小的收獲。愛掏網 - it200.com

廢話不多說了，一介碼農也沒有什么文采，今天也是趁著發版的機會小發表一些想法，下面就介紹一下這一個月來究竟升級了什么吧，先放圖：

經典主題

一些內置的插件和組件

圖標選擇器

版本檢查

灰度模式

數據持久化

圖表

星空主題

頁面緩存控制路由參數傳遞和頁面切換復現導入 csv 或者 xlsx

導出 csv 或者 xlsxsvg 圖標自動注冊

響應社區用戶呼聲，本次最大更新：多標簽頁模式

上面是我隨便截了幾張圖片 如果你感興趣的話可以去體驗地址一趟 ->?體驗地址? 來自 vuebug.com項目現在集成了不少的庫和插件，第一次加載確實有些慢，以后有空了優化一下。愛掏網 - it200.com以后還計劃做一個簡化版模板。愛掏網 - it200.com

下面是由新到舊的更新列表（從?上篇文章?發表之后開始算起）

這個列表在這里也可以查看 ->?中文文檔 | 更新日志

• [ 修改 ] 全局狀態管理設計優化
• [ 修改 ] 主題調優
• [ 新增 ] playground 模塊，方便測試和展示一些功能實現方式/調用方法
• [ 新增 ] 灰度模式
• [ 新增 ] 多頁模式
• [ 新增 ] 多頁模式緩存
• [ 新增 ] 多頁模式快速關閉（關閉左側 右側 全部 其它）
• [ 修改 ] 側邊欄滾動優化
• [ 新增 ] d2-container 填充模式自定義滾動條
• [ 新增 ] d2-container 組件卡片和隱形模式自定義滾動條
• [ 新增 ] 現在頁面標題可以根據路由做出對應變化了
• [ 新增 ] 版本檢查機制
• [ 新增 ] d2-container 隱形模式支持 header 插槽
• [ 新增 ] 版本檢查可以設置為不顯示提示框
• [ 新增 ] 集成 json 查看組件
• [ 新增 ] 添加了所有圖表種類的演示頁面
• [ 修改 ] 修改布局方式，解決了在 Firefox 上 better-scroll 初始化拿不到正確高度的 bug
• [ 新增 ] 右上角顯示用戶名，用戶名持久存儲

• [ 修復 ] 側邊欄在折疊時不顯示的 bug
• [ 新增 ] v-charts 插件
• [ 新增 ] 一些演示圖表（后續打算把 v-charts 文檔上有示例性的演示都展示一下）
• [ 修改 ] D2Admin 經典主題顏色調整
• [ 新增 ] violet 主題
• [ 新增 ] 菜單圖標
• [ 修改 ] 新制作了 Fork me 圖片

• [ 修改 ] 刪除了 G2 相關的依賴

• [ 修改 ] 刪除了 G2 相關的代碼（移除圖表庫）
• [ 優化 ] 側邊欄取值邏輯

• [ 修改 ] 頂欄和側邊欄菜單新的結構生成方式，新的方案使用 數據 + 遞歸組件 實現無限制多級菜單
• [ 修改 ] 路由注冊回歸最簡單的寫法
• [ 修復 ] 首次加載 loading 樣式類名和程序內類名沖突，新的加載類名使用 d2-app-loading 前綴
• [ 修改 ] 所有類似 dd- 的樣式前綴(包括自動注冊圖標的id前綴)統一改為 d2-
• [ 修復 ] 修復 d2-highlight 組件和 d2-markdown 組件的樣式沖突
• [ 修改 ] 內置組件名稱統一改為 d2- 前綴，統一使用橫線連接 (kebab-case) 風格
• [ 修改 ] 頂欄 logo 陰影刪除
• [ 新增 ] 主題系統
• [ 新增 ] 三個主題，分別為 d2admin 經典，簡約線條，流星
• [ 修改 ] d2-markdown 組件 md 參數改名為 source
• [ 修改 ] 刪除了 d2-markdown 組件中圖片的白色背景
• [ 修改 ] 刪除 timeago 插件，更換為更強大的 dayjs
• [ 新增 ] Tomorrow Night Blue 主題
• [ 修改 ] src/assets/style/public-class.scss 寫法優化
• [ 新增 ] vue-bigdata-table 組件
• [ 修復 ] 側邊欄內容超過一屏后顯示錯誤
• [ 新增 ] 自定義滾動條演示頁面
• [ 新增 ] 流星主題新增背景圖片上層的半透明遮罩
• [ 修復 ] 主題設置失效bug
• [ 修復 ] router守衛驗證登陸部分代碼修改
• [ 修復 ] d2-container 組件改為同步注冊（之前的異步注冊會有 mounted 生命周期問題，即 slot 內的頁面在 mounted 生命周期內拿不到 dom）
• [ 修復 ] d2-container 組件重構 flex 布局
• [ 新增 ] 404 page
• [ 新增 ] 頂欄聯系方式
• [ 新增 ] 右鍵菜單組件
• [ 新增 ] 菜單配置支持空菜單（項目開發的時候有可能需要先把菜單做好查看效果）
• [ 優化 ] 頁面左側菜單滾動條優化
• [ 修復 ] CSS 邊距工具類都加上了 !important 來保證在覆蓋樣式時生效
• [ 修復 ] IE11 兼容性修復

寫這篇文章的時候心情竟然出奇地平靜，終于發新版了，總算松了一口氣...

下階段的計劃：

1. 簡化版模板，這個應該在明天就會發布 (2024年7月4日補充：已經兌現諾言發布了 d2-admin-start-kit)
2. ice 版本
3. bug 修復

最后總結一下項目各種地址

• D2Admin 倉庫?github.com/d2-projects…
  
• D2Admin 碼云同步倉庫，只用來給大家更快地克隆代碼，發布新版本的時候會從 github 同步?gitee.com/fairyever/d…
  
• 中文文檔?d2admin.fairyever.com/zh/
  
• 預覽地址?fairyever.gitee.io/d2-admin-pr…

原文發布時間為：2024年07月03日 本文作者：FaryEver 本文來源：掘金??如需轉載請聯系原作者