基于 rh-template-react-umi 的工程模板,http://blog.giscafer.com/topology-umi-demo/
- Antd 4.14.x
- Umi 3.5.x
- React 17.0
- bizcharts
- axios
- ……
- @roothub/components 组件
- Antd 样式覆写,满足 UI 风格
- 如果要去掉,可以注释
styles/reset/index.less
- 如果要去掉,可以注释
- Swagger Doc Api TypeScript 接口代码生成
- 主题换色
- Topology
Install dependencies,
$ yarn
Start the dev server,
$ yarn start
- 项目引入了百度 amis 的样式库,见
styles/helper.css
,文档:https://baidu.gitee.io/amis/zh-CN/style/index - 文件夹结构
- 更多开发规范见:https://pro.ant.design
TypeScript 的 API 生成通过自研 @roothub/cli
来生成,生成的文件夹在 src/rh/**
之下。
安装工具包 npm i @roothub/cli -g
http-client.ts
封装 Axios 请求拦截,建议生成 api 时不要覆盖。
安装工具包 npm i @roothub/cli -g
-
修改
rh-codegen.config.json
swagger 接口文档 url(详细见rh.js#rh-codegen) -
rh codegen update
生成 api,并询问是否再生成 mock -
http-client.ts
封装 Axios 请求拦截,建议生成 api 时不要覆盖。 -
更多操作
rh codegen -h
拓扑图\统计图表
- bizcharts : https://www.bizcharts.net/
- Topology : https://github.com/le5le-com/topology
- @topology/activity-diagram 0.3.0
- @topology/chart-diagram 0.3.0
- @topology/class-diagram 0.3.0
- @topology/core 0.5.8
- @topology/flow-diagram 0.3.0
- @topology/sequence-diagram 0.3.0
MIT