此库不再维护,推荐移步了解:https://tnfe.github.io/tntweb-admin/
Enjoy concent🥺🥺🥺
你的star将是我最大的精神鼓励,欢迎star
尽管concent
有一套自己的标准的开发方式,但是其灵活的架构设计非常的容易与现有的项目集成,此案例将concent
接入到antd-pro
(js版本的最后一个版本2.2.0),源代码业务逻辑没有做任何改动,只是做了如下修改,lint-staged验收通过:
- 在src目录下加入runConcent脚本
- models 全部替换为concent格式定义的,因为umi会自动读取model文件夹定义注入到dva里,所以所有concent相关的model都放在了model-cc文件夹下
- 组件层的装饰器,全部用
concent
替换了dva
,并做了少许语法的修改 - 引入
concent-plugin-loading
插件,用于自动设置reducer
函数的开始和结束状态 - 引入
react-router-concent
,用于连接react-router
和concent
- 引入
concent-middleware-web-devtool
(第一个可用版本,比较简陋^_^),用于查看状态concent
状态变迁过程
注意,运行期项目后,可以打开console,输入
sss
,查看store,输入cc.dispatch
或cc.reducer.**
直接触发调用,更多api请移步concent官网文档查看,更多antd-pro知识了解请移步antd-pro官网
- 下载源代码
git clone [email protected]:concentjs/antd-pro-concent.git
- 进入根目录,安装依赖包
npm i
- 运行和调试项目
npm start
默认src目录下放置的是
concent
版本的源代码,如需运行dva
版本,执行npm run start:old
,切换为concent
,执行npm run start:cc
happy coding, enjoy concent ^_^
欢迎star
- Dashboard
- Analytic
- Monitor
- Workspace
- Form
- Basic Form
- Step Form
- Advanced From
- List
- Standard Table
- Standard List
- Card List
- Search List (Project/Applications/Article)
- Profile
- Simple Profile
- Advanced Profile
- Account
- Account Center
- Account Settings
- Result
- Success
- Failed
- Exception
- 403
- 404
- 500
- User
- Login
- Register
- Register Result
$ git clone https://github.com/concentjs/antd-pro-concent.git --depth=1
$ cd antd-pro-concent
$ npm install
$ npm start # visit http://localhost:8000
# sorry, image to be build......
Modern browsers and IE11.
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |