ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

考试用资料

2022-01-13 10:02:53  阅读:117  来源: 互联网

标签:return 资料 put null data order 考试 row


前端页面:

<template>
  <div>
    <h1 align="center">订单列表,ts={{ts}}</h1>

    <!-- 搜索框 -->
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="订单描述">
        <el-input v-model="formInline.order_desc" placeholder="订单描述"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="query">搜索</el-button>
        <el-button type="primary" @click="add">新增</el-button>
      </el-form-item>
    </el-form>


    <el-table :data="orderList" style="width: 100%">
      <el-table-column prop="id" label="订单编号" width="180" />
      <el-table-column prop="orderDesc" label="订单简介" width="180" />
      <el-table-column prop="amount" label="商品价格" />
      <el-table-column prop="custName" label="用户名称" />
      <el-table-column prop="custPhone" label="联系方式" />
      <el-table-column prop="custAddr" label="收货地址" />
      <el-table-column label="操作">
        <template #default="scope">
          <el-button size="small" @click="handleEdit(scope.row)">修改</el-button>
          <el-button size="small" type="danger" @click="handleDelete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>


    <el-dialog :title='title' :visible.sync="open">
      <el-form :ref="order" :rules="rule" :inline="true" :model="order" class="demo-form-inline">
        <el-form-item hidden v-if="title=='修改订单'" label="订单编号">
          <el-input v-model="order.id" placeholder="订单编号"></el-input>
        </el-form-item>
        <el-form-item label="订单描述">
          <el-input porp='orderDesc' v-model="order.orderDesc" placeholder="订单描述"></el-input>
        </el-form-item>
        <el-form-item label="商品价格">
          <el-input v-model="order.amount" placeholder="商品价格"></el-input>
        </el-form-item>
        <el-form-item label="用户名称">
          <el-input v-model="order.custName" placeholder="用户名称"></el-input>
        </el-form-item>
        <el-form-item label="联系方式">
          <el-input v-model="order.custPhone" placeholder="联系方式"></el-input>
        </el-form-item>
        <el-form-item label="收货地址">
          <el-input v-model="order.custAddr" placeholder="收货地址"></el-input>
        </el-form-item>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="open = false">取消</el-button>
          <el-button type="primary" @click="onSubmit">提交</el-button>
        </span>
      </template>
    </el-dialog>

  </div>
</template>

<script>
  export default {

    data: function() {
      return {
        ts: new Date().getTime(),
        formInline: {
          order_desc: null
        },
        orderList: [],
        open: false,
        order: {
          id: null,
          orderDesc: null,
          amount: null,
          custName: null,
          custPhone: null,
          custAddr: null
        },
        title: null,
        rule: {
          orderDesc: [{
            required: true,
            message: "请输入用户名称",
            trigger: "blur"
          }]
        }
      };
    },
    created() {
      this.getList();
    },
    methods: {
      getList() {
        let url = this.axios.urls.ORDERS;
        this.axios.get(url, {
          params: {
            orderDesc: this.formInline.order_desc,
          }
        }).then(resp => {
          this.orderList = resp.data.data;
        });
      },
      query() {
        this.getList();
      },
      add() {
        this.title = '新增订单';
        this.resetOrder();
        this.open = true;
      },
      cancel() {
        this.open = false;
      },
      onSubmit() {
        this.$refs[this.order].validate(valid => {
                    if (valid) {
                        console.log("success submit!!");
                        return true;
                    }else{
                        console.log("error submit!!");
                        return false;
                    }
                });
        let url = null;
        if (this.title == '新增订单') {
          url = this.axios.urls.ADD_ORDER;
        } else {
          url = this.axios.urls.UPDATE_ORDER;
        }
        this.axios.post(url, this.order).then(resp => {
          if (resp.data.code == '1') {
            this.$message({
              message: '操作成功',
              type: 'success'
            });
            this.getList();
            this.open = false;
            this.resetOrder();
          } else {
            this.$message({
              message: '输入信息有误',
              type: 'warning'
            });
          }
        });
      },
      resetOrder() {
        this.order.orderDesc = null,
          this.order.amount = null,
          this.order.custName = null,
          this.order.custPhone = null,
          this.order.custAddr = null
      },
      //修改按钮点击事件
      handleEdit(row) {
        this.title = '修改订单';
        this.order.id = row.id;
        this.order.orderDesc = row.orderDesc;
        this.order.amount = row.amount;
        this.order.custName = row.custName;
        this.order.custPhone = row.custPhone;
        this.order.custAddr = row.custAddr;
        // console.log(row);
        this.open = true;
      },
      //删除按钮
      handleDelete(row) {
        let url = this.axios.urls.DELETE_ORDER;
        if (confirm("你确定要删除id为" + row.id + "吗")) {
          this.axios.post(url, {
            id: row.id
          }).then(resp => {
            this.$message({
              message: '操作成功',
              type: 'success'
            });
            this.getList();
          });
        }
      }

    },
  }
</script>

<style>
</style>

后端controller

package com.zking.ssm.controller;

import com.zking.ssm.model.Order;
import com.zking.ssm.service.IOrderService;
import jdk.nashorn.internal.objects.annotations.Constructor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * @author aq
 * @site www.xiaomage.com
 * @company xxx公司
 * @create  2022-01-10 15:06
 */
@RestController("order")
public class OrderController {

    @Autowired
    private IOrderService orderService;

    @GetMapping("/orders")
    public Object getOrders(String orderDesc) {
        List<Order> orders = orderService.listOrders(orderDesc);

        Map<String, Object> data = new HashMap<>();
        data.put("code", 1);
        data.put("msg", "操作成功");
        data.put("data", orders);

        return data;
    }

    @PostMapping("/insert")
    public Object insert(Order order) {

        Map<String, Object> data = new HashMap<>();
        try {
            orderService.insert(order);
            data.put("code", 1);
            data.put("msg", "操作成功");
            return data;
        } catch (Exception e) {
            e.printStackTrace();
            data.put("code", -1);
            data.put("msg", "操作失败");
            return data;
        }
    }

    @PostMapping("delete")
    public Object delete(Integer id) {
        Map<String, Object> data = new HashMap<>();
        try {
            int i = orderService.deleteByPrimaryKey(id);
            if (i == 1) {
                data.put("code", 1);
                data.put("msg", "操作成功");
                return data;
            }else{
                data.put("code", 0);
                data.put("msg", "操作失败");
                return data;
            }
        } catch (Exception e) {
            e.printStackTrace();
            data.put("code", -1);
            data.put("msg", "操作失败");
            return data;
        }
    }

    @PostMapping("update")
    public Object update(Order order){
        Map<String, Object> data = new HashMap<>();
        try {
            int i = orderService.updateByPrimaryKeySelective(order);
            if (i == 1) {
                data.put("code", 1);
                data.put("msg", "操作成功");
                return data;
            }else{
                data.put("code", 0);
                data.put("msg", "操作失败");
                return data;
            }
        } catch (Exception e) {
            e.printStackTrace();
            data.put("code", -1);
            data.put("msg", "操作失败");
            return data;
        }
    }

}

模糊查询:

<select id="listOrders" resultType="com.zking.ssm.model.Order">
    select
    <include refid="Base_Column_List" />
    from t_order
    <where>
      <if test="orderDesc != null and orderDesc != ''">
        and order_desc like concat(#{orderDesc,jdbcType=VARCHAR}, '%')
      </if>
    </where>
  </select>

标签:return,资料,put,null,data,order,考试,row
来源: https://blog.csdn.net/weixin_55966394/article/details/122466973

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有