当前位置: 首页 > news >正文

基于若依的ruoyi-nbcio流程管理系统一种简单的动态表单模拟测试实现(四)

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

演示地址:RuoYi-Nbcio后台管理系统

更多nbcio-boot功能请看演示系统

gitee源代码地址

后端代码: https://gitee.com/nbacheng/nbcio-boot

前端代码:https://gitee.com/nbacheng/nbcio-vue.git

在线演示(包括H5) : http://122.227.135.243:9888
 

接上一节,今天讲动态更新数据的方法

1、后端动态更新代码如下:

/*** 根据主表名,关键字和数据动态更新一条记录* @param tableName 主表名称*/@SaCheckPermission("workflow:form:edit")@PostMapping(value = "/updateDataById")public R<?> updateDataById(@RequestBody FormDataVo formDataVo) {return R.ok(formService.updateDataById(formDataVo));}@Overridepublic int updateDataById(FormDataVo formDataVo) {return baseMapper.updateDataById(formDataVo.getTableName(), formDataVo.getPrimaryKey(),Long.valueOf(formDataVo.getId()),formDataVo.getUpdateMap());}int updateDataById(@Param("tableName") String tableName, @Param("primaryKey") String primaryKey,@Param("id") Long id, @Param("updateMap") Map<String,Object> updateMap); <update id="updateDataById">UPDATE ${tableName} SET<foreach collection="updateMap" item="val" index="key" separator=",">${key} = #{val}</foreach>WHERE ${primaryKey} = #{id}</update>

2、前端代码如下:

/** 提交按钮 */submitForm() {this.$refs["form"].validate(valid => {if (valid) {this.buttonLoading = true;console.log("submitForm this.form",this.form)const id = this.form[this.primaryKey] || this.idsconst formData = {tableName: this.tableName,primaryKey: this.primaryKey,id: id,updateMap: this.form}console.log("submitForm formData",formData)if (id != null) {updateDataById(formData).then(response => {this.$modal.msgSuccess("修改成功");this.open = false;this.getList();}).finally(() => {this.buttonLoading = false;});} }});},

3、效果图如下:

http://www.lryc.cn/news/287049.html

相关文章:

  • 遗传算法原理详细讲解(算法+Python源码)
  • Linux文本处理指令汇总
  • Prompt Engineering
  • Ansible剧本playbooks
  • Excel·VBA时间范围筛选及批量删除整行
  • Map转成String,String 转换成Map
  • 分享一个剧本(改编自我)
  • 结合Tensuns管理prometheus的blackbox与告警设置
  • printf实现
  • Elasticsearch 中的 term、terms 和 match 查询
  • 美易官方:开盘:美股高开科技股领涨 标普指数创盘中新高
  • STM32F407移植OpenHarmony笔记2
  • 数据仓库-相关概念
  • 线程的面试八股
  • Jmeter 配置元件
  • Java- @FunctionalInterface声明一个接口为函数式接口
  • Java使用Netty实现端口转发Http代理Sock5代理服务器
  • Linux环境docker安装Neo4j,以及Neo4j新手入门教学(超详细版本)
  • C++ inline 关键字有什么做用?
  • eNSP学习——理解ARP及Proxy ARP
  • Unity中UGUI在Mask剪裁粒子特效的实现
  • 精通 VS 调试技巧,学习与工作效率翻倍!
  • yarn 安装包时报“certificate has expired”
  • Qt5项目拆解第一集解决:中文乱码| 全局字体|注册表|QSS/CSS
  • 消息队列RabbitMQ.01.安装部署与基本使用
  • 1.24号c++
  • 【GitHub项目推荐--12 年历史的 PDF 工具开源了】【转载】
  • React16源码: React中的PortalComponent创建, 调和, 更新的源码实现
  • Hive-SQL语法大全
  • 编译原理2.3习题 语法制导分析[C++]