建议反馈及其接口开发

接口的开发：

查看全部患者对APP的满意及建议

• 其中设计到单张表（idea_satis表）

• 后台管理,直接显示出所有满意建议列表

• Controller

  • /**
     * 查询所有的满意度和建议
     * @return
     */
    @GetMapping()
    private AjaxResult selectIdeaSatisfaction(){
        List<IdeaSta> ideaStas = iTbIdeaService.selectIdeaSatisfaction();
        int size = ideaStas.size();
        List list1 = new ArrayList();
        if (size!=0){
            return AjaxResult.success("操作成功",ideaStas,size);
        }else{
            return AjaxResult.success("无此数据",list1,size);
        }
    }

• ITbIdeaService

  • /**
     * 查询所有的满意度和建议
     * @return
     */
    public List<IdeaSta> selectIdeaSatisfaction();

• TbIdeaServiceImpl

  • /**
     * 查询所有的满意度和建议
     * @return
     */
    @Override
    public List<IdeaSta> selectIdeaSatisfaction() {
        List<IdeaSatis> list = ideaSatisService.list(null);
    ​
        List list1 = new ArrayList();
        for (IdeaSatis ideaSatis : list) {
            String idea = ideaSatis.getIdea();
            String satisfaction = ideaSatis.getSatisfaction();
            String ideaSatisfactionId = ideaSatis.getIdeaSatisfactionId();
            IdeaSatis ideaSatis1 = new IdeaSatis();
            ideaSatis1.setIdea(idea);
            ideaSatis1.setSatisfaction(satisfaction);
            ideaSatis1.setIdeaSatisfactionId(ideaSatisfactionId);
            list1.add(ideaSatis1);
        }
    ​
        return list1;
    }

模糊查询

• 其中设计到单张表（idea_satis表）

• 我在后台管理的中有一个功能是查询功能，这里就涉及到这个模糊的查询，填写的参数有一个

• Controller

  • /**
     * 模糊查询
     * @return
     */
    @GetMapping("/likeSelect")
    private AjaxResult likeSelect(String satisfaction){
        LambdaQueryWrapper<IdeaSatis> lambdaQueryWrapper = new LambdaQueryWrapper<>();
        lambdaQueryWrapper.like(StringUtils.isNotBlank(satisfaction),IdeaSatis::getSatisfaction,satisfaction);
        List<IdeaSatis> list = ideaSatisService.list(lambdaQueryWrapper);
    ​
        List list1 = new ArrayList();
        int size = list.size();
        if (size!=0){
            return AjaxResult.success("操作成功",list,size);
        }else{
            return AjaxResult.success("无此数据",list1,size);
        }
    ​
    }

 

删除满意建议

• 其中设计到单张表（idea_satis表）

• 后台管理的中有一个满意建议资料进行删除

• Controller

  • /**
     * 删除建议的后台管理
     * @param ideaSatisfactionId
     * @return
     */
    @DeleteMapping()
    private AjaxResult deleteIdea(Long ideaSatisfactionId){
        LambdaQueryWrapper<IdeaSatis> lambdaQueryWrapper = new LambdaQueryWrapper<>();
        lambdaQueryWrapper.eq(IdeaSatis::getIdeaSatisfactionId,ideaSatisfactionId);
        boolean remove = ideaSatisService.remove(lambdaQueryWrapper);
        return AjaxResult.success(remove);
    ​
    }

 

学习重点及理解

查询所有建议及满意度列表

• satis.js

  • // 查询满意建议列表
    export function listSatis(query) {
      return request({
        url: '/system/idea',
        method: 'get',
        params: query
      })
    }

• satis.vue

  • /** 查询【请填写功能名称】列表 */
       getList() {
         this.loading = true;
         listSatis(this.queryParams).then(response => {
           this.satisList = response.data.slice((this.queryParams.pageNum-1)*this.queryParams.pageSize,(this.queryParams.pageNum-1)*this.queryParams.pageSize+this.queryParams.pageSize);
      
           //累加满意度（-0是为转换为数值类型）
           this.value=0;
           for(let i in this.satisList){
             this.value=this.value+(this.satisList[i].satisfaction-0)
           }
         
     
           this.total = response.total;
           //满意度的平均值
           this.value=this.value / this.total;
         
           this.loading = false;
         });
       },

     

模糊查询

• satis.js

  • // 查询满意建议详细
    export function getSatis(params) {
      return request({
        url: '/system/idea/likeSelect',
        method: 'get',
        params
      })
    }

• satis.vue

  • likeList(satisfaction){
          this.loading = true;
          getSatis({satisfaction: satisfaction}).then(response => {
            this.satisList = response.data.slice((this.queryParams.pageNum-1)*this.queryParams.pageSize,(this.queryParams.pageNum-1)*this.queryParams.pageSize+this.queryParams.pageSize);
            this.total = response.total;
            this.loading = false;
          });
        },
        
    /** 搜索按钮操作 */
        handleQuery() {
          this.queryParams.pageNum = 1;
          this.likeList(this.queryParams.satisfaction)
        },    

     

删除建议及满意度

• satis.js

  • // 删除满意度
    export function delSatis(params) {
      return request({
        url: '/system/idea',
        method: 'delete',
        params
      })
    }

• satis.vue

  • /** 删除按钮操作 */
        handleDelete(row) {
          const ideaSatisfactionId = row.ideaSatisfactionId || this.ids;
          this.$modal.confirm('是否确认删除编号为"' + ideaSatisfactionId + '"的数据项？').then(function() {
            return delSatis({ideaSatisfactionId: ideaSatisfactionId});
          }).then(() => {
            this.getList();
            this.$modal.msgSuccess("删除成功");
          }).catch(() => {});
        },
       

扩展学习

星星评分

在查询所有列表中进行操作

将其中的满意度都读取累加起来，然后就是处于总数，出现平均的数值，返回给value

• satis.vue

  • <!--满意度的星星 -->
           <el-rate 
           
           v-model="value"
           disabled
           show-score
           text-color="#ff9900"
           score-template="{value}">
           
         </el-rate>
         
    export default {
      name: "Satis",
      data() {
        return {
          //满意度
          value: 0,
          },
          // 表单参数
          form: {},
          // 表单校验
          rules: {
          },
        };
      },  
      
      methods: {
        /** 查询【请填写功能名称】列表 */
        getList() {
          this.loading = true;
          listSatis(this.queryParams).then(response => {
            this.satisList = response.data.slice((this.queryParams.pageNum-1)*this.queryParams.pageSize,(this.queryParams.pageNum-1)*this.queryParams.pageSize+this.queryParams.pageSize);
    ​
            //累加满意度（-0是为转换为数值类型）
            this.value=0;
            for(let i in this.satisList){
              this.value=this.value+(this.satisList[i].satisfaction-0)
            }
          
      
            this.total = response.total;
            //满意度的平均值
            this.value=this.value / this.total;
          
            this.loading = false;
          });
        },
      }

    

     

 

总结

今天的学习状态是不错的，将建议反馈的后台管理及其接口的开发完成了，调用的接口不是很多，但是我新增了一个组件了就是反馈这种评分的星星来，直观看评分。