<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<title>JQM TITLE</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css" />
<script src="jqm/jquery-1.11.2.js"></script>
<script src="jqm/jquery.mobile-1.4.5.js"></script>
</head>
<body>
<div data-role="page" id="index">
<div data-role="header" data-position="fixed">
<h1>页面标题区域</h1>
</div>
<div data-role="content">
<p>页面内容区域</p>
<br/>
<!-- data-inset="true" 添加这个属性可以是listview和窗口流出边距,更美观 -->
<ul data-role="listview" data-inset="true">
<li>jack</li>
<li>rose</li>
<li>maly</li>
<li>lily</li>
</ul>
<br>
<!-- 添加超级链接之后,就可以有鼠标浮动效果和可以点击响应了 -->
<ul data-role="listview" data-inset="true">
<li><a>
<h3>喜洋洋和灰太狼的故事</h3>
<p>简单描述:内容是他俩原来是好朋友</p>
<!-- class="ui-li-aside" 添加这个类样式 可以使该标签置于右上角显示 -->
<p style="color:red;" class="ui-li-aside">RMB:88.00</p>
</a></li>
<li><a>rose</a></li>
<li><a>maly</a></li>
<li><a>lily</a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<h2>页面底部区域</h2>
</div>
</div>
</body>
</html>