简述用友业务中台门户 react + antd + spring boot框架 前端访问后端代码的大概流程。

已于 2022-05-19 17:35:59 修改
阅读量1.6k 收藏 2
点赞数
分类专栏： 前端 文章标签： 前端 react
于 2021-11-26 11:32:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010741112/article/details/121555676
版权
本文简要介绍了用友业务中台门户如何利用React+Ant Design前端框架与Spring Boot后端框架进行交互。以订单管理中促销活动节点为例，描述了前端如何发起请求并获取数据的过程，包括在React的model和services中的关键代码实现。
摘要由CSDN通过智能技术生成

（为个人方便使用）
用友业务中台门户 react + antd + spring boot框架 前端访问后端代码的大概流程。
如下图，以门户的订单管理中促销活动节点为例。
在这里插入图片描述
活动活动节点的数据，前端代码如图：
在这里插入图片描述
在后端controller代码中，是找不到 getActivityNodeData 这个请求路径的方法的。这是为什么呢？
因为还要在react项目中model下的activity.js文件和services下api.js进行相关代码编写，如下图：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
我是个假程序员
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
用友UAP UI框架介绍
03-08
能够快速开发一个档案 能够快速开发一个单据 能够快速搭建其他类型的交互界面（UI界面） 降低技术上的开发门槛 “懂业务，就懂开发” 减少开发工作量，提高开发生产力 开发成果能够和U8无缝集成，浑然一体
react+antd搭建后台管理框架
05-20
react+antd搭建前端管理框架（***支持响应式***），主要模块分为：菜单、选项卡、面包屑；通过路由监听，实现三个模块之间的联动（同时监听浏览器）；状态采用react-redux进行集中管理。目前只包含前端代码，未与...
YonBuilder前端框架MDF介绍
MrZhang的博客
01-20 2525
一、MDD 与 MDF区别 ？ MDD MDD（ModelDriven Development：模型驱动开发模式）是一种以模型作为主要工件的高级别抽象的开发方法，是 iuap 平台下的元数据驱动设计框架，前后端的统一基于元数据的架构。模型在工具的支持下，作为核心资产被转换成代码或者可运行配置，可以降低开发成本，应对复杂需求变更。 MDD 开发框架，是用友云针对企业数字化中台理念实现的一套开发框架。从企业云服务核心问题域出发，总结提炼出最佳实践，且形成了统一的标准及..
React.js 集成 Spring Boot 开发 Web 应用
禅与计算机程序设计艺术
12-14 9196
React.js 集成 Spring Boot 开发 Web 应用 1. 创建工程 image.png reakt$ tree . . ├── build.gradle ├── gradle │ └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.pr...
React + Antd +SpringBoot前后端开发，前端出现的问题Each child in a list should have a unique “key“ prop.
weixin_51220967的博客
05-01 689
React + Antd +SpringBoot前后端开发，前端出现的问题Each child in a list should have a unique “key“ prop.
基于用友开源前端库、XLSX插件、React Hooks编写的文件导出组件
xishuiinsz的博客
11-20 747
import React, { useState } from 'react'; import { Button, Transfer } from 'tinper-bee' import PopDialog from 'components/Pop'; import { Info } from 'utils' import moment from 'moment' import './index....
使用antd-design分页调用后端请求
liulang68的博客
02-26 260
https://www.cnblogs.com/notchangeworld/p/11609392.html https://www.cnblogs.com/zhangxue521/p/14085822.html
React+antd后台管理系统模板
12-01
React+antd后台管理系统模板是一个利用React前端框架和antd UI库构建的管理界面示例项目。这个模板主要用于开发者熟悉React和antd组件库的使用，同时也展示了如何在React应用中集成react-router进行页面路由管理。让...
react+antd+redux实现的一个超全后台管理系统
10-12
Ant Design是阿里巴巴开源的一款优秀UI框架，提供了丰富的组件库，使得前端开发者可以快速构建出美观且符合企业级标准的界面。Redux则是一款强大的状态管理库，它为复杂应用的状态管理提供了统一的解决方案。当这三...
react前端框架，react +antd+react-router+less
最新发布
06-24
React核心框架： React是一个用于构建用户界面的JavaScript库，它采用声明式编程范式，使代码更加简洁、可预测且易于测试。 React的组件化开发模式允许我们将复杂的界面拆分成多个可复用的组件，提高了代码的可维护...
React+Antd+SpringBoot.zip
08-13
1.使用阿里云docker部署数据库，不需要本地重建数据库（网太卡，mysql没下载到本地） 有导出的sql指令，可以本地建库。 2.实现功能： 三表查询显示 三表删除（对有外键关系的进行判断） 更改数据（实现了用户数据更改，没处理前端数据更新）
U8-UAP集成框架，用友集成框架介绍
10-08
U8-UAP集成框架，用友集成框架介绍，U8-UAP集成框架，用友集成框架介绍
用友Nc开发的基础入门
10-08
该文档详细介绍了用友NC开发的入门基础知识，适合新手做参考练习
react-antd实现一个后台管理系统
12-20
react-antd实现的后台管理系统，有登录退出功能，登录成功后，能够在不同目录下看到各种折线图，表格，同时有上传文件的功能。登录账号：admin，密码：admin。适合需要学习react-antd的新手，或者需要完成毕设的同学。下载资源后，使用命令行，先到代码所在的目录下方，npm i，再 cd client，在npm start然后登录进去即可使用
spring-security-react-ant-design-polls-app：使用Spring Boot，Spring Security，JWT，React和Ant Design构建的全栈轮询应用程序
01-30
使用Spring Boot，Spring Security，JWT，React和Ant Design构建类似于Twitter民意测验的Full Stack Polls应用程序 讲解 我在CalliCoder博客上为此应用程序编写了完整的教程系列- 设置Spring Boot Back end app（polling-app-server）的步骤 克隆应用 git clone https://github.com/callicoder/spring-security-react-ant-design-polls-app.git cd polling-app-server 创建MySQL数据库 create database polling_app 根据您MySQL安装更改MySQL用户名和密码 打开src/main/resources/application.properties文件。 根据您的mysql安装更改spring.datasource.username和spring.datasource.password属性 运行应用 您可以通过键入以下命令来运行spring boot
基于React+antd的后台管理模板
02-16
本“基于React+antd的后台管理模板”是针对企业级后台管理系统设计的，它充分利用了React的灵活性和antd的实用性，为开发者提供了一个快速开发后台应用的基础框架。 1. **React组件化开发** React的核心思想是组件...
阿里云部署React Springboot前后端分离项目
Irons_one的博客
07-04 965
阿里云部署React Springboot前后端分离项目 首先在阿里云下载并配置好nginx环境，下载JDK 后端springboot使用的是maven管理 双击package，即可将项目打包 将生成的jar包使用软件发送到阿里云服务器，我这里使用的是MobaXterm软件 将前端React项目打包 控制台执行npm run build 生成build文件夹 将文件夹上传到阿里云服务器中与springboot打包文件放在同一个目录下 找到nginx.conf文件并修改如下： 修改完成后进入sb
在 用友前端打包框架中启用Optional Chaining功能
xishuiinsz的博客
11-20 584
1.npm install --save-dev @babel/plugin-proposal-optional-chaining 装包 2. 在ucf.config.js全局配置文件中加入babel_plugins:["@babel/plugin-proposal-optional-chaining"]项 3. 在VS Code的设置中, 配置 “javascript.validate.enab...
springboot+antd分布式前后端分离管理系统
u012184836的博客
02-05 988
登录地址：http://121.5.158.146 登录页面： 首页： 用户管理： 角色管理： 菜单管理： 组织机构： 日志管理： 工作流在线设计器： 前端技术框架： React React-router React-redux antd ant-design/charts 后端技术框架 springboot 2.2.1 dubbo 0.2.0 a...
react+antd 完整的后台项目框架
07-31
React Antd是一个基于React开发的UI组件库，提供了一系列美观、易用的组件，能够帮助我们快速构建前端界面。而一个完整的后台项目框架首先需要具备以下几个方面的内容： 1. 路由管理：一个后台项目通常会有很多不同...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值