Update countPrep.jsp

pull/1/head
pght2c95q 8 months ago
parent 6417c4e0c3
commit 54a8e0a333

@ -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>
Loading…
Cancel
Save