mysql逗号分隔-mybatis查询同时有的数据以及vue下拉框多选数据传递

mysql分隔

key_pollution_source_type 数值:1,2,3 逗号分隔的
查询有1和99或者1,99同时有的数据总数

查询语句:

select count(t.key_pollution_source_type)
from t_yw_qy_baseinfo t
where t.key_pollution_source_type
regexp ‘(^|,)(1|99)(,|$)’;

xml中不能写

regexp ‘(^|,)(#{keyPollutionSourceType})(,|$)’

;
需要转换一下:
在这里插入图片描述

if(!StringUtils.isBlank(tYwQyBaseinfo.getKeyPollutionSourceType())){
            tYwQyBaseinfo.setKeyPollutionSourceType("(^|,)("+tYwQyBaseinfo.getKeyPollutionSourceType()+")(,|$)");
}

xml中:
在这里插入图片描述

and key_pollution_source_type regexp #{keyPollutionSourceType}

下拉框多选:

在这里插入图片描述
只需要添加一个multiple就可以啦。
在这里插入图片描述
前端可以在添加、修改、查看时候转一下
添加multiple这个

string转数组

1、数组转字符串
data.join(‘,’)
//变成字符串后,以逗号分隔
2、字符串转数组
data.split(‘,’)
//字符串按逗号分隔成数组

所以修改要写这个转一下类型

if (this.form.zw != null && this.form.zw != "") {
          this.form.zw = this.form.zw.split(",");
}

数组转string在提交转一下

if (this.form.zw && this.form.zw.length > 0) {
   this.form.zw = this.form.zw
     .map((a, ai) => {
       return a;
     })
     .join(",");
 } else {
   this.form.zw = "";
 }

查看列表也要转一下

/** 查询用户列表 */
    getList() {
      this.loading = true;
      listUser(this.addDateRange(this.queryParams, this.dateRange)).then(
        (response) => {
          response.rows &&
            response.rows.map((a) => {
              // if ((a.zw && a.zw != "null") || a.zw != "") {
              //   a.zw = a.zw && a.zw.split(",");
              // }
              if (a.zw != null && a.zw != "") {
                a.zw = a.zw.split(",");
              }
            });
          this.userList = response.rows;
          this.total = response.total;
          this.loading = false;
        }
      );
    },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot + MyBatis + Vue 是一种经典的 Web 开发技术栈,常用于后端服务与前端页面的搭建。 其中,Spring Boot 是一个快速开发框架,可以快速构建后端服务;MyBatis 是一个优秀的 ORM 框架,可以方便地操作数据库Vue 是一个流行的前端框架,可以快速构建单页面应用。 基于 Spring Boot + MyBatis + Vue 的开发流程一般如下: 1. 使用 Spring Initializr 创建一个 Spring Boot 项目,添加 MyBatis 和相关依赖。 2. 配置 MyBatis 数据库连接信息、Mapper 映射文件等。 3. 编写 Controller 层,处理请求并返回数据。 4. 编写 Service 层,实现业务逻辑,并调用 Mapper 层操作数据库。 5. 编写 Vue 前端页面,使用 axios 等库发送请求,并处理响应数据。 6. 后端服务与前端页面进行集成,前端页面可以通过 Ajax 等方式调用后端服务。 7. 部署项目到服务器上,测试和运行。 在开发过程中,可以使用一些常用的工具和框架来提高开发效率和代码质量,例如: 1. 使用 MyBatis Generator 自动生成 Mapper 映射文件和 Model 类。 2. 使用 Swagger UI 自动生成 API 文档,方便前端调用接口。 3. 使用 Vue CLI 脚手架快速搭建前端项目,并集成 Element UI 等组件库。 4. 使用 Git 进行版本控制,便于多人协作和代码管理。 综上所述,基于 Spring Boot + MyBatis + Vue 的技术栈可以快速构建 Web 应用程序,提高开发效率和代码质量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值