前言
前一段時間膜拜vue3源碼，看scprit腳本時學習到一個用來生成bootstrip.js代碼。其功能通過命令 nodejs bootstrip.js -- projectname
生成新的有統(tǒng)一規(guī)范的項目模版。萌生了開發(fā)一套模版管理平臺的想法，故在此系列開始介紹如何從零開始設計實現一套模版管理平臺。希望能幫到有需要的同學，一起提高。
本篇內容
本篇主要分享一下準備實現的產品功能及目標，另外也介紹一下準備采用的技術棧供大家參考。
目標
用來管理常用的項目模版，在新建項目時可以快速獲取有通用模版代碼，減少項目搭建成本提升初始化項目效率。類似vue-cli,create-react-app等腳手架的一個可視化的實現，不同點在于生成的模版和項目數據存儲在服務端，好處是模版靈活，項目模版可以類似資產一樣方便公司級別的管理維護。
功能
第一版將只實現模版管理的核心功能
- 新增模版 新增模版功能包括有新增模版,新增模版后模版對應的模版內文件管理，文件模版編輯，模版配置項管理
-
編輯模版
除沒有新增入口外，其他的文件管理，文件模版編輯等功能交互均與新增保存一致 -
模版列表
查詢模版列表，且提供新增編輯入口 -
根據列表創(chuàng)建項目
在模版列表提供項目創(chuàng)建入口,選擇對應模版點擊創(chuàng)建進入配置項選擇。選擇項目配置。選擇完成后點擊新建根據配置項生成代碼。
后續(xù)可以持續(xù)迭代開發(fā)的地方
- 權限管理，賬號體系
- 模版&項目與賬號體系打通
- 平臺化,服務化
技術棧
架構采用前后端分離的方式實現，主要使用技術棧如下
后臺服務端選用nestjs，選用的原因主要是其和java spring mvc模式相似，也有較方便的orm庫，后續(xù)如其他同學想參考使用java改造自己的服務也方便參考。 官網 https://nestjs.com
管理界面在這個開源項目基礎上開發(fā) antdesignpro vue https://github.com/sendya/ant-design-pro-vue 不選用react系列的主要原因是想快速產出產品，vue開發(fā)來說效率真的會高一些
db 選用 mysql
版本管理 git
因為主要是模版管理，數據量并不會太大，暫不考慮緩存等其他性能相關的設計。第一版以實現功能走通流程為主，而且如果只是公司內部使用也項目模版除了文件之外，數據量本身不會太大。當然，如果往平臺方面發(fā)展做提供服務給所有需要服務的個人或者公司時需要考慮，這是后話，先把當前的想法擼出來。
預告
后續(xù)篇章的分享將會主要介紹前后臺項目的搭建 ，表結構設計,和核心生成項目代碼部分的實現思路。另外如有時間也會盡量完善用例圖，產品架構圖，系統(tǒng)架構等等方便快速熟悉項目。
