0
点赞
收藏
分享

微信扫一扫

基于javaweb+SSM酒店预定管理系统(前台、后台)

夏天的枫_ 2022-03-31 阅读 77
javawebjspmysqlssm

开发工具：eclipse/idea/myeclipse/sts等均可配置运行

适用

课程设计，大作业，毕业设计，项目练习，学习演示等

			menu.setParentId(0l);
		}
		if(menuService.edit(menu) <= 0){
			ret.put("type", "error");
			ret.put("msg", "修改失败，请联系管理员!");
			return ret;
		}
		ret.put("type", "success");
		ret.put("msg", "修改成功!");
		return ret;
	}
	
	/**

			<div class="fontclass">.Hui-iconfont-share-weixin</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe67b;</i>
			<div class="name">QQ</div>
			<div class="code">&amp;#xe67b;</div>
			<div class="fontclass">.Hui-iconfont-share-qq</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6c8;</i>
			<div class="name">QQ空间</div>
			<div class="code">&amp;#xe6c8;</div>
			<div class="fontclass">.Hui-iconfont-share-qzone</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6da;</i>
			<div class="name">微博</div>
			<div class="code">&amp;#xe6da;</div>
			<div class="fontclass">.Hui-iconfont-share-weibo</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe689;</i>
			<div class="name">知乎</div>
			<div class="code">&amp;#xe689;</div>

	*/
	function edit(){
		var validate = $("#edit-form").form("validate");
		if(!validate){
			$.messager.alert("消息提醒","请检查你输入的数据!","warning");
			return;
		}
		var data = $("#edit-form").serialize();
		$.ajax({
			url:'edit',
			dataType:'json',
			type:'post',
			data:data,
			success:function(data){
				if(data.type == 'success'){
					$.messager.alert('信息提示','修改成功！','info');

	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Row Editing DataGrid</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Click the row to start editing.</div>
	</div>
	<div style="margin:10px 0;"></div>
	
	<table id="dg" class="easyui-datagrid" title="Row Editing DataGrid" style="width:700px;height:auto"
			data-options="
				iconCls: 'icon-edit',
				singleSelect: true,
				toolbar: '#tb',
				url: '../datagrid/datagrid_data1.json',

    <!-- Begin of toolbar -->
    <div id="wu-toolbar">
        <div class="wu-toolbar-button">
           <%@include file="../common/menus.jsp"%>
        </div>
        <div class="wu-toolbar-search">
            <label>菜单名称：</label><input id="search-name" class="wu-text" style="width:100px">
            <a href="#" id="search-btn" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
        </div>
    </div>
    <!-- End of toolbar -->

						}
					}
				});
			}	
		});
	}
	
	/**
	* Name 打开添加窗口
	*/
	function openAdd(){
		//$('#add-form').form('clear');
		$('#add-dialog').dialog({
			closed: false,
			modal:true,
            title: "添加用户信息",
            buttons: [{

		queryMap.put("accountId", accountId);
		queryMap.put("roomTypeId", roomTypeId);
		queryMap.put("idCard", idCard);
		queryMap.put("mobile", mobile);
		queryMap.put("offset", page.getOffset());
		queryMap.put("pageSize", page.getRows());
		ret.put("rows", bookOrderService.findList(queryMap));
		ret.put("total", bookOrderService.getTotal(queryMap));
		return ret;
	}
	
	
}
package com.demo.controller.admin;

import java.io.File;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

			{ field:'remark',title:'房间备注',width:200},
		]]
	});
</script>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@include file="../common/header.jsp"%>
<div class="easyui-layout" data-options="fit:true">
    <!-- Begin of toolbar -->
    <div id="wu-toolbar">
        <div class="wu-toolbar-button">
            <%@include file="../common/menus.jsp"%>
        </div>

    </form>
