https://github.com/fangkyi03/nextjs-antd-dva-template

最优的nextjs antd dva 服务端解决方案
https://github.com/fangkyi03/nextjs-antd-dva-template

antd dva nextjs ssr

Last synced: 2 months ago
JSON representation

最优的nextjs antd dva 服务端解决方案

• Host: GitHub
• URL: https://github.com/fangkyi03/nextjs-antd-dva-template
• Owner: fangkyi03
• License: apache-2.0
• Created: 2019-06-13T11:45:49.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T23:36:08.000Z (about 2 years ago)
• Last Synced: 2023-03-05T18:01:03.435Z (almost 2 years ago)
• Topics: antd, dva, nextjs, ssr
• Language: HTML
• Homepage:
• Size: 6.2 MB
• Stars: 15
• Watchers: 0
• Forks: 2
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
最优的nextjs解决方案

本例总共6个demo

demo1 

演示修改以后的createDva 如何做到数据隔离

demo2

演示路由跳转

demo3

演示网络请求 支持队列请求 请求合并 请求取消 单条请求回调与异常捕获 支持全局错误异常捕获等

demo4

演示多个表单共用一个数据源 表单生命周期只会走一次 表单的赋值刷新 不会导致自身页面刷新

demo5

演示多个表单使用各自的数据源 表单生命周期只会走一次 表单的赋值刷新 不会导致自身页面刷新

demo6

演示如何转换pdm并且将pdm生成的数据转换成mock接口进行请求

1.解决 antd 与 cssModules 不兼容的问题

2.解决 antd 与 nextjs export 不兼容问题

3.自带getRouterParams 路由参数获取功能 避免自己手动获取路由参数

4.增加createDva具备按需加载 用完即清空对应model的功能 彻底的模块化隔离 功能相同 但是想分开用不同的model隔离数据的时候 非常有作用 比如表单数据

5.server.js与next.config启动的时候 会自动识别pages目录下的文件 不需要手动添加目录 跟umi差不多

6.弱化model文件 全局只需要使用一个fetchModel 即可完成所有的网络请求 详情见测试2

7.弱化model使用 改为只有getValue 跟 setValue 两个api 一切都基于这两个基础函数

8.开箱即用 不需要做任何多余的修改

9.增加loading功能 loading的isShow属性会跟网络请求绑定在一起 网络请求结束以后 自动会修改isShow状态来控制loading是否继续显示

10.增加getInitialProps控制

11.支持pdm转mock 具体可看mockTest文件 mock请求函数 请看mockjs文件 所有

注:pdm转换功能本地没有提供pdm文件 请自己修改pdm/index.js下的init函数来生产mockData