简介

项目技术栈模板；

类型	技术栈	描述	备注
adm-tpl-sys (opens new window)	react,antd-3.x, antd-pro4.x, umi2.x, qiankun1.x	管理，目前上云基座模板	已完成
adm-tpl-sub (opens new window)	react,antd-3.x, antd-pro4.x, umi2.x, qiankun1.x	管理，目前上云子系统模板	已完成
adm-tpl-portal (opens new window)	react,antd-4.x, antd-pro4.x, umi3.x, qiankun2.x	管理，上云新基座模板	开发中
adm-tpl-port (opens new window)	react,antd-4.x, antd-pro4.x, umi3.x, qiankun2.x	管理，上云新子系统模板	开发中
adm-tpl-react (opens new window)	react, antd-4.x,antd-pro5.x, umi3.x,qiankun2.x	管理新react模板	开发中
adm-tpl-vue (opens new window)	vue2.x,antd-vue1.x	后台端vue模板	已完成
h5-tpl-vue (opens new window)	vue2.x, vant2.x	h5端vue模板	已完成
doc-tpl-rat (opens new window)	vuepress	rat文档项目模板	已完成
doc-tpl-bdp (opens new window)	vuepress	bdp部署项目模板	已开源

react方向

bdp-tpl-sys/sub

技术栈

• react
• antd3.x
• ant-pro4.x

功能说明

核心

• 底座portal与子系统项目隔离
• 子系统项目与模块组件隔离
• 模块与页面组件隔离

功能抽象

• base基类; 抽象出 ABase, Base

• request再封装，默认子系统前缀

  /*
   * @Author: samy
   * @email: yessz#foxmail.com
   * @time: 2020-09-23 20:13:03
   * @modAuthor: samy
   * @modTime: 2021-01-27 00:55:26
   * @desc: request再封装一层
   * @Copyright © 2015~2021 BDP FE
   */
  import requestBdp from '@/bdpcloud/utils/request';
  import { apiPrefix } from '@<%=proName%>/conf/constant';
  
  /**
   * 在原有的bdp中request方法中，再封装一层；
   * 方便处理当前子系统的特殊业务请求；
   */
  export default function request(url, opts = {}, otherOpts = {}) {
    return requestBdp(`${apiPrefix}/${url}`, opts, otherOpts);
  }
  
  

• 子系统默认引入portal组件

  /*
   * @Author: samy
   * @email: yessz#foxmail.com
   * @time: 2020-10-15 10:40:33
   * @modAuthor: samy
   * @modTime: 2020-12-10 10:17:05
   * @desc: 子系统组件 
   * @Copyright © 2020 BDP FE
   */
  import MyIcon from './MyIcon';
  export * from '@/bdpcloud/components'; // 导出默认的组件库；
  export { Base, BaseSub } from '@<%=proName%>/base';
  
  // 重写部分组件
  export {
    MyIcon
  }
  

adm-tpl-react

技术栈:

• react
• antd4.x
• ant-pro5.x

mob-tpl-react

技术栈:

ssr-tpl-react

技术栈:

vue方向

adm-tpl-vue

技术栈:

• vue
• antd-vue1.x
• antd-vue-pro2.x

mob-tpl-vue

技术栈:

• vue
• uni-app

混合方向

qiankun

微前端组合

ejs

ftl

doc文档

doc-tpl-rat

自己三大认知体系模板

λ rat init tpl
? Please input Project name rat-doc
? which local Project do you want to init? doc-tpl-rat
? 项目名(en) rat-doc
? 项目描述 技术文档
? 项目标题 文档
? git项目名 rat-doc
√ generated rat-doc
√ hooked

  generated the rat-doc project, then install dependencies:
       $ cd rat-doc && npm install

关联git

cd rat-doc
sh git-init.sh

doc-tpl-bdp

客户现场部署文档

➜  bdp-ztest bdp -V
1.1.3
➜  bdp-ztest bdp tpl install
✔ 获取repos中 
? 请选择要安装的repo? doc-tpl-bdp
⠋ 下载中 doc-tpl-bdp
Cloning into '/Users/samy/.bdp/tpl/doc-tpl-bdp'...
✔ 下载完成 doc-tpl-bdp
➜  bdp-ztest bdp init
? 请选择初始化的类型 initPro   初始化项目/Project
? 请输入 Project 名 hn-dx-deploy-doc
? 请选择模板文件哪个Project模板? doc-tpl-bdp
? 项目名(en) hn-dx-deploy-doc
? 项目描述 湖南电信部署文档
? 项目标题 部署文档
? git项目地址 github.com/tmp
✔ 👏生成完成 hn-dx-deploy-doc

  项目生成成功 hn-dx-deploy-doc, 然后进入目录安装依赖:
       $ cd hn-dx-deploy-doc && yarn install