|
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
pageEncoding="UTF-8"%>
|
|
|
<%
|
|
|
// 获取当前Web应用的上下文路径，例如在部署后的URL中，对应项目名称那部分路径，方便后续资源引用时拼接完整路径
|
|
|
String path = request.getContextPath();
|
|
|
// 构建基础路径，将协议（如http或https）、服务器名称、服务器端口以及前面获取的上下文路径组合起来，形成一个完整的基础URL路径，供后续资源引用使用
|
|
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
|
|
|
%>
|
|
|
<!--_meta 作为公共模版分离出去-->
|
|
|
<!DOCTYPE HTML>
|
|
|
<html>
|
|
|
<head>
|
|
|
<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>
|
|
|
</head>
|
|
|
<body>
|
|
|
<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 作为公共模版分离出去-->
|
|
|
// 引入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 作为公共模版分离出去-->
|
|
|
|
|
|
<!--请在下方写此页面业务相关的脚本-->
|
|
|
// 引入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> |
