前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TienChin-课程管理-课程搜索

TienChin-课程管理-课程搜索

作者头像
BNTang
发布2023-10-12 14:56:16
1400
发布2023-10-12 14:56:16
举报
文章被收录于专栏:『学习与分享之旅』

后端

新建 CourseVO.java:

代码语言:javascript
复制
/**
 * CourseVO类是一个课程的值对象,用于存储课程的相关信息。
 * 它包含了课程的名称、类型、适用对象、最低价格和最高价格等属性。
 */
public class CourseVO {
    private String name; // 课程名称
    private String type; // 课程类型
    private String applyTo; // 适用对象
    private Double minPrice; // 最低价格
    private Double maxPrice; // 最高价格

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }

    public String getApplyTo() {
        return applyTo;
    }

    public void setApplyTo(String applyTo) {
        this.applyTo = applyTo;
    }

    public Double getMinPrice() {
        return minPrice;
    }

    public void setMinPrice(Double minPrice) {
        this.minPrice = minPrice;
    }

    public Double getMaxPrice() {
        return maxPrice;
    }

    public void setMaxPrice(Double maxPrice) {
        this.maxPrice = maxPrice;
    }
}

CourseController.java

更改列表查询方法:

代码语言:javascript
复制
@PreAuthorize("hasPermission('tienchin:course:list')")
@GetMapping("/list")
TableDataInfo list(CourseVO courseVO) {
    startPage();
    return getDataTable(iCourseService.selectCourseList(courseVO));
}

ICourseService.java

代码语言:javascript
复制
/**
 * 查询课程列表
 *
 * @param courseVO 课程信息
 * @return {@code List<Course>}
 */
List<Course> selectCourseList(CourseVO courseVO);

CourseServiceImpl.java

代码语言:javascript
复制
@Override
public List<Course> selectCourseList(CourseVO courseVO) {
    return courseMapper.selectCourseList(courseVO);
}

CourseMapper.java

代码语言:javascript
复制
/**
 * 查询课程列表
 *
 * @param courseVO 课程信息
 * @return {@code List<Course>}
 */
List<Course> selectCourseList(CourseVO courseVO);

CourseMapper.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="top.it6666.course.mapper.CourseMapper">
    <select id="selectCourseList" resultType="top.it6666.course.domain.Course">
        SELECT *
        FROM tienchin_course
        WHERE del_flag = 0
        <if test="name != null and name != ''">
            AND name LIKE CONCAT('%', #{name}, '%')
        </if>
        <if test="type != null and type != ''">
            AND type = #{type}
        </if>
        <if test="applyTo != null and applyTo != ''">
            AND apply_to = #{applyTo}
        </if>
        <if test="minPrice != null">
            AND price &gt;= #{minPrice}
        </if>
        <if test="maxPrice != null">
            AND price &lt;= #{maxPrice}
        </if>
    </select>
</mapper>

前端

index.vue:

代码语言:javascript
复制
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="70px">
  <el-form-item label="课程名称" prop="name">
    <el-input
        v-model="queryParams.name"
        placeholder="请输入课程名称"
        clearable
        @keyup.enter="handleQuery"
    />
  </el-form-item>
  <el-form-item label="课程类型" prop="type">
    <el-select
        v-model="queryParams.type"
        placeholder="请选择课程类型"
        clearable
    >
      <el-option
          v-for="ct in course_type"
          :key="ct.value"
          :label="ct.label"
          :value="ct.value"
      />
    </el-select>
  </el-form-item>
  <el-form-item label="适用人群" prop="applyTo">
    <el-select
        v-model="queryParams.applyTo"
        placeholder="请选择适用人群"
        clearable
    >
      <el-option
          v-for="cat in course_apply_to"
          :key="cat.value"
          :label="cat.label"
          :value="cat.value"
      />
    </el-select>
  </el-form-item>
  <el-form-item label="最低价格" prop="minPrice">
    <el-input-number
        v-model="queryParams.minPrice"
        placeholder="最低价格"
        clearable
        @keyup.enter="handleQuery"
        :precision="2"
        :step="100"
        :min="0"
    />
  </el-form-item>
  <el-form-item label="最高价格" prop="maxPrice">
    <el-input-number
        v-model="queryParams.maxPrice"
        placeholder="最高价格"
        clearable
        @keyup.enter="handleQuery"
        :precision="2"
        :step="100"
        :min="0"
    />
  </el-form-item>
  <el-form-item>
    <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
    <el-button icon="Refresh" @click="resetQuery">重置</el-button>
  </el-form-item>
</el-form>

完善一下搜索条件对应的字段即可。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-09-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 后端
    • CourseController.java
      • ICourseService.java
        • CourseServiceImpl.java
          • CourseMapper.java
            • CourseMapper.xml
            • 前端
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档