24.订单管理

24.1 添加订单管理、预定管理目录及页面

1.添加订单管理、预定管理
在这里插入图片描述

2.修改超级管理员权限

3.添加页面
PageController.jsp

/*** 去到预订管理页面* @return*/@RequestMapping("/toOrdersManager")public String toOrdersManager(){return "orders/ordersManager";}

orders/ordersManager.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head><!-- 获取CSRF Token --><meta name="_csrf" content="${_csrf.token}"/><!-- 获取CSRF头，默认为X-CSRF-TOKEN --><meta name="_csrf_header" content="${_csrf.headerName}"/><meta charset="utf-8"><title>layui</title><meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><link rel="stylesheet" href="${pageContext.request.contextPath}/statics/layui/lib/layui-v2.5.5/css/layui.css"media="all"><link rel="stylesheet" href="${pageContext.request.contextPath}/statics/layui/css/public.css" media="all">
</head>
<body>
<div class="layuimini-container"><div class="layuimini-main"><%-- 搜索条件 --%><fieldset class="table-search-fieldset"><legend>搜索信息</legend><div style="margin: 10px 10px 10px 10px"><form class="layui-form layui-form-pane" action=""><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label">预订人</label><div class="layui-input-inline"><input type="text" name="reservationName" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label">身份证号</label><div class="layui-input-inline"><input type="text" name="idCard" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label">手机号码</label><div class="layui-input-inline"><input type="text" name="phone" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label">房间类型</label><div class="layui-input-inline"><select name="roomTypeId"  autocomplete="off" class="layui-input s_roomTypeId"><option value="">全部</option></select></div></div><div class="layui-inline"><label class="layui-form-label">预订状态</label><div class="layui-input-inline"><select name="status" autocomplete="off" class="layui-input"><option value="">全部</option><option value="1">待确认</option><option value="2">已确认</option></select></div></div><div class="layui-inline"><label class="layui-form-label">开始日期</label><div class="layui-input-inline"><input type="text" name="startDate" id="startTime" autocomplete="off" class="layui-input" placeholder="请选择开始日期(预订)" readonly></div></div><div class="layui-inline"><label class="layui-form-label">结束日期</label><div class="layui-input-inline"><input type="text" name="endDate" id="endTime" autocomplete="off" class="layui-input" placeholder="请选择结束日期(预订)" readonly></div></div></div><div class="layui-form-item"><div class="layui-input-block" style="text-align: center"><button type="submit" class="layui-btn"  lay-submit lay-filter="data-search-btn"><i class="layui-icon layui-icon-search"></i>搜索</button><button type="reset" class="layui-btn layui-btn-warm"><i class="layui-icon layui-icon-refresh-1"></i>重置</button></div></div></form></div></fieldset><%-- 表格工具栏 --%><script type="text/html" id="toolbarDemo"><div class="layui-btn-container"><button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="batchConfirm"><iclass="layui-icon layui-icon-edit"></i>批量确认</button></div></script><%-- 数据表格 --%><table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table><%-- 行工具栏 --%><script type="text/html" id="currentTableBar"><a class="layui-btn layui-btn-xs data-count-edit" lay-event="edit"><iclass="layui-icon layui-icon-ok-circle"></i>确认</a></script></div>
</div>
<script src="${pageContext.request.contextPath}/statics/layui/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script>layui.use(['form', 'table', 'laydate', 'jquery', 'layer'], function () {var $ = layui.jquery,form = layui.form,laydate = layui.laydate,layer = layui.layer,table = layui.table;//获取<meta>标签中封装的CSRF Tokenvar token = $("meta[name='_csrf']").attr("content");var header = $("meta[name='_csrf_header']").attr("content");//将头中的CSRF Token信息进行发送$(document).ajaxSend(function (e,xhr,options) {xhr.setRequestHeader(header,token);});//渲染日期组件laydate.render({elem: '#startTime', //指定元素type: 'datetime'});laydate.render({elem: '#endTime', //指定元素type: 'datetime'});//渲染表格组件var tableIns = table.render({elem: '#currentTableId',url: '${pageContext.request.contextPath}/admin/orders/list',toolbar: '#toolbarDemo',cols: [[{type: "checkbox", width: 50},{field: 'id', width: 100, title: '预订编号', align: "center"},{field: 'roomType', width: 100, title: '预订房型', align: "center",templet:function (d) {return d.roomType.typeName;}},{field: 'room', width: 80, title: '房间号', align: "center",templet:function (d) {return d.room.roomNum;}},{field: 'reservationName', width: 100, title: '预订人', align: "center"},{field: 'idCard', width: 170, title: '身份证号', align: "center"},{field: 'phone', width: 150, title: '手机号', align: "center"},{field: 'status', width: 80, title: '状态', align: "center",templet:function (d) {if(d.status==1){return "<font color='red'>待确认</font>";}else if(d.status==2){return "<font color='blue'>已确认</font>";}else if(d.status==3){return "<font color='orange'>入住中</font>";}}},{field: 'reservePrice', width: 80, title: '预订价', align: "center"},{field: 'reserveDate', width: 160, title: '预订时间', align: "center"},{field: 'arriveDate', width: 110, title: '入住日期', align: "center"},{field: 'leaveDate', width: 110, title: '离店日期', align: "center"},{title: '操作', width: 120, toolbar: '#currentTableBar', align: "center",fixed:"right"}]],page: true,done: function (res, curr, count) {//判断当前页码是否是大于1并且当前页的数据量为0if (curr > 1 && res.data.length == 0) {var pageValue = curr - 1;//刷新数据表格的数据tableIns.reload({page: {curr: pageValue}});}}});// 监听搜索操作form.on('submit(data-search-btn)', function (data) {tableIns.reload({where: data.field,page: {curr: 1}});return false;});//查询房型列表$.get("/admin/roomType/roomTypeList",function(result){var html = "";//循环遍历数据for (let i = 0; i <result.length; i++) {html +="<option value='"+result[i].id+"'>"+result[i].typeName+"</option>"}//将数据追加到下拉列表中$("[name='roomTypeId']").append(html);//重新渲染下拉列表form.render("select");},"json");});
</script></body>
</html>

