关于ant-design-pro与Java后台的数据交互

最新推荐文章于 2024-07-30 13:03:54 发布
最新推荐文章于 2024-07-30 13:03:54 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： 前端框架 文章标签： ant design pro java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zssssjdhdh/article/details/96422481
版权

1.首先在config.js中配置服务器如图
/server/api/（根据自己的情况命名）代表target中的地址
2.在services层中找到api.js并在里面写向后台要发送的请求

在这里插入图片描述/api就代表着上图的http://localhost:8080/只要是这个地址，都用/api代替；static/user/getUser是后台的接口

3.在model里创建一个模型调用该方法
3.1在头部引用要调用的方法，并设置命名空间
在这里插入图片描述
3.2调用该方法
在这里插入图片描述
3.3接着在reducers写该方法
上图type是save说一在reducers中要跟上面一致，data是上面定义的一个集合上图type是save说一在reducers中要跟上面一致，data是上面定义的一个集合

最低0.47元/天 解锁文章
zssssjdhdh
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ant design pro调接口
ast_5921的博客
11-06 2284
View层<===Model层<===Api 接口层<===反向代理 ** View层 ** 使用connect链接model层 调用dispatch获取 add 下异步Kan 使用payload传递请求参数 then会返回你所请求的值 使用Setstate放入state 在需要的地方遍历输出 import React from 'react'; import { Bread...
Ant Design Pro 前后端数据交互(前台调接口)
qq_42552574的博客
08-28 1万+
原文地址：https://pro.ant.design/docs/server-cn Ant Design Pro 前后端数据交互(前台调接口) Ant Design Pro 是一套基于 React 技术栈的单页面应用，我们提供的是前端代码和本地模拟数据的开发模式， 通过 Restful API 的形式和任何技术栈的服务端应用一起工作。下面将简单介绍和服务端交互的基本写法。 1.前端与后台服务交互...
antd pro实现后台管理系统的建立（一）
最新发布
qq_43206280的博客
07-30 247
一系列的 lint 脚本，包括 TypeScript，less，css，md 文件。analyze 脚本做的事情与 build 的相同，但是他会打开一个页面来展示你的依赖信息。这里建议使用npm或者tyarn，cnpm和npm部分不兼容，创建项目时会报部分依赖缺失的问题。运行这个脚本会启动服务，自动打开默认浏览器展示你的页面。当你重新编辑代码后，页面还会自动刷新。运行这个脚本将会编译你的项目，你可以在项目中的 dist 目录中找到编译后的文件用于部署。与 lint 相同，但是会自动修复 lint 的错误。
ant design pro 异步请求后台接口
runrun117的博客
03-29 1646
1、使用dispatch const { dispatch } = this.props; dispatch({ type: 'DoneCheck/fetchInfo', payload:{ workId:params.workId }, callback: (restData) => {
react ant-design-pro项目搭建（三）——调用接口实现与服务器的交互
SHUIYI_24的博客
08-10 2000
在下载的脚手架中已经有调用接口实现与服务器的交互的例子了，我们以登录流程为例来进行讲解 1.在services层创建名为login的service,定义调用后端接口的方法 2.在model层创建名为login的model调用services中方法 import { stringify } from 'querystring'; import { router } from 'umi'; import { fakeAccountLogin, getFakeCaptcha } from '@/s
Ant Design Pro 2.0 调用后台接口数据
JavaLiXL的博客
03-03 5191
Ant Design Pro 2.0 调用后台接口数据 这几天折腾了And Design Pro，组件什么的都挺容易的。后来准备调用后台提供的接口。之前重来没接触过umi和dva， 掉接口数据有些懵。看了一些umi和dva的文档之后再反过来看And Design Pro折腾了好些时间才把这个问题解决， 在这里记录和分享一下，希望能帮到和我一样的同志。 1. 修改/config/config.j...
基于springboot，ant-design-vue-pro的简易后台管理系统.zip
02-24
标题中的“基于SpringBoot，ant-design-vue-pro的简易后台管理系统”揭示了这个项目的核心技术栈，主要包括两个部分：SpringBoot后端框架和ant-design-vue-pro前端UI库。接下来，我们将深入探讨这两个关键技术以及...
SpringBoot+ant-design-pro-vue前后端分离，权限管理系统.zip
03-09
本文将深入探讨如何利用SpringBoot和Ant-Design-Pro-Vue构建一个功能完善的权限管理系统，旨在帮助开发者理解并掌握这种架构的实现与优势。 首先，SpringBoot作为Java企业级应用开发的基石，以其简洁的配置、快速的...
配合 springboot-shiro 一起使用的demo,基于ant-design-pro的简易权限系统.zip
02-24
《SpringBoot-Shiro 整合应用与Ant Design Pro权限系统实战解析》 在现代Web开发中，SpringBoot和Shiro的结合使用已经成为构建安全、高效后台服务的常见选择。本篇将深入探讨如何将这两者整合，同时利用Ant Design ...
antdesign java_基于ant design pro和spring boot、shiro实现的通用管理系统（一）登录
weixin_42502040的博客
02-27 729
对于java后端开发，写前端页面是非常痛苦的。技术全面点的能把东西做出来，但UI效果没法保证。技术不行的压根就搞不出来。支付宝开源的ant design简称antd虽然很好的解决了这个问题，但是更多的是被前端开发拿去提升效率。多数后端开发面对未知的学习成本，一般都懒得去了解。作为一名后端开发，我通过一周的学习，把之前做的一个java系统的ui全部用ant design pro重写。我想把这个过程总...
antdesignpro 重定向到登录页面_我的Java Web之路64 - 会话过期链接失效问题及转发和重定向解析
weixin_39565021的博客
11-20 468
本系列文章旨在记录和总结自己在Java Web开发之路上的知识点、经验、问题和思考，希望能帮助更多(Java)码农和想成为(Java)码农的人。提示：尽量使用头条APP阅读，头条网页展示代码会有问题。目录介绍问题描述问题分析会话过期后session对象的处理转发重定向问题解决总结介绍今天本来打算在上篇文章的基础上继续开发我们的租房网应用，结果在我先重新演示该应用的时候发现了一个如标题所示的问题。那...
使用antd-design分页调用后端请求
liulang68的博客
02-26 265
https://www.cnblogs.com/notchangeworld/p/11609392.html https://www.cnblogs.com/zhangxue521/p/14085822.html
react中使用Ant Design的Upload 组件，使用后端提供的接口上传图片，不使用默认的action 请求
小白菜的博客
06-29 2870
2、上传多张图片（可拖拽和点击）
java 搭建ant design,使用Ant Design写一个仿微软ToDo
weixin_42361708的博客
03-14 348
实习期的第一份活，自己看Ant Design的官网学习，然后用Ant Design写一个仿微软ToDo。不做教学目的，只是记录一下。1、学习Ant Design 是个组件库，想要会用，至少要知道React和ES6。Ant Design Pro 一个比较完整的开源项目，看里面的东西可以学习挺多的：https://pro.ant.design/index-cn说实话，第一次接触 Ant Design ...
2021-07-17AntDesignPro前后端交互
weixin_53125679的博客
07-17 899
AntDesignPro前后端交互 request.js 在utils中封装的有request.js，相关的使用方法和axios类似 mock 在开发功能前，我们应该先和后台沟通对应的接口文档。后台根据接口文档开发接口。前端根据接口文档写mock数据，先开发前端功能 mock尽量分模块写 mock/student.js export default { 'GET /api/students': [{ id: 1, name: "zhangsan" }, { id: 2,
关于ant-design-pro与Java后台+mysql数据库实现简单的登录注册
zssssjdhdh的博客
07-18 3262
这是我登录和注册写在service/api里面的方法 // 登录 export async function fakeAccountLogin(params) { return request(’/server/api/static/user/login’, { method: ‘POST’, body: params, }); } // 注册 export async function fake...
ant-design-pro开发说明 --数据请求
refresh711的博客
12-11 3992
ant-design-pro开发说明 --数据请求 数据请求： 由dispatch发起model的里action请求： handleSubmit = e =&amp;amp;amp;gt; { e.preventDefault(); const { dispatch, form } = this.props; const { current } = this.state; const i...
关于 ant Design的分页组件的应用
热门推荐
程序媛平平无奇的一天
03-26 2万+
利用ant Design的Table组件的pagination属性，进行分页。
@ant-design/pro-components 和@ant-design/pro-protable的区别
06-26
@ant-design/pro-table则是Ant Design Pro中的表格组件库，它提供了丰富的表格功能，如分页、排序、筛选、搜索、导出等等，而且还支持多种数据源，包括API、Mock数据和本地数据，非常适合开发中后台管理系统。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值