一次有趣的ant-design与后端数据交互的使用
2024-10-13 17:28:48
最近有个需求是新闻时间排序与点击量排序，数据库中存储的新闻是按照时间顺序排序的，从后台数据中取出数据，在前端进行页面展示即可。
我用到了ant-design中的Tabs切换页,样式大概如下图。
其实这个项目里面最令我欣喜的是reducer中间件的封装，无需通过fetch请求数据这些，而是使用另外的封装中间件的方式
当然在store里面有引用redux-thunk
)
项目首先是使用了三种请求方式
在中间件中使用这三种方式，并且封装了callApi
我们将方法写在action中，callAPI就是我们请求的后端的数据
在我们的reducer中，我们会通过type暴露这些数据，并且返回我们的请求结果
不要忘记合并我们的reducer方法
在我们的文件中别忘了使用我们的这些方法
再说说我在这个数据中用到的方法吧
通过map循环数据,通过es7的Decorators语法拿到请求数据
如何求那些值呢
我们要求的是展示最新的5条新闻
接下来的是点击详情事件进入详情页
最新文章
- 看到shape文件可以加载到GOOGLE EARTH上的方法，有空可以试试
- Servlet—简单的管理系统
- css3 -- 媒体查询
- Configuring a Windows Azure Project
- Linux下串口编程【转】
- FPGA笔记-读取.dat文件
- ASP.NET 将DataTable解析成JSON简介
- WebClient的超时问题及解决
- C程序设计的抽象思维-算法分析-大多数元素
- ckeditor详解
- Ubuntu下lamp（PHP+Mysql+Apache）搭建+完全卸载卸载方法
- jQuery validation
- 两款【linux字符界面下】显示【菜单】，【选项】的powershell脚本模块介绍
- Java基础语法实例(2)——实习第二天
- 浅谈游戏中BOSS设计的思路
- 利用SurfaceView显示正弦曲线，仿造示波器
- Manjaro 初始配置----anaconda-pycharm-opencv-tensorflow
- CSS 居中布局
- HDU 2058：The sum problem（数学）
- 大数据时代——为什么用HADOOP？