「SDUDOC」前端工程搭建及功能模块分工划分

SDUDOC实训记录 山东大学创新实训记录

1. 前端技术选型

1.1 前端框架及语言

结合个人掌握程度以及项目规模综合判断，前端框架使用React开发，脚手架选用Umi.js，编程语言选用Typescript。选用React的原因是架构比较成熟，拓展性比较强，且对Typescript有非常完美的支持。这对一个稳定成熟的项目开发工作是至关重要的。至于框架选用Umi.js，是因为懒得从0开始配置create-react-app了，umi.js自带一套成熟的路由方案、接口Mock方案、多语言支持、Antd按需引入优化，能省很多事。

1.2 状态管理

状态管理使用Mobx，一方面是因为Mobx相比Redux对Typescript有更好的兼容性，另一方面是更简便易用，不用写太多代码。

1.3 接口管理

接口管理使用Rap2，可以方便的从后端swagger同步，并生成Typescript类型定义的请求方法代码。

1.4 UI组件库

使用Antd，同时Umi可以直接使用Antd Pro，并且原生支持组件的按需引入，无需额外配置，非常方便。

1.5 多语言国际化

使用react-intl的多语言国际化解决方案，方便手写几个hooks以便于在不同场景下便捷使用。并可以通过关联字库Typescript类型定义实现快速引用词条。

1.5 其他

搭建Gitlab Pipeline，配置开启CI/CD，保护并锁定master