/umi-ts-app

umi3+typescript+dva+react hooks快速搭建管理系统

Primary LanguageTypeScript

umi-ts-app

node Build With Umi Build With React Build With antd GitHub license

技术栈:umi3 + react hooks + dva + typescript + antd

该项目以 umi为底层前端框架,以Ant Design为 UI 组件库,Dva为项目数据流,React hooks编写前端业务组件,以TypeScript 做为静态类型检查,包含完整的前端工程化实践。

目录结构

|-- config                                # 项目配置文件
|-- mock                                  # 本地模拟数据
|-- public                                
|   |-- favicon.ico                       # favicon
|-- src                                   
|   |-- assets                            # 本地静态资源
|   |-- components                        # 业务通用组件
|   |-- layouts                           # 通用布局
|   |-- models                            # 全局 dva model
|   |-- services                          # 后台接口服务
|   |-- pages                             # 业务页面入口和常用模板
|   |-- e2e                               # 集成测试用例
|   |-- global.less                       # 全局样式
|                           
|-- tests                                 # 测试工具
|-- .gitignore                            # git忽略文件
|-- .editorconfig                         # 编辑器代码风格配置
|-- .eslintignore                         # eslint忽略文件
|-- .eslintrc                             # eslint规则
|-- .prettierignore                       # 代码风格配置忽略文件
|-- .prettierrc                           # 代码风格配置文件
|-- package.json                          
|-- README.md                              

快速开始

// 安装项目
$ git clone https://github.com/hanyueqiang/umi-ts-app.git

$ cd umi-ts-app

// 安装依赖
$ yarn

// 运行
$ yarn start # 访问 http://localhost:8081

// 打包
$ yarn build

更多命令可在package.json中查看

项目预览

登录

login page

Table列表

table page

gg_editor

table page

支持环境

Browsers support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

参与贡献

我们非常欢迎你的贡献,你可以通过以下方式和我一起共建 😃:

  • 通过 Issue 报告 bug 或进行咨询。
  • 提交 Pull Request 改进代码。
  • 微信交流(备注来自Github),微信号:han2013555888