jquery mobile html顯示後臺傳輸的數據

<!DOCTYPE html>
<html>
<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
<head>
<link rel="stylesheet" href="/public/lib/jquerymobile/jquery.mobile-1.3.2.min.css">
<script src="/public/lib/jquerymobile/jquery-1.8.3.min.js"></script>

<style>
.abs{
	color:gray;
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
}
.title{
	font-size:1.2em;
	FONT-FAMILY: 仿宋_GB2312;
	font-weight:bold;
	margin-bottom:10px;
}

.showTop{
	margin-top:10px;
	margin-bottom:10px;
}
.content * {
padding:0px ! important;
font-size: 15px ! important;
font-family: Helvetica,Arial,sans-serif !important;
font-weight: normal !important;
line-height: 22px;
/**width:auto ! important;*/
}
.showblack{
	color:black;
}



.pub_time{
	color:gray;
	font-size:0.9em;
}
p{
	margin:0px ! important;
}
/**
p img{
width: 100%;margin-left: -20px;
}


*/
img{
width: 70%;
margin:10px;
margin-left:15%;
margin-right:15%;
}
</style>
<title>功能介紹</title>
</head>
<body>

<div data-role="page">
	<div id="content" data-role="content">
	    <span class="title">${versionInfo.version_name}xxx</span><br/>
	    <div class="pub_time">
	    	<div class="showTop"><span>xxx:</span></div>
	    	<div class="showTop">
	    		<span id="introduce">
	    		#{list items:versionInfo.introduce, as:'arr' }
	    			<li>${arr}</li>
	    		#{/list}
	    		</span></div>
	    	<div class="showTop"><span>xx!</span></div>
	    </div>
	    
	    <span class="title">xxx</span><br/>
	    
	   
	    <div class="abs">
	   		<span><font class="showblack">隨時隨地,</font>xx</span><br>
	  		<div><img src="/public/images/detail1.png"></div>
	  		
	  </div>
  </div>
</div> 


</body>
</html>


controller

public static void about_app(@Required Integer version_code) {
	Logger.info("About.about version_code:" + version_code);
	VersionInfo versionInfo = AppVersionService
		.getVersionInfoByVersionCode(version_code);
	if (null == versionInfo) {
	    versionInfo = AppVersionService.getVersionInfo();
	}
	if (null == versionInfo) {
	    renderJSON(ResultInfo.error("無效的版本號"));
	    return;
	}
	render(versionInfo);
    }

model



public class VersionInfo {
	
	private int version_code;				//版本編號
	private String version_name; 		//版本號
	private String download_address ; 	//下載地址	
	private Date create_time; 			//創建時間
	private String[] introduce;			//版本介紹信息
	private String version_qrcode;	    //二維碼下載地址
	

	//set get 方法

	public void setIntroduce(String introduce) {
		
		JsonParser parser = new JsonParser();
		JsonArray jsonArray = parser.parse(introduce).getAsJsonArray();
		
		List<String> introduceList = new ArrayList<String>();
		
		for (int i = 0; i < jsonArray.size(); i++) {
			
			JsonElement jsonItemIntroduce = (JsonElement) jsonArray.get(i);
			String itemIntroduce = jsonItemIntroduce.getAsString();
			introduceList.add(itemIntroduce);			
			
		}
		
		this.introduce = introduceList.toArray(new String[0]);
		
	}


	
}



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章