pw6qtp7hv
/
test1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'xl' (#11) from xl into develop

Browse Source
develop
puxcofief 8 months ago
parent 0a278ea36e ce7fb3f753
commit fba2ce559e
1 changed files with 154 additions and 94 deletions
Show Stats Download Patch File Download Diff File

248
ticketing-master/WebContent/pages/user/getByStartEndStation.jsp
Unescape View File

@ -1,116 +1,176 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
pageEncoding="UTF-8"%> <!-- 指定JSP页面使用Java语言，并设置页面的内容类型为html以及字符编码为UTF-8 -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 引入JSTL核心标签库，设置前缀为'c'，以便在JSP页面中使用JSTL标签 -->
<% <%
// 获取请求的上下文路径，用于构建应用的根路径
String path = request.getContextPath(); String path = request.getContextPath();
// 构建基础路径，包含协议、服务器名称、端口号和上下文路径，用于后续资源的路径构建
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> %>
<!-- JSP脚本片段，用于动态生成basePath变量 -->
<!DOCTYPE html> <!DOCTYPE html>
<!-- 文档类型声明，指定了HTML的版本 -->
<html> <html>
<!-- HTML文档的根元素开始 -->
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- head元素开始，用于包含文档的元数据 -->
<title>根据起点站、终点站、出发时间查询展示车次信息</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/moment.js"></script> <!-- 指定页面的字符编码为UTF-8 -->
<script type="text/javascript" src="js/getDate.js"></script> <title>根据起点站、终点站、出发时间查询展示车次信息</title>
<%-- <link rel="stylesheet" href="<%=basePath%>css/style.css" type="text/css" > <!-- 设置页面标题 -->
<link rel="stylesheet" href="<%=basePath%>css/table-style.css" type="text/css" > --%> <script type="text/javascript" src="js/moment.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/select-style.css" type="text/css" > <!-- 引入moment.js库，用于日期时间操作 -->
<link rel="stylesheet" href="<%=basePath%>css/sumbitButton-style.css" type="text/css" > <script type="text/javascript" src="js/getDate.js"></script>
<!-- 引入自定义的getDate.js脚本，用于获取日期 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui/css/H-ui.min.css" /> <!-- 以下是被注释掉的CSS样式链接 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/H-ui.admin.css" /> <%-- <link rel="stylesheet" href="<%=basePath%>css/style.css" type="text/css" >
<link rel="stylesheet" type="text/css" href="<%=basePath%>lib/Hui-iconfont/1.0.8/iconfont.css" /> <link rel="stylesheet" href="<%=basePath%>css/table-style.css" type="text/css" > --%>
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/skin/default/skin.css" id="skin" /> <!-- 引入select-style.css样式表，用于美化select元素 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/style.css" /> <link rel="stylesheet" href="<%=basePath%>css/select-style.css" type="text/css" >
<!-- 引入sumbitButton-style.css样式表，用于美化提交按钮 -->
<link rel="stylesheet" href="<%=basePath%>css/sumbitButton-style.css" type="text/css" >
<!-- 引入H-ui前端框架的CSS文件 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui/css/H-ui.min.css" />
<!-- 引入H-ui.admin前端框架的CSS文件 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/H-ui.admin.css" />
<!-- 引入图标字体库 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>lib/Hui-iconfont/1.0.8/iconfont.css" />
<!-- 引入皮肤样式 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/skin/default/skin.css" id="skin" />
<!-- 引入自定义样式 -->
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/style.css" />
</head> </head>
<!-- head元素结束 -->
<body onload="getDate()"> <body onload="getDate()">
<!-- body元素开始，包含页面的可见内容，并在加载时执行getDate函数 -->
<br/><br/>
<br/><br/> <!-- 表单用于提交查询请求 -->
<form action="<%=basePath%>GetByStartEndStationServlet" method="post"> <form action="<%=basePath%>GetByStartEndStationServlet" method="post">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <!-- 表单的action属性设置为服务器端的查询Servlet，method设置为post -->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
起始站:&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="startStation"> 起始站:&nbsp;&nbsp;
<c:forEach items="${startStationList}" var="train"> <!-- 起始站下拉选择菜单 -->
<option value="${train.startStation}">${train.startStation}</option> <select name="startStation">
</c:forEach> <!-- 使用JSTL的forEach标签遍历起始站列表 -->
</select> <c:forEach items="${startStationList}" var="train">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <option value="${train.startStation}">${train.startStation}</option>
终点站:&nbsp;&nbsp; <!-- 为每个起始站创建一个选项 -->
<select name="endStation"> </c:forEach>
<c:forEach items="${endStationList}" var="train"> </select>
<option value="${train.endStation}">${train.endStation}</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</c:forEach> 终点站:&nbsp;&nbsp;
</select> <!-- 终点站下拉选择菜单 -->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <select name="endStation">
开车时间:&nbsp;&nbsp; <!-- 使用JSTL的forEach标签遍历终点站列表 -->
<input type="date" id="startTime" id="startTime" name="startTime" min=""/> <c:forEach items="${endStationList}" var="train">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <option value="${train.endStation}">${train.endStation}</option>
<input class="sumbit-button" type="submit" value="查询"> <!-- 为每个终点站创建一个选项 -->
</form> </c:forEach>
</select>
<br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<div class="page-container"> 开车时间:&nbsp;&nbsp;
<div class="mt-20"> <!-- 开车时间输入框，类型为date -->
<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive"> <input type="date" id="startTime" id="startTime" name="startTime" min=""/>
<thead> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<tr class="text-c"> <!-- 提交按钮，使用sumbit-button样式 -->
<th width="40">序号</th> <input class="sumbit-button" type="submit" value="查询">
<th width="80">车次</th> </form>
<th width="80">起始站</th>
<th width="80">终点站</th> <br/>
<th width="120">开车时间</th> <!-- 表格用于展示查询结果 -->
<th width="120">到站时间</th> <div class="page-container">
<th width="60">票价/元</th> <div class="mt-20">
<th width="60">剩余座位数</th> <!-- 表格开始 -->
<th width="60">操作</th> <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
</tr> <thead>
</thead> <tr class="text-c">
<tbody> <!-- 表头定义 -->
<c:forEach items="${trainList}" var="allTrain" varStatus="status"> <th width="40">序号</th>
<tr class="text-c"> <th width="80">车次</th>
<td>${status.index+1}</td> <th width="80">起始站</th>
<td>${allTrain.trainNumber}</td> <th width="80">终点站</th>
<td>${allTrain.startStation}</td> <th width="120">开车时间</th>
<td>${allTrain.endStation}</td> <th width="120">到站时间</th>
<td>${allTrain.startTime}</td> <th width="60">票价/元</th>
<td>${allTrain.endTime}</td> <th width="60">剩余座位数</th>
<td>${allTrain.price}</td> <th width="60">操作</th>
<td>${allTrain.seatNumber}</td> </tr>
<td><a href="<%=basePath%>CheckLoginServlet?trainId=${allTrain.trainId}&temp=2">订票</a></td> </thead>
</tr> <tbody>
</c:forEach> <!-- 使用JSTL的forEach标签遍历车次列表 -->
</tbody> <c:forEach items="${trainList}" var="allTrain" varStatus="status">
</table> <tr class="text-c">
</div> <td>${status.index+1}</td>
</div> <!-- 显示序号，status.index+1用于计算当前序号 -->
<td>${allTrain.trainNumber}</td>
<!-- 显示车次号 -->
<td>${allTrain.startStation}</td>
<!-- 显示起始站 -->
<td>${allTrain.endStation}</td>
<!-- 显示终点站 -->
<td>${allTrain.startTime}</td>
<!-- 显示开车时间 -->
<td>${allTrain.endTime}</td>
<!-- 显示到站时间 -->
<td>${allTrain.price}</td>
<!-- 显示票价 -->
<td>${allTrain.seatNumber}</td>
<!-- 显示剩余座位数 -->
<td><a href="<%=basePath%>CheckLoginServlet?trainId=${allTrain.trainId}&temp=2">订票</a></td>
<!-- 订票操作链接 -->
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
<!--_footer 作为公共模版分离出去--> <!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="<%=basePath%>lib/jquery/1.9.1/jquery.min.js"></script>
<!-- 引入jQuery库 -->
<script type="text/javascript" src="<%=basePath%>lib/jquery/1.9.1/jquery.min.js"></script>
<!-- 引入layer插件，用于弹出层 -->
<script type="text/javascript" src="<%=basePath%>lib/layer/2.4/layer.js"></script> <script type="text/javascript" src="<%=basePath%>lib/layer/2.4/layer.js"></script>
<!-- 引入H-ui前端框架的JS文件 -->
<script type="text/javascript" src="<%=basePath%>static/h-ui/js/H-ui.min.js"></script> <script type="text/javascript" src="<%=basePath%>static/h-ui/js/H-ui.min.js"></script>
<!-- 引入H-ui.admin前端框架的JS文件 -->
<script type="text/javascript" src="<%=basePath%>static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去--> <script type="text/javascript" src="<%=basePath%>static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本--> <!--请在下方写此页面业务相关的脚本-->
<!-- 引入My97DatePicker日期选择器 -->
<script type="text/javascript" src="<%=basePath%>lib/My97DatePicker/4.8/WdatePicker.js"></script> <script type="text/javascript" src="<%=basePath%>lib/My97DatePicker/4.8/WdatePicker.js"></script>
<!-- 引入DataTables插件 -->
<script type="text/javascript" src="<%=basePath%>lib/datatables/1.10.0/jquery.dataTables.min.js"></script> <script type="text/javascript" src="<%=basePath%>lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<!-- 引入laypage分页插件 -->
<script type="text/javascript" src="<%=basePath%>lib/laypage/1.2/laypage.js"></script> <script type="text/javascript" src="<%=basePath%>lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$('.table-sort').dataTable({ <!-- 初始化DataTables插件 -->
"aaSorting": [[ 0, "asc" ]],//默认第几个排序
"bStateSave": true,//状态保存 $('.table-sort').dataTable({
"pading":false,
"aoColumnDefs": [ "aaSorting": [[ 0, "asc" ]],//默认第几个排序
//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
{"orderable":false,"aTargets":[8]}// 不参与排序的列
]
});
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save