</div>
<!-- 添加按钮弹窗 -->
<div id="add-menu-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:450px; padding:10px;">
	<form id="add-menu-form" method="post">
        <table>
            <tr>
                <td width="60" align="right">按钮名称:</td>
                <td><input type="text" name="name" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写菜单名称'" /></td>
            </tr>
            <tr>
                <td align="right">上级菜单:</td>
                <td>
                	<input type="hidden" name="parentId" id="add-menu-parent-id">

			return;
		}
		
		$('#edit-dialog').dialog({
			closed: false,
			modal:true,
            title: "修改信息",
            buttons: [{
                text: '确定',
                iconCls: 'icon-ok',
                handler: edit
            }, {
                text: '取消',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#edit-dialog').dialog('close');                    
                }
            }],
            onBeforeOpen:function(){
            	$("#edit-id").val(item.id);
            	$("#edit-name").val(item.name);
            	$("#edit-parentId").combobox('setValue',item.parentId);

	* 打开修改窗口
	*/
	function openEdit(){
		//$('#edit-form').form('clear');
		var item = $('#data-datagrid').datagrid('getSelections');
		if(item == null || item.length == 0){
			$.messager.alert('信息提示','请选择要修改的数据！','info');
			return;
		}
		if(item.length > 1){
			$.messager.alert('信息提示','请选择一条数据进行修改！','info');
			return;
		}
		item = item[0];

<!-- End of easyui-dialog -->
<script type="text/javascript">
	
	
	
	/**
	*  添加记录
	*/
	function add(){
		var validate = $("#add-form").form("validate");
		if(!validate){
			$.messager.alert("消息提醒","请检查你输入的数据!","warning");
			return;
		}
		var data = $("#add-form").serialize();
		$.ajax({
			url:'add',
			dataType:'json',
			type:'post',
			data:data,
			success:function(data){
				if(data.type == 'success'){

		<li> <i class="icon Hui-iconfont">&#xe629;</i>
			<div class="name">SIM卡</div>
			<div class="code">&amp;#xe629;</div>
			<div class="fontclass">.Hui-iconfont-sim</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6c1;</i>
			<div class="name">火热</div>
			<div class="code">&amp;#xe6c1;</div>
			<div class="fontclass">.Hui-iconfont-hot</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6c2;</i>
			<div class="name">拍摄</div>
			<div class="code">&amp;#xe6c2;</div>
			<div class="fontclass">.Hui-iconfont-paishe</div>
		</li>

			//roomType.setBookNum(roomType.getBookNum() - 1);//预定数减1
		}else{
			roomType.setAvilableNum(roomType.getAvilableNum() - 1);
		}
		//入住成功后去修改该房型的预定数
		if(roomType != null){
			roomType.setLivedNum(roomType.getLivedNum() + 1);//入住数加1
			roomTypeService.updateNum(roomType);
			//如果可用的房间数为0，则设置该房型状态已满
			if(roomType.getAvilableNum() == 0){
				roomType.setStatus(0);
				roomTypeService.edit(roomType);
			}
		}
		Room room = roomService.find(checkin.getRoomId());
		if(room != null){
			//要把房间状态设置为已入住
			room.setStatus(1);
			roomService.edit(room);

			<div class="name">审核不通过</div>
			<div class="code">&amp;#xe6dd;</div>
			<div class="fontclass">.shenhe-butongguo2</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6e1;</i>
			<div class="name">审核通过</div>
			<div class="code">&amp;#xe6e1;</div>
			<div class="fontclass">.shenhe-tongguo</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe631;</i>
			<div class="name">停用</div>
			<div class="code">&amp;#xe631;</div>
			<div class="fontclass">.shenhe-tingyong</div>
		</li>
	</ul>
	<h2>菜单相关</h2>
	<ul class="icon_lists cl">
		<li> <i class="icon Hui-iconfont">&#xe625;</i>

		<li> <i class="icon Hui-iconfont">&#xe6da;</i>
			<div class="name">微博</div>
			<div class="code">&amp;#xe6da;</div>
			<div class="fontclass">.Hui-iconfont-share-weibo</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe689;</i>
			<div class="name">知乎</div>
			<div class="code">&amp;#xe689;</div>
			<div class="fontclass">.Hui-iconfont-share-zhihu</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe649;</i>
			<div class="name">喜欢</div>
			<div class="code">&amp;#xe649;</div>
			<div class="fontclass">.Hui-iconfont-like</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe648;</i>

		fit:true,
		columns:[[
			{ field:'chk',checkbox:true},
			{ field:'accountId',title:'客户',width:100,formatter:function(value,row,index){
				var accountList = $("#search-account").combobox('getData');
				for(var i=0;i<accountList.length;i++){
					if(accountList[i].value == value)return accountList[i].text;
				}
				return value;
			}},
			{ field:'roomTypeId',title:'房型',width:150,formatter:function(value,row,index){
				var roomTypeList = $("#search-roomType").combobox('getData');
				for(var i=0;i<roomTypeList.length;i++){
					if(roomTypeList[i].value == value){
						return roomTypeList[i].text + '(￥:' + $("#search-roomType option[value='"+value+"']").attr('price') + ')';
					}
				}
				return value;
			}},
			{ field:'name',title:'预定人',width:60,sortable:true},
			{ field:'idCard',title:'身份证号',width:100,sortable:true},
			{ field:'mobile',title:'手机号',width:100,sortable:true},

	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Message Box Position</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Click the buttons below to display message box on different position.</div>
	</div>
	<div style="margin:10px 0;">
		<p>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="topLeft();">TopLeft</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="topCenter()">TopCenter</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="topRight()">TopRight</a>
		</p>
		<p>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="centerLeft()">CenterLeft</a>
			<a href="javascript:void(0)" class="easyui-linkbutton" onclick="center()">Center</a>

    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#Hui-iconfont') format('svg'); /* iOS 4.1- */
}
</pre>
		第二步：定义使用iconfont的样式
		<pre>
.Hui-iconfont{
    font-family:"Hui-iconfont" !important;
    font-size:16px;font-style:normal;

		$.messager.confirm('信息提示','确定要删除该记录？', function(result){
			if(result){
				var item = $('#data-datagrid').datagrid('getSelected');
				if(item == null || item.length == 0){
					$.messager.alert('信息提示','请选择要删除的数据！','info');
					return;
				}
				
				$.ajax({
					url:'delete',
					dataType:'json',
					type:'post',
					data:{id:item.id},
					success:function(data){
						if(data.type == 'success'){
							$.messager.alert('信息提示','删除成功！','info');
							$('#data-datagrid').datagrid('reload');
						}else{
							$.messager.alert('信息提示',data.msg,'warning');
						}
					}
				});
			}	
		});

            	</c:forEach>
            </select>
            <label>房型:</label>
            <select id="search-roomType" class="easyui-combobox" panelHeight="auto" style="width:120px">
            	<option value="-1">全部</option>
            	<c:forEach items="${roomTypeList}" var="roomType">
            	<option value="${roomType.id }" price="${roomType.price }">${roomType.name }</option>
            	</c:forEach>
            </select>
            <label>状态:</label>
            <select id="search-status" class="easyui-combobox" panelHeight="auto" style="width:120px">
            	<option value="-1">全部</option>
            	<option value="0">入住中</option>
            	<option value="1">已结算离店</option>
            </select>
            <a href="#" id="search-btn" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
        </div>
    </div>
    <!-- End of toolbar -->

			<div class="fontclass">.Hui-iconfont-datumoshi</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6be;</i>
			<div class="name">大图模式</div>
			<div class="code">&amp;#xe6be;</div>
			<div class="fontclass">.Hui-iconfont-bigpic</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6c0;</i>
			<div class="name">中图模式</div>
			<div class="code">&amp;#xe6c0;</div>
			<div class="fontclass">.Hui-iconfont-middle</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6bf;</i>
			<div class="name">列表模式</div>
			<div class="code">&amp;#xe6bf;</div>
			<div class="fontclass">.Hui-iconfont-list</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe690;</i>

			<div class="code">&amp;#xe6a2;</div>
			<div class="fontclass">.Hui-iconfont-android</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6d1;</i>
			<div class="name">github</div>
			<div class="code">&amp;#xe6d1;</div>
			<div class="fontclass">.Hui-iconfont-github</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6d2;</i>
			<div class="name">html5</div>

			<div class="name">CSS</div>
			<div class="code">&amp;#xe6a0;</div>
			<div class="fontclass">.Hui-iconfont-css</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe64a;</i>
			<div class="name">苹果</div>
			<div class="code">&amp;#xe64a;</div>
			<div class="fontclass">.Hui-iconfont-apple</div>
		</li>
		<li> <i class="icon Hui-iconfont">&#xe6a2;</i>
			<div class="name">android</div>

                	<a style="float:left;margin-top:40px;" href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-upload" onclick="uploadPhoto()" plain="true">上传图片</a>
                </td>
            </tr>
            <tr>
                <td width="60" align="right">头像:</td>
                <td><input type="text" id="add-photo" name="photo" value="/HotelSSM/resources/admin/easyui/images/user_photo.jpg" readonly="readonly" class="wu-text " /></td>
            </tr>
            <tr>
                <td width="60" align="right">用户名:</td>
                <td><input type="text" name="username" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写用户名'" /></td>
            </tr>
            <tr>
                <td width="60" align="right">密码:</td>

<head>
	<meta charset="UTF-8">
	<title>Row Editing DataGrid - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Row Editing DataGrid</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Click the row to start editing.</div>
	</div>
	<div style="margin:10px 0;"></div>

	$("#edit-accountId").combobox({
		onSelect:function(data){
			//console.log(data);
			var option = $("#add-accountId option[value='"+data.value+"']");
			$("#edit-name").val(option.attr('real-name'));
			$("#edit-idCard").val(option.attr('id-card'));
			$("#edit-mobile").val(option.attr('mobile'));
		}
	});
	
	/** 
	* 载入数据
	*/
	$('#data-datagrid').datagrid({
		url:'list',
		rownumbers:true,
		singleSelect:true,
		pageSize:20,           
		pagination:true,
		multiSort:true,
		fitColumns:true,

运行环境

Java≥6、Tomcat≥7.0、MySQL≥5.5

开发工具

eclipse/idea/myeclipse/sts等均可配置运行

技术框架

JavaBean MVC JSP SSM(Spring SpringMVC MyBatis) MySQL EasyUI JavaScript

适用

课程设计，大作业，毕业设计，项目练习，学习演示等

功能说明

（1）用户在线浏览客房，管理自己的个人信息，预订客房。

（2）管理员对酒店的客房信息、活动信息进行管理，同时对客房评论进行管理。

20220314232820

前台

20220314232123

20220314232145

20220314232203

20220314232348

20220314232358

后台：

20220314232439

20220314232455

20220314232508

20220314232539

20220314232603

20220314232626

20220314232644

20220314232704

20220314232722

20220314232740

↖[获取源码方式]见左侧

举报

相关推荐

基于javaweb+SSM宠物商城(前台、后台)

mysqljavawebjspssm

基于javaweb+jsp的酒店管理系统(前台预定+后台管理)(java+SSM+jsp+mysql+maven)

javawebssmjspmysqlmaven

基于javaweb+SSM甜品冰淇淋奶茶店网上订餐系统(前台、后台)

javamysql

基于javaweb+SSM投票管理系统

mysqljavawebjspssm

基于javaweb+SSM+Maven旅游管理系统(前台、后台)

javamysql

基于javaweb+SSM在线商城购物商城美妆商城(前台、后台)

javamysql

java项目-第54期基于ssm的前台预订+后台管理酒店管理系统

javassmspring bootjavaeejavaweb

基于javaweb+SSM在线商城购物商城水果蔬菜批发商城(前台、后台)

javawebjspmysqlssm

基于javaweb+SSM医院人事管理系统员工考勤管理系统

javamysql

基于python+django的酒店预定网站-酒店管理系统

pythondjango开发语言mysqlgithubJavaScript前端开发
0 条评论