24.2 查询订单管理页面

1.实体类
OrdersVo.java

package com.manong.vo;import com.manong.entity.Orders;
import lombok.Data;
import org.springframework.format.annotation.DateTimeFormat;import java.util.Date;@Data
public class OrdersVo extends Orders {private Integer page;//当前页码private Integer limit;//每页显示数量@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")private Date startDate;@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")private Date endDate;}

Orders.java
让入住时间和退房时间不用精确到时分秒
在这里插入图片描述

    @JsonFormat(pattern = "yyyy-MM-dd")@DateTimeFormat(pattern = "yyyy-MM-dd")private Date arriveDate;@JsonFormat(pattern = "yyyy-MM-dd")@DateTimeFormat(pattern = "yyyy-MM-dd")

2.数据层
OrdersMapper.java

    /*** 查询订单列表* @param ordersVo* @return*/List<Orders> findOrdersList(OrdersVo ordersVo);

OrdersMapper.xml

    <!-- 订单房型关系 --><resultMap id="ordersRoomResultMap" type="com.manong.entity.Orders" extends="BaseResultMap"><association property="roomType" javaType="com.manong.entity.RoomType"><id column="id" jdbcType="INTEGER" property="id" /><result column="typeName" jdbcType="VARCHAR" property="typeName" /><result column="photo" jdbcType="VARCHAR" property="photo" /><result column="price" jdbcType="DECIMAL" property="price" /></association><association property="room" javaType="com.manong.entity.Room"><id column="id" jdbcType="INTEGER" property="id" /><result column="title" jdbcType="VARCHAR" property="title" /><result column="photo" jdbcType="VARCHAR" property="photo" /><result column="roomNum" jdbcType="VARCHAR" property="roomNum" /></association></resultMap><select id="findOrdersList" resultMap="ordersRoomResultMap">select t1.*,t2.`typeName`,t3.roomNum from t_orders t1inner join t_room_type t2 on t2.id = t1.`roomTypeId`inner join t_room t3 on t3.id = t1.roomId<where><if test="reservationName!=null and reservationName!=''">and t1.reservationName like concat('%',#{reservationName},'%')</if><if test="idCard!=null and idCard!=''">and t1.idCard like concat('%',#{idCard},'%')</if><if test="phone!=null and phone!=''">and t1.phone like concat('%',#{phone},'%')</if><if test="roomTypeId!=null">and t1.roomTypeId = #{roomTypeId}</if><if test="status!=null">and t1.status = #{status}</if><if test="startDate!=null"><![CDATA[ and t1.reserveDate >= #{startDate} ]]></if><if test="endDate!=null"><![CDATA[ and t1.reserveDate <= #{endDate} ]]></if></where></select>

3.业务层
OrdersService.java

    /*** 查询订单列表* @param ordersVo* @return*/List<Orders> findOrdersList(OrdersVo ordersVo);

OrdersServiceImpl.java

    public List<Orders> findOrdersList(OrdersVo ordersVo) {return ordersMapper.findOrdersList(ordersVo);}

4.后台管理的控制层
OrdersController.java

package com.manong.controller;import com.alibaba.fastjson.JSON;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.manong.entity.Orders;
import com.manong.service.OrdersService;
import com.manong.utils.DataGridViewResult;
import com.manong.utils.SystemConstants;
import com.manong.vo.OrdersVo;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;
import java.util.HashMap;
import java.util.List;
import java.util.Map;@RestController
@RequestMapping("/admin/orders")
public class OrdersController {@Resourceprivate OrdersService ordersService;/***  查询订单列表* @param ordersVo* @return*/@RequestMapping("/list")public DataGridViewResult list(OrdersVo ordersVo){//设置分页信息PageHelper.startPage(ordersVo.getPage(),ordersVo.getLimit());//调用方法List<Orders> ordersList = ordersService.findOrdersList(ordersVo);//创建分页对象PageInfo<Orders> pageInfo = new PageInfo<Orders>(ordersList);//返回数据return new DataGridViewResult(pageInfo.getTotal(),pageInfo.getList());}
}

24.3 确认和批量确认订单(修改订单的状态)

1.添加监听事件
ordersManager.jsp

       //监听表格行工具栏事件table.on("tool(currentTableFilter)",function (obj) {switch (obj.event) {case 'edit':confirmOrders(obj.data);break;}});//监听表格头部工具栏事件table.on("toolbar(currentTableFilter)",function (obj) {switch (obj.event) {case 'batchConfirm':batchConfirm();break;}});/*** 确认订单* @param data*/function confirmOrders(data) {//判断当前订单状态是否确认if(data.status==1){//发送请求$.post("/admin/orders/confirmOrders",{"id":data.id},function(result){if(result.success){layer.alert(result.message,{icon:1});//刷新数据表格tableIns.reload();}else{layer.alert(result.message,{icon:2});}},"json");}else{layer.msg("该订单已确认，无需重复操作");}}/*** 批量确认*/function batchConfirm() {//获取选中行var checkStatus = table.checkStatus('currentTableId');//判断是否有选中行if(checkStatus.data.length>0){//循环遍历选中行的数据//判断选中行中是否有包含(已确认)的状态，如果包含已确认或已入住，此时提示用户“只能操作状态为待确认的订单”for (let i = 0; i < checkStatus.data.length; i++) {if(checkStatus.data[i].status!=1){layer.alert("只能操作状态为<font color='red'>待确认</font>的订单!",{icon:0});return;}}//提示用户是否确认layer.confirm("确定要确认这些订单吗?",{icon:3,title:"提示"},function (index) {//定义数组保存选中行的id值var idArr = [];//循环遍历for (let i = 0; i <checkStatus.data.length; i++) {idArr.push(checkStatus.data[i].id)}//将数组转成字符串var ids = idArr.join(",");//发送请求$.post("/admin/orders/batchConfirm",{"ids":ids},function(result){if(result.success){layer.alert(result.message,{icon:1});//刷新数据表格tableIns.reload();}else{layer.alert(result.message,{icon:2});}},"json");layer.close(index);});}else {layer.msg("请选择要确认的订单信息");}}

2.数据层
OrdersMapper.java

    /*** 修改订单* @param orders* @return*/int update(Orders orders);

OrdersMapper.xml

   <update id="update">update t_orders<set><if test="ordersNo != null">ordersNo = #{ordersNo,jdbcType=VARCHAR},</if><if test="accountId != null">accountId = #{accountId,jdbcType=BIGINT},</if><if test="roomTypeId != null">roomTypeId = #{roomTypeId,jdbcType=INTEGER},</if><if test="roomId != null">roomId = #{roomId,jdbcType=BIGINT},</if><if test="reservationName != null">reservationName = #{reservationName,jdbcType=VARCHAR},</if><if test="idCard != null">idCard = #{idCard,jdbcType=VARCHAR},</if><if test="phone != null">phone = #{phone,jdbcType=VARCHAR},</if><if test="status != null">status = #{status,jdbcType=INTEGER},</if><if test="reserveDate != null">reserveDate = #{reserveDate,jdbcType=TIMESTAMP},</if><if test="arriveDate != null">arriveDate = #{arriveDate,jdbcType=DATE},</if><if test="leaveDate != null">leaveDate = #{leaveDate,jdbcType=DATE},</if><if test="reservePrice != null">reservePrice = #{reservePrice,jdbcType=DECIMAL},</if><if test="remark != null">remark = #{remark,jdbcType=VARCHAR},</if></set>where id = #{id,jdbcType=BIGINT}</update>

3.业务层
OrdersService.java

    /*** 修改订单* @param orders* @return*/int update(Orders orders);

OrdersServiceImpl.java

    public int update(Orders orders) {return ordersMapper.update(orders);}

4.后台管理的控制层
OrdersController.java

 /*** 确认订单* @param orders* @return*/@RequestMapping("/confirmOrders")public String confirmOrders(Orders orders){Map<String,Object> map = new HashMap<String,Object>();//订单状态orders.setStatus(2);//已确认//调用修改的方法if(ordersService.update(orders)>0){map.put(SystemConstants.SUCCESS, true);map.put(SystemConstants.MESSAGE,"订单确认成功");}else{map.put(SystemConstants.SUCCESS, false);map.put(SystemConstants.MESSAGE,"订单确认失败");}return JSON.toJSONString(map);}/*** 批量确认* @param ids* @return*/@RequestMapping("/batchConfirm")public String batchConfirm(String ids){Map<String,Object> map = new HashMap<String,Object>();int count = 0;//将字符串转换成数组String[] split = ids.split(",");for (int i = 0; i < split.length; i++) {Orders orders = new Orders();orders.setStatus(2);// 订单状态，已确认orders.setId(Long.valueOf(split[i]));//ID主键//调用修改方法count = ordersService.update(orders);if(count>0){map.put(SystemConstants.SUCCESS, true);map.put(SystemConstants.MESSAGE,"订单确认成功");}}if(count<=0){map.put(SystemConstants.SUCCESS, false);map.put(SystemConstants.MESSAGE,"订单确认失败");}return JSON.toJSONString(map);}

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

房屋租赁合同电子版（可下载）
出租人（甲方）：_____________ 证件类型及编号：_________________ 承租人（乙方）：_____________ 证件类型及编号：_________________ 依据《中华人民共…...
2024/5/1 11:50:22
CS224N笔记(五) Lecture8 机器翻译、Seq2Seq以及Attention注意力机制
一、背景知识机器翻译，Machine Translation，简称MT，是一种运用计算机将一个句子从一种语言翻译成另一种语言的技术，是自然语言处理领域中一项重要的任务。机器翻译最早可以追溯到19世纪50年代的冷战时期，其目的是实现…...
2024/5/1 14:34:23
1075 PAT Judge 测试点四
测试点四试了很多次是因为排序问题，把不能输出的和可以输出的记录一起排序，这里修改一下排序算法就ok了参考了知乎的文章【PAT A1075】PAT Judge（详细解决测试点4！） - 知乎 (zhihu.com) bool cmp (Student a,Stud…...
2024/5/1 13:07:42
OkHttp的使用
Java封装OkHttp3工具类，值得推荐最近做了一个项目，业务监控中心(monitor)，这个主要是api接口层面和业务，监控到只要出现异常或与预期不符等，就发送告警，发送告警方式主要是邮件(email)，短信(s…...
2024/5/1 11:41:03
续谈Android项目结构（详细）20.9.15.1
一个项目可以有多个模块...
2024/5/1 11:46:16
Android开发简易版强制学习程序，Android岗面试12家大厂成功跳槽
主界面布局文件主界面效果普通计时界面普通计时界面布局文件普通计时界面效果倒计时界面倒计时界面布局文件倒计时界面效果前言本学期学习了移动软件开发课程，并且自己也一直在准备考研，现在手机的诱惑过大，很多人在学习时…...
2024/5/1 8:37:18
Oracle数据库优化之内存表的使用说明
集控项目问题：由于ERP系统的Oracle数据库产生的日志量过多（就一个表在5.13号凌晨1个小时内就有2.6个亿的更新日志），导致罗马平台同步数据采集超时。所以需要对这块做专题优化。修改逻辑：通过分析对应的程序逻辑&#x…...
2024/4/24 14:57:45
如何安装torch_geometric
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注…...
2024/4/14 0:25:04
Spring Boot JdbcTemplate H2 数据库示例
在本教程中，我们将展示如何使用 JDBC 模板集成Spring Boot H2 数据库。 Spring Boot H2 数据库： Spring Boot 提供了一个名为 H2 数据库的内存数据库，主要用于开发快速 POC 和单元级测试时。如何启用 Spring Boot H2 数据库： …...
2024/4/20 14:52:06
vue相关音乐播放器
1.初始化vue，vue-cli，webpack: $ vue init webpack vue-music ? Project name (vue-music) ? Project description (A Vue.js project) 音乐播放器 ? Author (Spock <372842848qq.com>) ? Vue build standalone ? Install vue-router? Yes …...
2024/4/15 8:04:48
MacOS 12.0.X系统提示“未能装载磁盘映像，错误代码为109”如何解决？
相信很多升级到MacOS Monterey 12.0.X系统的小伙伴经常在打开多安装包的DMG映像文件时提示“未能装载磁盘映像，错误代码为109”，其实这个是系统级的BUG，并不是映像文件真有问题！临时解决方法教你，先用着吧！…...
2024/4/7 18:20:44
Android9.0 本地时区和本地时间的自动更新机制
Android9.0 本地时区和本地时间的自动更新机制简介现在Android通过网络同步时间有两种方式：NITZ和NTP，它们使用的条件不同，可以获取的信息也不一样；勾选自动同步功能后，手机首先会尝试NITZ方式，若获取时…...
2024/4/19 21:44:46
Android开发必看：一文教你完全理解DataBinding框架（上
} 对应的 MainViewModel 如下： class MainViewModel(app: Application) : BaseViewModel(app) { } 对应的 xml 如下： <layout xmlns:android“http://schemas.android.com/apk/res/android” xmlns:app“http://schemas.android.com/apk/res-auto…...
2024/4/14 0:24:54
农夫山泉下场当“烧水工”，熟水市场是“鸡肋”还是“机遇”？
第一个吃螃蟹的人尝到了甜头之后，盯上的玩家自然越来越多。近日，“大自然的搬运工”农夫山泉被爆出要上新“白开水”的消息。此消息一出，外界的目光被吸引到了瓶装水下的细分市场：熟水市场。正如西方人喜爱冷食一样&#xff0…...
2024/4/14 0:24:44
程序员快看，马赛克，克星，真来了~
马赛克的克星，真的来了！ 何恺明大神的新作，Kaiming 讲故事能力和实验能力，一如既往的强！ MAE 的论文，21 年的 11 月份就发出来了。但是一直没有开源，我也就一直没有写文，最近代码…...
2024/4/20 14:40:52
Android开发8年，2017-2020面试50家公司经验总结：Android面试过程所需要掌握的技术
Android面试过程所需要掌握的技术一场面试都有一个流程，拿Android面试来说，面试内容不可能全是Android问题，里面应该会有编程基础相关的问题。我对Android面试中的问题做了下分类，如下所示： 类别描述数据结构和算法…...
2024/4/19 12:00:55
一个故事看懂HTTPS
我是一个浏览器，每到夜深人静的时候，主人就打开我开始学习。为了不让别人看到浏览记录，主人选择了“无痕模式”。但网络中总是有很多坏人，他们通过抓包截获我和服务器的通信，主人干了什么，请求了什么数…...
2024/4/14 0:25:14
压力测试 JMeter 使用教程（三分钟拿下）
1、启动Jmeter 2、右键——添加——线程——线程组 3、设置线程数量即并发数量 4、右键设置http请求以及相关配置 5、添加请求 6、为线程组添加监听器（自定义需要的监听器） 我用的是查看结果树和汇总报告监听器 7、启动测试 8、查看结果...
2024/4/14 0:25:14
Android开发3年，靠着这份PDF面试资料，成功跳槽字节跳动
由于文章篇幅有限，我只把一些知识点列了出来，文末有详细PDF文档的免费领取方式。这份PDF包括了Activity基础相关、Fragment基础相关、Service基础相关、Broadcast Receiver基础相关、ContentProvider基础相关、数据存储相关、IPC（重点&…...
2024/4/14 0:25:19
Java基础语法----6.包机制、JavaDoc
6、包机制、JavaDoc 包机制为了更好的组织类，Java提供了包机制，用于区别类名的命名空间包语句的语法格式： package pkg1[.pkg2.[pkg3...]];一般利用公司域名倒置作为包名比如：www.baidu.com，在开发的时候&#xf…...
2024/4/7 18:20:36

SSM酒店管理系统项目Day19

文章目录

24.订单管理

24.1 添加订单管理、预定管理目录及页面

24.2 查询订单管理页面

24.3 确认和批量确认订单(修改订单的状态)

相关文章

最新文章