Skip to content

kris-ly/antd-mobx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

用antd、mobx、react-router搭的框架,可用于开发内部系统

feature:

  • 封装了基于fetch的数据请求方法,包含GET/POST两种请求
  • 提供了一套较优雅的基于mobx的数据管理方案,并封装了mobx数据更新的log打印方法
  • 封装了表单的双向绑定的方法,便于进行表单数据的获取、提交参数收集,方便扩展表单功能,例如:多个表单项的联动等
  • 代码按路由拆分,按需加载,减小打包后首屏js的体积
  • 具备数据mock功能,只需json数据就可进行本地开发
  • 带完整webpack本地开发和打包的配置,支持es2015、less、antd组件样式的按需加载等功能

结构介绍

.
├── dist
│   └── build 打包目录
├── mocks // mock数据
├── src
│   ├── img // 图片资源
│   ├── components // 公用组件
│   ├── pages
│   │   ├── App.js // 界面js
│   │   ├── MainPage.js // 首页
│   │   ├── TestPage.js // demo页
│   │   ├── testPage.less // demo页的样式
│   │   ├── NotFound.js // notFound页
│   │   └── ErrorPage
│   ├── store
│   │   ├── commonRequest.js // 页面公用数据对应的store改变方法
│   │   ├── mobxReaction.js // mobx数据更改时的log方法
│   │   ├── setAttr.js // 表单项双向绑定的方法
│   │   └── TestPage.js // TestPage页面对应的store
│   ├── utils
│   │   ├── request.js //封装的fetch方法
│   │   ├── getParams.js //计算表单参数的方法
│   │   └── config.js // 全局的配置,包括api的路径等
│   └── index.js // 入口文件
├── tools
│   ├── build.js //打包脚本
│   ├── run.js //本地开发脚本
│   └── postcss.config.js // postcss的配置文件
└── webpack.config.js // webpack配置文件

本地开发

$ yarn start

打包

$ yarn build -- --release

About

基于antd、react-router、mobx的SPA框架

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published