从零开始撸一款项目模版管理平台 【一】

前言

前一段时间膜拜vue3源码，看scprit脚本时学习到一个用来生成bootstrip.js代码。其功能经过命令 nodejs bootstrip.js -- projectname 生成新的有统一规范的项目模版。萌生了开发一套模版管理平台的想法，故在此系列开始介绍如何从零开始设计实现一套模版管理平台。但愿能帮到有须要的同窗，一块儿提升。

本篇内容

本篇主要分享一下准备实现的产品功能及目标，另外也介绍一下准备采用的技术栈供你们参考。

目标

用来管理经常使用的项目模版，在新建项目时能够快速获取有通用模版代码，减小项目搭建成本提高初始化项目效率。相似vue-cli,create-react-app等脚手架的一个可视化的实现，不一样点在于生成的模版和项目数据存储在服务端，好处是模版灵活，项目模版能够相似资产同样方便公司级别的管理维护。

功能

初版将只实现模版管理的核心功能

1. 新增模版 新增模版功能包括有新增模版,新增模版后模版对应的模版内文件管理，文件模版编辑，模版配置项管理
2. 编辑模版 除没有新增入口外，其余的文件管理，文件模版编辑等功能交互均与新增保存一致
3. 模版列表 查询模版列表，且提供新增编辑入口
4. 根据列表建立项目 在模版列表提供项目建立入口,选择对应模版点击建立进入配置项选择。选择项目配置。选择完成后点击新建根据配置项生成代码。

后续能够持续迭代开发的地方

1. 权限管理，帐号体系
2. 模版&项目与帐号体系打通
3. 平台化,服务化

技术栈

架构采用先后端分离的方式实现，主要使用技术栈以下

• 后台服务端选用nestjs，选用的缘由主要是其和java spring mvc模式类似，也有较方便的orm库，后续如其余同窗想参考使用java改造本身的服务也方便参考。 官网 nestjs.com

• 管理界面在这个开源项目基础上开发 antdesignpro vue github.com/sendya/ant-… 不选用react系列的主要缘由是想快速产出产品，vue开发来讲效率真的会高一些

• db 选用 mysql

• 版本管理 git

由于主要是模版管理，数据量并不会太大，暂不考虑缓存等其余性能相关的设计。初版以实现功能走通流程为主，并且若是只是公司内部使用也项目模版除了文件以外，数据量自己不会太大。固然，若是往平台方面发展作提供服务给全部须要服务的我的或者公司时须要考虑，这是后话，先把当前的想法撸出来。

预告

后续篇章的分享将会主要介绍先后台项目的搭建 ，表结构设计,和核心生成项目代码部分的实现思路。另外若有时间也会尽可能完善用例图，产品架构图，系统架构等等方便快速熟悉项目。