<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- 定义JSP页面的语言为Java，并设置页面的内容类型和字符编码为UTF-8 -->

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 引入JSTL核心标签库，设置前缀为'c'，以便在JSP页面中使用JSTL标签 -->

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!-- 在JSP脚本片段中，获取当前请求的上下文路径和基础路径，用于构建资源的URL -->

<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<!-- 页面的头部元素开始 -->

<meta charset="utf-8">
<!-- 指定页面的字符编码为UTF-8 -->

<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 用于告诉浏览器使用何种渲染引擎，这里指定了webkit、IE兼容模式和IE标准模式 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- 指定浏览器兼容性，优先使用IE的最新版本和Chrome -->

<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]-->
<!-- 如果浏览器版本低于IE9，则引入HTML5shiv和respond.js来提供HTML5和CSS3的兼容性支持 -->

<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" />
<!-- 引入页面所需的CSS样式文件 -->

<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!-- 如果浏览器是IE6，则引入DD_belatedPNG.js来修复PNG图片的显示问题 -->

<!--/meta 作为公共模版分离出去-->

<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>会员ID：</label>
			<div class="formControls col-xs-8 col-sm-9" style="width:300px;">
				<input type="text" disabled="disabled" class="input-text" value="${member.memberId}" placeholder="" id="" name="">
			</div>
		</div>
		<!-- 显示会员ID的表单项 -->

		<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="${member.userName}" placeholder="" id="userName" name="userName">
			</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="${member.password}" placeholder="" id="password" name="password">
			</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;">
				<c:if test="${member.ifUse == 1}">
					<input type="text" disabled="disabled" class="input-text" value="在线" placeholder="" id="" name="">
				</c:if>
				<c:if test="${member.ifUse == 0}">
					<input type="text" disabled="disabled" class="input-text" value="离线" placeholder="" id="" name="">
				</c:if>
			</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="${member.registerTime}" placeholder="" id="" name="">
			</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="${member.logintimes}" placeholder="" id="" name="">
			</div>
		</div>
		<!-- 显示登录时间的表单项 -->
	</form>
</article>
<!-- 会员信息表单结束 -->

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<!-- 引入jQuery库 -->
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<!-- 引入layer插件，用于弹出层 -->
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<!-- 引入H-ui前端框架的JS文件 -->
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!-- 引入H-ui.admin前端框架的JS文件 -->

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<!-- 引入My97DatePicker日期选择器 -->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<!-- 引入jQuery验证插件 -->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<!-- 引入jQuery验证插件的方法 -->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<!-- 引入jQuery验证插件的中文语言包 -->

<!--/请在上方写此页面业务相关的脚本-->
</body>
<!-- 页面主体结束 -->
</html>
<!-- 页面结束 -->