# umi-ts-app
[![node](https://img.shields.io/badge/node-%3E%3D10.13.0-brightgreen)](https://mobile.ant.design)
[![Build With Umi](https://img.shields.io/badge/umi-%5E3.1.3-brightgreen)](https://umijs.org/)
[![Build With React](https://img.shields.io/badge/react-%5E16.8.0-brightgreen)](https://react.docschina.org/)
[![Build With antd](https://img.shields.io/badge/antd-%5E4.2.0-brightgreen)](https://ant.design/index-cn)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)]()
技术栈:umi3 + react hooks + dva + typescript + antd
该项目以 [umi](https://umijs.org/zh/)为底层前端框架,以[Ant Design](https://ant.design/index-cn)为 UI 组件库,[Dva](https://dvajs.com/guide/)为项目数据流,[React hooks](https://react.docschina.org/)编写前端业务组件,以[TypeScript](https://www.tslang.cn/) 做为静态类型检查,包含完整的前端工程化实践。
## 目录结构
|-- 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
## 快速开始
```javascript
// 安装项目
$ git clone https://github.com/hanyueqiang/umi-ts-app.git
$ cd umi-ts-app
// 安装依赖
$ yarn
// 运行
$ yarn start # 访问 http://localhost:8081
// 打包
$ yarn build
```
更多命令可在[package.json](./package.json)中查看
## 项目预览
#### 登录
![login page](/public/login.png)
#### Table列表
![table page](/public/table.png)
#### gg_editor
![table page](/public/gg_editor.png)
## 支持环境
## Browsers support
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>iOS Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png" alt="Samsung" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Samsung | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Opera |
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
## 参与贡献
我们非常欢迎你的贡献,你可以通过以下方式和我一起共建 :smiley::
- 通过 [Issue](https://github.com/hanyueqiang/umi-ts-app/issues) 报告 bug 或进行咨询。
- 提交 [Pull Request](https://github.com/hanyueqiang/umi-ts-app/pulls) 改进代码。
- 微信交流(备注来自`Github`),微信号:han2013555888
没有合适的资源?快使用搜索试试~ 我知道了~
umi-ts-app:umi3 + typescript + dva + react hooks快速构建管理系统
共78个文件
tsx:25个
ts:22个
less:9个
需积分: 45 19 下载量 152 浏览量
2021-02-05
07:37:40
上传
评论 2
收藏 3.6MB ZIP 举报
温馨提示
umi-ts-app 技术栈:umi3 + react hooks + dva +打字稿+ antd 该项目以为前端框架,以为UI组件库, 为项目数据流, 编写前端业务组件,以做为静态类型检查,包含完整的前端工程化实践。 目录结构 |-- config # 项目配置文件 |-- mock # 本地模拟数据 |-- public | |-- favicon.ico
资源详情
资源评论
资源推荐
收起资源包目录
umi-ts-app-master.zip (78个子文件)
umi-ts-app-master
.env 9B
public
login.png 1.73MB
favicon.ico 24KB
gg_editor.png 51KB
table.png 73KB
.umirc.ts 774B
.eslintrc.js 742B
.prettierignore 80B
src
global.less 70B
pages
account
settings
index.tsx 1KB
index.tsx 167B
index.less 45B
users
index.tsx 656B
components
child
index.tsx 445B
dashboard
index.tsx 986B
index.less 783B
g2.tsx 2KB
components
pageLoading
index.tsx 175B
visitCard
index.tsx 3KB
list
queryTable
index.tsx 2KB
index.less 0B
queryTable.d.ts 196B
components
filterRegion.tsx 2KB
404.tsx 403B
func
antvX6
index.tsx 2KB
index.less 0B
tools.ts 2KB
draggable
index.tsx 5KB
ggEditor
index.tsx 1KB
index.less 463B
ggEditor.config.ts 1KB
components
CustomNodes
index.tsx 2KB
Toolbar
index.tsx 2KB
charts
index.js 0B
login
index.tsx 1KB
index.less 673B
components
loginForm
index.tsx 3KB
index.less 209B
services
user.ts 304B
login.ts 547B
list.ts 279B
dashboard.ts 133B
utils
request.ts 2KB
utils.ts 366B
models
connect.d.ts 911B
login.ts 2KB
queryTable.ts 1KB
dashboard.ts 1KB
global.ts 2KB
locales
zh-CN.ts 19B
layouts
index.tsx 643B
simpleLayout
index.tsx 100B
baseLayout
index.tsx 730B
index.less 612B
menu
index.tsx 2KB
header
index.tsx 228B
userSetting.tsx 1KB
components
tableComponent
index.tsx 1KB
charts
index.js 2KB
assets
visit_total.png 10KB
headerbg.png 227KB
visit_survey.png 9KB
yay.jpg 74KB
visit_user.png 11KB
loginbg.png 1.43MB
tsconfig.json 516B
config
menu.config.ts 916B
.prettierrc 174B
README.md 5KB
mock
.gitkeep 0B
login.ts 968B
queryTable.ts 850B
dashboard.ts 497B
global.ts 528B
.editorconfig 245B
.gitignore 289B
typings.d.ts 237B
package.json 1KB
共 78 条
- 1
Aurora曙光
- 粉丝: 914
- 资源: 4528
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 统计计算使用R一书的源代码Rcode.zip
- 饮食管理系统项目源代码全套技术资料.zip
- 最新云夕打赏系统源码分享
- 使用cnpm搭建npm-整理版(搭建私有仓库)
- 玩转西门子V90扭矩控制功能-各种扭矩参数功能详解.mp4
- 5 计算机组成原理-课件.zip
- 毕业论文要求.pptx
- 研赛E题版本3完整文章(1) (1).docx
- MicrosoftEdge-X64-131.0.2903.99.rar
- 基于树莓派的垃圾智能分类系统设计_王科.caj
- 试论基于树莓派的智能垃圾分类系统设计_李绘英.caj
- 乡村振兴背景下X市乡镇公务员胜任力模型构建与研究_智能降重_paperred报告.docx
- 我从零开始20多年的电磁炉维修经验
- 四轮转向系统横摆角速度控制simulink仿真模型,利用滑模控制算法,基于八自由度车辆模型,控制有比较好的效果,附参考说明
- tictic-ios-源码:仿抖音Tik Tok 视频分享平台app项目源码.zip
- 计算机网络期末复习知识点
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0