寫在 D2Admin 開源一個月之後

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

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

距離我在掘金正式把 D2Admin 介紹給大家——這個我自己做了五個月後公佈的開源專案，已經過去一個多月了，也就是說到現在為止，大概做了六個多月，六個月付出了很多也收穫了很多。

現在想想這一個月真是很忙碌，幾乎所有的業餘時間都用在了這個專案上，閒暇的時候在寫，晚上回家每天都要寫到一點左右，更別說週末，回家火車上都在忙著改程式碼...

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

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

就我個人而言，倒也是一種不錯的體驗，很有成就感。

上圖：在某個週末寫了一天新功能程式碼後，我發了一條朋友圈

上圖：D2Admin 的設計檔案 （真是一個人什麼都幹...）

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

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

經典主題

一些內建的外掛和元件

圖示選擇器

版本檢查

灰度模式

資料持久化

圖表

星空主題

頁面快取控制路由引數傳遞和頁面切換復現匯入 csv 或者 xlsx

匯出 csv 或者 xlsxsvg 圖示自動註冊

響應社群使用者呼聲，本次最大更新：多標籤頁模式

上面是我隨便截了幾張圖片 如果你感興趣的話可以去體驗地址一趟 -> 體驗地址 <-。專案現在整合了不少的庫和外掛，第一次載入確實有些慢，以後有空了優化一下。以後還計劃做一個簡化版模板。

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

這個列表在這裡也可以檢視 -> 中文文件 | 更新日誌

1.1.4 今日釋出

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

v1.1.3

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

v1.1.2

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

v1.1.1

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

v1.1.0 正式釋出後第一個版本

• [ 修改 ] 頂欄和側邊欄選單新的結構生成方式，新的方案使用 資料 + 遞迴元件 實現無限制多級選單
• [ 修改 ] 路由註冊迴歸最簡單的寫法
• [ 修復 ] 首次載入 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. 簡化版模板，這個應該在明天就會發布 (2018年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…
  

好像沒有什麼說的了，就先到這裡吧，大家喜歡的話 star 一個作為支援，有問題或者發現 bug 歡迎進群反饋或者 issue ~