|
<!DOCTYPE HTML>
<html class="s_bs">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<title>场景演示</title>
{%>template/common/Head.html%}
<link href="biz/css/project.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="c_navBar">
<div class="left">
<div class="back">
<span class="e_ico-back"></span>
<span class="text">场景演示</span>
</div>
</div>
</div>
<div class="m_content m_content-nofooter">
<div>
<div class="c_list">
<ul id="scene-menu">
<li action="Login">
<div class="content">
<div class="main">
<div class="title">登陆</div>
<div class="info">输入账号、密码以及图片验证码登陆，服务端校验成功以后创建Session，
同时客户端存储SessionId，提供给其他接口使用</div>
</div>
</div>
</li>
<li action="DataRequest">
<div class="content">
<div class="main">
<div class="title">数据请求</div>
<div class="info">网页访问时是基于ajax的访问请求，客户端访问时则是原生实现的访问请求，
可以通过加密的方式保障传输安全</div>
</div>
</div>
</li>
<li action="TemplateRedirect">
<div class="content">
<div class="main">
<div class="title">页面跳转(直接数据渲染)</div>
<div class="info">页面跳转，没有数据请求，传入的参数直接用于页面渲染</div>
</div>
</div>
</li>
<li action="PageRedirect">
<div class="content">
<div class="main">
<div class="title">页面跳转(调用数据接口)</div>
<div class="info">页面跳转，调用数据请求，传入的参数先用于请求数据接口，得到的结果集用于页面渲染</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
<script type="text/javascript">
require(["mobile"], function(Mobile) {
$("#scene-menu > li").each(function(index, item) {
if (item.getAttribute("action") != "null") {
$(item).tap(function() {
Mobile.openPage(item.getAttribute("action"));
});
} else {
item.onclick = function() {
alert("敬请期待……");
};
}
});
});
</script>
</html>
|
