酒店管理之酒店信息相关页面
2024-05-30 14:27:57
酒店预览界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>酒店预览</title><link rel="icon" sizes="any" mask href="../../image/icon.png"><!-- Tell the browser to be responsive to screen width --><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Font Awesome --><link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css"><!-- Ekko Lightbox --><link rel="stylesheet" href="../plugins/ekko-lightbox/ekko-lightbox.css"><!-- Ionicons --><link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><!-- Theme style --><link rel="stylesheet" href="../dist/css/adminlte.min.css"><!-- Google Font: Source Sans Pro --><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper"><!-- Navbar --><%@include file="navbar.jsp" %><!-- /.navbar --><!-- Main Sidebar Container --><%@include file="menu.jsp" %><!-- Content Wrapper. Contains page content --><div class="content-wrapper"><!-- Content Header (Page header) --><section class="content-header"><div class="container-fluid"><div class="row mb-2"><div class="col-sm-6"><h1>酒店预览</h1></div><div class="col-sm-6"><ol class="breadcrumb float-sm-right"><li class="breadcrumb-item"><a href="./main">首页</a></li><li class="breadcrumb-item active">酒店预览</li></ol></div></div></div><!-- /.container-fluid --></section><!-- Main content --><section class="content"><div class="container-fluid"><div class="row"><div class="col-12"><div class="card card-primary"><div class="card-header"><div class="card-title">房间</div></div><div class="card-body"><div class="row"><div class="col-sm-2"><a href="../../../images/P1.jpg"data-toggle="lightbox" data-title="1"data-gallery="gallery"><img src="../../../images/P1.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P2.jpg"data-toggle="lightbox" data-title="2"data-gallery="gallery"><img src="../../../images/P2.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P3.jpg"data-toggle="lightbox" data-title="3"data-gallery="gallery"><img src="../../../images/P3.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P4.jpg"data-toggle="lightbox" data-title="4"data-gallery="gallery"><img src="../../../images/P4.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P5.jpg"data-toggle="lightbox" data-title="5"data-gallery="gallery"><img src="../../../images/P5.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P6.jpg"data-toggle="lightbox" data-title="6"data-gallery="gallery"><img src="../../../images/P6.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P7.jpg"data-toggle="lightbox" data-title="7"data-gallery="gallery"><img src="../../../images/P7.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P8.jpg"data-toggle="lightbox" data-title="8"data-gallery="gallery"><img src="../../../images/P8.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P9.jpg"data-toggle="lightbox" data-title="9"data-gallery="gallery"><img src="../../../images/P9.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P10.jpg"data-toggle="lightbox" data-title="10"data-gallery="gallery"><img src="../../../images/P10.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P11.jpg"data-toggle="lightbox" data-title="11"data-gallery="gallery"><img src="../../../images/P11.jpg"class="img-fluid mb-2" alt="black sample"/></a></div><div class="col-sm-2"><a href="../../../images/P12.jpg"data-toggle="lightbox" data-title="12"data-gallery="gallery"><img src="../../../images/P12.jpg"class="img-fluid mb-2" alt="black sample"/></a></div></div></div></div></div></div></div><!-- /.container-fluid --></section><!-- /.content --></div><!-- /.content-wrapper --><%@include file="footer.jsp" %><!-- Control Sidebar --><aside class="control-sidebar control-sidebar-dark"><!-- Control sidebar content goes here --></aside><!-- /.control-sidebar -->
</div>
<!-- ./wrapper --><!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- jQuery UI -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Ekko Lightbox -->
<script src="../plugins/ekko-lightbox/ekko-lightbox.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Filterizr-->
<script src="../plugins/filterizr/jquery.filterizr.min.js"></script>
<!-- Page specific script -->
<script>$(function () {$(document).on('click', '[data-toggle="lightbox"]', function (event) {event.preventDefault();$(this).ekkoLightbox({alwaysShowClose: true});});$('.filter-container').filterizr({gutterPixels: 3});$('.btn[data-filter]').on('click', function () {$('.btn[data-filter]').removeClass('active');$(this).addClass('active');});})
</script>
</body>
</html>订房信息管理页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>订房信息管理系统</title><!-- Font Awesome Icons --><link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css"><!-- Theme style --><link rel="stylesheet" href="../dist/css/adminlte.min.css"><!-- Google Font: Source Sans Pro --><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"><script language="JavaScript">function busyRoom(id) {let userId = prompt("请输入18位身份证号码");if (userId.length != 18) {alert("请输入正确的身份证号码！");} else {document.getElementById("roomId").value = id;document.getElementById("userId").value = userId;document.getElementById("form").submit();}}</script>
</head>
<body class="hold-transition sidebar-mini"><form id="form" action="./reserve" method="post"><input type="hidden" name="roomId" value="" id="roomId"><input type="hidden" name="userId" value="" id="userId">
</form><div class="wrapper"><!-- Navbar --><%@include file="../navbar.jsp" %><!-- /.navbar --><!-- Main Sidebar Container --><%@include file="../menu.jsp" %><!-- Content Wrapper. Contains page content --><div class="content-wrapper"><!-- Content Header (Page header) --><div class="content-header"><div class="container-fluid"><div class="row mb-2"><div class="col-sm-6"><h1 class="m-0 text-dark">订房信息管理系统</h1></div><!-- /.col --><div class="col-sm-6"><ol class="breadcrumb float-sm-right"><li class="breadcrumb-item"><a href="#">首页</a></li><li class="breadcrumb-item active">订房信息管理系统</li></ol></div><!-- /.col --></div><!-- /.row --></div><!-- /.container-fluid --></div><!-- /.content-header --><!-- Main content --><div class="content"><div class="card"><!-- /.card-header --><div class="card-body"><table id="example1" class="table table-bordered table-striped"><thead><tr><th style="width: 10%">房间号</th><th style="width: 10%">面积</th><th style="width: 10%">容纳人数</th><th style="width: 10%">价格</th><th style="width: 30%">设备</th><th style="width: 10%">操作</th></tr></thead><tbody><c:forEach items="${rooms}" var="data"><tr><td>${data.roomNumber}</td><td>${data.area}</td><td>${data.capacity}</td><td>${data.price}</td><td>${data.hardware}</td><td><a href="javaScript:busyRoom(${data.roomId})">订房</a></tr></c:forEach></tbody></table></div><!-- /.card-body --></div></div><!-- /.content --></div><!-- /.content-wrapper --><!-- Control Sidebar --><aside class="control-sidebar control-sidebar-dark"><!-- Control sidebar content goes here --><div class="p-3"><h5>Title</h5><p>Sidebar content</p></div></aside><!-- /.control-sidebar --><%@ include file="../footer.jsp" %>
</div>
<!-- ./wrapper --><!-- REQUIRED SCRIPTS --><!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
</body>
</html>客房信息管理页面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="x-ua-compatible" content="ie=edge"><title>客房信息管理系统</title><!-- Font Awesome Icons --><link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css"><!-- Theme style --><link rel="stylesheet" href="../dist/css/adminlte.min.css"><!-- Google Font: Source Sans Pro --><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"></head>
<body class="hold-transition sidebar-mini"><form id="form" action="./busy" method="post"><input type="hidden" name="reserveId" value="" id="reserveId">
</form><div class="wrapper"><!-- Navbar --><%@include file="../navbar.jsp" %><!-- /.navbar --><!-- Main Sidebar Container --><%@include file="../menu.jsp" %><!-- Content Wrapper. Contains page content --><div class="content-wrapper"><!-- Content Header (Page header) --><div class="content-header"><div class="container-fluid"><div class="row mb-2"><div class="col-sm-6"><h1 class="m-0 text-dark">客房信息管理系统</h1></div><!-- /.col --><div class="col-sm-6"><ol class="breadcrumb float-sm-right"><li class="breadcrumb-item"><a href="#">首页</a></li><li class="breadcrumb-item active">客房信息管理系统</li></ol></div><!-- /.col --></div><!-- /.row --></div><!-- /.container-fluid --></div><!-- /.content-header --><!-- Main content --><div class="content"><div class="card"><!-- /.card-header --><div class="card-body"><div><b> 客流量：${count}     收入：${money}      入住率：${percentage}% </b></div><table id="example1" class="table table-bordered table-striped"><thead><tr><th style="width: 10%">订单号</th><th style="width: 10%">用户</th><th style="width: 10%">房间ID</th><th style="width: 10%">房间号</th><th style="width: 10%">容纳人数</th><th style="width: 10%">面积</th><th style="width: 10%">价格</th><th style="width: 30%">入住时间</th></tr></thead><tbody><c:forEach items="${rooms}" var="data"><tr><tr><td>${data.reserveId}</td><td>${data.userId}</td><td>${data.room.roomId}</td><td>${data.room.roomNumber}</td><td>${data.room.capacity}</td><td>${data.room.area}</td><td>${data.room.price}</td><td>${data.startTime}</td></tr></c:forEach></tbody></table></div><!-- /.card-body --></div></div><!-- /.content --></div><!-- /.content-wrapper --><!-- Control Sidebar --><aside class="control-sidebar control-sidebar-dark"><!-- Control sidebar content goes here --><div class="p-3"><h5>Title</h5><p>Sidebar content</p></div></aside><!-- /.control-sidebar --><%@ include file="../footer.jsp" %>
</div>
<!-- ./wrapper --><!-- REQUIRED SCRIPTS --><!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
</body>
</html>酒店管理之酒店信息相关页面相关推荐
- 客房预订+餐饮预订+酒店app+移动端通用版电商app模板+Axure高保真酒店预订管理系统+积分商城+餐饮预订系统+优惠券+订单管理+移动端酒店管理原型+酒店电商原型
作品介绍:[Axure电商原型]电商APP高保真原型(交互+UI高保真)+移动端通用版电商app模板+Axure高保真酒店预订管理系统+积分商城+餐饮预订系统+优惠券+订单管理+移动端酒店管理原型+酒 ...
- php酒店管理论文,酒店管理毕业论文
人力资源对于酒店行业的发展来说具有十分重要的影响,因为酒店行业是服务性行业,人力资源的整体质量对于酒店行业的自身形象有着十分重要的...[全文] 发表时间:2020-05-19 酒店管理专业要求学生掌 ...
- 酒店：二维码如何应用于酒店管理
酒店管理(Hotel Management ),是全球十大热门行业之一. 随着全球经济的不断复苏与快速发展,酒店行业在全球与中国地区的发展速度与就业率将远远超出传统型行业. 酒店管理这门学科的重要性也 ...
- 酒店该如何选择酒店管理软件
现在越来越多的酒店都已使用或准备使用酒店管理软件来进行管理,但真正能发挥出管理软件应有全部效益的酒店还不是很多.其中一个很重要的原因就是没有足够重视酒店管理软件的选择. 选择酒店真正需要的管理软件是一 ...
- 基于jsp酒店管理系统设计
欢迎添加微信互相交流学习哦! 项目源码:https://gitee.com/oklongmm/biye2 摘要 在积极建立科学管理机制的今天,仅仅靠原始的手工管理或简单的单机管理,管理部门面对大量的信 ...
- 西软点菜系统服务器设置,西软酒店管理系统软件客户端安装使用教程.docx
西软酒店管理系统软件客户端安装使用教程.docx (5页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 西软酒店管理系统软件客户端安装使用教 ...
- 【java毕业设计】基于Spring Boot+mysql的酒店管理系统设计与实现（程序源码+毕业论文）-酒店管理系统
基于Spring Boot+mysql的酒店管理系统设计与实现(程序源码+毕业论文) 大家好,今天给大家介绍基于Spring Boot+mysql的酒店管理系统设计与实现,本论文只截取部分文章重点,文 ...
- 酒店管理web项目总结
酒店管理web项目总结 半个月的努力,一个完整的酒店项目也就新鲜出炉了,在项目的制作中总结了一些酒店管理项目的特点. 1.需求分析,酒店管理需要什么? 1)首先系统的安全性,对于任何一个系统来说,安全 ...
- （附源码）springboot酒店管理平台 毕业设计 201010
springboot酒店管理平台 摘 要 信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克 ...
最新文章
- 不会这些搜索技巧，真别说你懂 GitHub！
- C#Swagger使用
- java鼠标经过时变色_鼠标经过时单元格变色
- 编译away3d例程序记
- python 数组合并排重_并排深度学习：Julia vs Python
- Android 中动态的向布局中添加控件
- Django 遇到的错误：expected str, bytes or os.PathLike object, not _io.TextIOWrapper
- jQuery实现轮播图--入门
- 效果超某度OCR：文本检测、文本识别(cnn+ctc、crnn+ctc)
- php执行js加密解密
- Nginx面试题（总结最全面的面试题！！！）
- 道路施工安全智能预警
- 基于Java的资产管理系统的设计与实现
- 【史上最最最高仿】V2EX论坛源码—React + Golang开源库，求高手拍砖提建议~
- 初学单片机：Proteus介绍、Proteus与Keil联调(Windows10环境下)
- 什么是自适应布局？什么是响应式布局？他们的区别是什么？
- 更新wlan.bin文件
- JXLS导出Excel表格实战教程
- AutoCAD .NET API （.NET） 概述
- Ubuntu 16.04 源码编译安装GPU tensorflow（二）