将html网页改成jsp
来源:互联网 发布:随身wifi网络不稳定 编辑:程序博客网 时间:2024/05/28 22:08
在使用jQuery mobile写了手机网页之后,需要改成jsp。一般正常显示的html(静态)页面是可以直接改成jsp页面的,然后放在容器(tomcat)里面运行,访问地址,就能正常显示了。
将html 页面改成jsp,直接修改,要不在新建一个jsp文件。主要都需要在页面最顶端添加如下的:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
注意:charset=utf-8指的是此jsp处理完后输出到浏览器的内容的编码方式为GB18030,而pageEncoding="utf-8" 就是设置从jsp文件到java文件的编码方式。
下面是使用jQuery mobile写的积分商城的界面:
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery-2.1.3.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
<title></title>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<a href="#" data-role="button" data-icon="back">返回</a>
<h1>积分商城</h1>
</div>
<div data-role="content">
<div class="ui-grid-b">
<div class="ui-block-a" style="border: 0px solid black;"><span>用户:mm</span></div>
<div class="ui-block-b" style="border: 0px solid black;"><span></span></div>
<div class="ui-block-c" style="border: 0px solid black;"><span></span></div>
<div class="ui-block-a" style="border: 0px solid black;"><span>积分: 200</span></div>
<div class="ui-block-b" style="border: 0px solid black;"><span></span></div>
<div class="ui-block-c" style="border: px solid black;">
<span><a data-role="text">积分规则</a></span>
</div>
</div>
<ul data-role="listview" data-inset="true" data-split-theme="e">
<li data-role="divider" data-theme="a">礼品商城:</li>
<li>
<a href="#">
<img src="img/lw2.jpg">
<h2>积分400</h2>
<p>Google Chrome 是一款免费的开源浏览器。发布于 2008 年。</p>
<p>查看我</p>
<p class="ui-li-aside">Re: Appointment</p>
</a>
<a href="#download" data-rel="dialog" data-transition="pop">下载浏览器</a>
</li>
<li>
<a href="#">
<img src="img/lw1.jpg">
<h2>积分400</h2>
<p>Google Chrome 是一款免费的开源浏览器。发布于 2008 年。</p>
<h2>点击我</h2>
</a>
<a href="#download" data-rel="dialog" data-transition="pop">下载浏览器</a>
</li>
<li>
<a href="#">
<img src="img/lw3.jpg">
<h2>积分400</h2>
<p>Google Chrome 是一款免费的开源浏览器。发布于 2008 年。</p>
<h2>点击我</h2>
</a>
<a href="#download" data-rel="dialog" data-transition="pop">下载浏览器</a>
</li>
<li>
<a href="#">
<img src="img/lw2.jpg">
<h2>积分400</h2>
<p>Google Chrome 是一款免费的开源浏览器。发布于 2008 年。</p>
<h2>点击我</h2>
</a>
<a href="#download" data-rel="dialog" data-transition="pop">下载浏览器</a>
</li>
<li>
<a href="#">
<img src="img/lw4.jpg">
<h2>积分400</h2>
<p>Google Chrome 是一款免费的开源浏览器。发布于 2008 年。</p>
<h2>点击我</h2>
</a>
<a href="#download" data-rel="dialog" data-transition="pop">下载浏览器</a>
</li>
</ul>
</div>
</div>
</body>
</html>
- 将html网页改成jsp
- 如何将html页改成jsp
- 将html文件统一改成jsp文件
- 将html页改成jsp的两种方式
- 将html页改成jsp的两种方式
- .html改成.jsp后缀,jsp页面乱码
- html改成jsp页面,中文出现乱码
- 将网页转成html
- jsp 将html字符串输出html标签
- jsp 将html字符串输出html标签
- 将NAN 改成 1,有的时候改成 0
- Eclipse + JSP(HTML)+ Tomcat 开发网页
- 改jsp、html、asp的网页图标
- JSP实现HTML网页管理Mysql数据库
- 动态jsp生成静态html网页
- Jsoup后台解析html、jsp网页
- HTML改成jsp页面在Ipanel3.0运行乱码,在其他浏览器运行正常
- html页面改成jsp后IE和360浏览器不兼容问题
- C++中智能指针的工作原理和简单实现
- [MITOPENCOURSEWARE] 6.094 Introduction to Programming in MATLAB
- 网站会员整合ucenter 实现多站点同步登录方法
- input属性placeholder
- 谁来拯救我的猿猿君?
- 将html网页改成jsp
- 介绍一个开源的gifview——Android显示GIF动画
- android 应用退到后台,类似最小化
- a的信息
- 2015-01-19 废话连篇
- ecatslv.c及注释
- Oracle 常见的33个等待事件
- android studio每次启动都要在fetching Android sdk compoment information
- IE兼容模式下排版错乱问题解决