|
|
|
@ -1,68 +1,97 @@
|
|
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
|
|
pageEncoding="UTF-8"%>
|
|
|
|
|
<%
|
|
|
|
|
// 获取当前Web应用的上下文路径,例如在部署后的URL中,对应项目名称那部分路径,方便后续资源引用时拼接完整路径
|
|
|
|
|
String path = request.getContextPath();
|
|
|
|
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
|
|
|
|
// 构建基础路径,将协议(如http或https)、服务器名称、服务器端口以及前面获取的上下文路径组合起来,形成一个完整的基础URL路径,供后续资源引用使用
|
|
|
|
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
|
|
|
|
|
%>
|
|
|
|
|
<!--_meta 作为公共模版分离出去-->
|
|
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
|
<link rel="Bookmark" href="/favicon.ico" >
|
|
|
|
|
<link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script type="text/javascript" src="lib/html5shiv.js"></script>
|
|
|
|
|
<script type="text/javascript" src="lib/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui/css/H-ui.min.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" />
|
|
|
|
|
<!--[if IE 6]>
|
|
|
|
|
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
|
|
|
|
|
<script>DD_belatedPNG.fix('*');</script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<!--/meta 作为公共模版分离出去-->
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
// 指定浏览器渲染页面时使用的渲染引擎模式,这里设置了多种可兼容的模式,优先尝试使用webkit、ie-comp、ie-stand等模式来渲染页面内容
|
|
|
|
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
|
|
// 告诉浏览器以最高可用的标准模式来渲染页面,例如在IE浏览器中,会以IE8及以上的标准模式进行渲染,确保页面的兼容性和显示效果尽可能一致
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
// 设置视口相关属性,width=device-width表示页面宽度跟随设备的屏幕宽度自适应,initial-scale等属性限制了页面的初始缩放比例以及用户可手动缩放的范围,这里设置为禁止用户手动缩放
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
|
|
// 控制页面是否会被浏览器缓存为离线应用,这里设置为不允许缓存为离线应用,可能是为了保证每次访问页面时获取到最新的数据
|
|
|
|
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
|
// 设置页面书签(收藏时)显示的图标链接,通常指向一个.ico格式的图标文件,方便用户识别和收藏页面
|
|
|
|
|
<link rel="Bookmark" href="/favicon.ico" >
|
|
|
|
|
// 设置页面在浏览器标签等位置显示的快捷图标链接,同样一般也是指向一个.ico格式的图标文件,用于增强页面的辨识度
|
|
|
|
|
<link rel="Shortcut Icon" href="/favicon.ico" />
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
// 当浏览器版本低于IE9时,引入html5shiv.js脚本文件,这个脚本的作用是让低版本的IE浏览器能够识别和支持HTML5的新标签,使页面在这些旧浏览器上能正常渲染HTML5相关内容
|
|
|
|
|
<script type="text/javascript" src="lib/html5shiv.js"></script>
|
|
|
|
|
// 引入respond.min.js脚本文件,它用于让低版本IE浏览器能够支持CSS3的媒体查询特性,确保页面的样式在不同设备和屏幕尺寸下能正确适配
|
|
|
|
|
<script type="text/javascript" src="lib/respond.min.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
// 引入H-ui框架的基础样式文件,通过使用前面构建的basePath变量来拼接完整的文件路径,确保能准确找到并加载对应的样式资源,使页面应用该框架的样式风格
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui/css/H-ui.min.css" />
|
|
|
|
|
// 引入H-ui.admin框架的样式文件,用于实现特定的后台管理界面相关的样式效果,同样依赖basePath拼接路径来正确引用资源
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/H-ui.admin.css" />
|
|
|
|
|
// 引入Hui-iconfont字体图标库的样式文件,加载后可以在页面中使用该库定义的各种图标,也是基于basePath来定位文件位置
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>lib/Hui-iconfont/1.0.8/iconfont.css" />
|
|
|
|
|
// 引入H-ui.admin框架默认皮肤的样式文件,并通过设置id为"skin",方便后续通过JavaScript等方式对皮肤进行切换或者其他相关操作
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/skin/default/skin.css" id="skin" />
|
|
|
|
|
// 引入H-ui.admin框架额外的自定义样式文件,用于进一步调整和定制页面的外观样式,使其符合具体项目需求
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="<%=basePath%>static/h-ui.admin/css/style.css" />
|
|
|
|
|
<!--[if IE 6]>
|
|
|
|
|
// 针对IE6浏览器,引入DD_belatedPNG_0.0.8a-min.js脚本文件,用于解决IE6下PNG图片透明等显示异常的问题,使PNG图片能正常显示
|
|
|
|
|
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
|
|
|
|
|
// 调用引入脚本中的fix方法,并传入参数'*',表示对页面上所有元素尝试修复PNG图片的显示问题,确保页面在IE6中的视觉效果
|
|
|
|
|
<script>DD_belatedPNG.fix('*');</script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<!--/meta 作为公共模版分离出去-->
|
|
|
|
|
|
|
|
|
|
<title>销售统计</title>
|
|
|
|
|
// 设置页面的标题为“销售统计”,这个标题会显示在浏览器的标签栏上,帮助用户识别页面内容
|
|
|
|
|
<title>销售统计</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<article class="page-container">
|
|
|
|
|
<form action="" method="post" class="form form-horizontal" id="form-member-add">
|
|
|
|
|
<div class="row cl">
|
|
|
|
|
<label class="form-label col-xs-4 col-sm-3"><span class="c-red"></span>已完成订单数: </label>
|
|
|
|
|
<div class="formControls col-xs-8 col-sm-9" style="width:300px;">
|
|
|
|
|
<input type="text" disabled="disabled" class="input-text" value="${prepNumber}" placeholder="" id="startStation" name="startStation">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row cl">
|
|
|
|
|
<label class="form-label col-xs-4 col-sm-3"><span class="c-red"></span>总销售额:</label>
|
|
|
|
|
<div class="formControls col-xs-8 col-sm-9" style="width:300px;">
|
|
|
|
|
<input type="text" disabled="disabled" class="input-text" value="${prepPrice}" placeholder="" id="endStation" name="endStation">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</article>
|
|
|
|
|
<article class="page-container">
|
|
|
|
|
// 定义一个表单,不过这里的action属性为空,意味着表单提交的具体处理地址还未指定(可能需要后续补充完整),提交方式为POST,同时设置了表单的类名和id,方便通过CSS样式和JavaScript脚本对表单进行操作和控制
|
|
|
|
|
<form action="" method="post" class="form form-horizontal" id="form-member-add">
|
|
|
|
|
<div class="row cl">
|
|
|
|
|
// 创建一个表单标签元素,用于显示“已完成订单数: ”文本内容,通过设置类名来控制标签的布局样式,这里的<span class="c-red"></span>原本可能用于标记必填项为红色星号,但此处为空,可能不需要突出显示该项必填情况
|
|
|
|
|
<label class="form-label col-xs-4 col-sm-3"><span class="c-red"></span>已完成订单数: </label>
|
|
|
|
|
<div class="formControls col-xs-8 col-sm-9" style="width:300px;">
|
|
|
|
|
// 创建一个文本输入框,设置了disabled="disabled"属性,使其变为不可编辑状态,应用了input-text类名用于样式设置,其值通过EL表达式${prepNumber}来获取(意味着该值可能是由后端传递过来的),占位符为空,同时设置了id和name属性,方便后续在JavaScript中操作或者表单提交时传递数据(尽管这里不可编辑,但可能在某些交互场景下仍有作用)
|
|
|
|
|
<input type="text" disabled="disabled" class="input-text" value="${prepNumber}" placeholder="" id="startStation" name="startStation">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row cl">
|
|
|
|
|
<label class="form-label col-xs-4 col-sm-3"><span class="c-red"></span>总销售额:</label>
|
|
|
|
|
<div class="formControls col-xs-8 col-sm-9" style="width:300px;">
|
|
|
|
|
// 同样创建一个不可编辑的文本输入框,用于显示“总销售额”相关信息,其值通过${prepPrice}这个EL表达式获取后端传递的数据,其他属性作用与上面类似,用于样式和数据交互方面的控制
|
|
|
|
|
<input type="text" disabled="disabled" class="input-text" value="${prepPrice}" placeholder="" id="endStation" name="endStation">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<!--_footer 作为公共模版分离出去-->
|
|
|
|
|
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
|
|
|
|
|
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
|
|
|
|
|
<!--_footer 作为公共模版分离出去-->
|
|
|
|
|
// 引入jQuery库的压缩版本,jQuery是一个广泛使用的JavaScript库,它提供了便捷的DOM操作、事件处理、动画效果等功能,方便开发页面的交互逻辑
|
|
|
|
|
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
|
|
|
|
|
// 引入layer.js脚本文件,通常用于在页面中创建弹出层、对话框等交互效果,比如提示信息框、确认框等,增强用户与页面之间的交互体验
|
|
|
|
|
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
|
|
|
|
|
// 引入H-ui框架的JavaScript脚本文件,用于实现该框架相关的交互功能,例如表单验证、菜单切换、页面组件的动态效果等,与前面引入的框架样式文件配合使用,完善框架在页面中的功能应用
|
|
|
|
|
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
|
|
|
|
|
// 引入H-ui.admin框架的JavaScript脚本文件,实现后台管理相关的特定功能逻辑,比如数据表格操作、权限管理等与后台业务相关的交互功能
|
|
|
|
|
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
|
|
|
|
|
|
|
|
|
|
<!--请在下方写此页面业务相关的脚本-->
|
|
|
|
|
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
|
|
|
|
|
<!--请在下方写此页面业务相关的脚本-->
|
|
|
|
|
// 引入My97DatePicker日期选择器的脚本文件,可能用于在页面中实现日期相关的输入选择功能,虽然当前页面代码中未看到明显使用场景,但也许在后续业务扩展或者其他交互需求中会用到
|
|
|
|
|
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
|
|
// 引入jQuery验证插件的主文件,用于对表单元素进行各种验证操作,比如必填项验证、数据格式验证(如邮箱格式、手机号码格式等),可以提高表单数据的准确性和完整性
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
|
|
|
|
|
// 引入验证插件的扩展验证方法文件,这里面可能包含了一些自定义的验证规则和方法,以满足项目中特定的业务验证需求,补充和扩展了基本验证功能
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
|
|
|
|
|
// 引入验证插件的中文提示信息文件,当表单验证不通过时,能够以中文的形式显示相应的错误提示消息,方便用户理解和修改输入内容,提升用户体验
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
|
|
|
|
|
|
|
|
|
|
<!--/请在上方写此页面业务相关的脚本-->
|
|
|
|
|
<!--/请在上方写此页面业务相关的脚本-->
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
</html>
|