wap网站与普通的web网站创建过程是一样的,也无需进行特殊设置,不同的是jsp页面的contentType不相同,wap2.0的页面设计规则是按照xml格式编写的,这就要求大家在写标签时严格的按照xml规范进行,标签名全小写,一定要结束标签、属性要用“”。
下面介绍一下创建wap项目的步骤:
本人使用的IDE是myeclipse8.5
1、创建一个web project
File -> New -> Web Project
2、直接finish,很easy这样就完成了wap项目的创建,如果项目需要使用其他框架的和普通web项目一样的添加,这里就不做介绍了。
3、重点介绍一下wap2.0的jsp页面这么编写。先贴出通用页面代码:
<%@page language="java" contentType="application/xhtml+xml; charset=UTF-8"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
<meta http-equiv="Cache-Control" content="max-age=0"/>
<meta name="showLogo" content="true" />
<title>首页</title>
</head>
<body>
我的wap2.0网站
</body>
</html>
1)、wap2.0 的contentType和原来的web项目不一样,应该为application/xhtml+xml; 这点非常重要
2)、wap2.0 是xml格式所以一定会有<?xml version="1.0" encoding="utf-8"?>这样的头部定义
3)、DOCTYPE 定义不相同<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
wap2.0使用的是 XHTML Mobile 1.0 的dtd
剩下的就是在body里面编写xhtml了,直白的说还是编写html,不同的是里面的内容要严格遵守xhmlt的schema定义来编写,具体的一下编码注意事项请参考 wap2.0入门手册
最后说一下网站的发布
不要认为wap2.0的网站发布比web的网站发布不相同,其实是完全一样的,这样就极大的减轻了我们的负担
不同的是部署的服务器需要支持wap的互联互动,也就是用手机能访问到就OK了。
总结一下就是wap2.0和web不同点就在我们编写的jsp页面的不同,是不是超级简单啊,哈哈,
最后教大家一招,我们可以在一起的普通的web网站上添加新的wap2.0的jsp页面这样我们的网站也支持手机访问啦
比如wap的页面可以放到wap文件夹下,我们的论坛就支持哦 http://www.javacs.cn/bbs/wap/ 用手机访问试试看,不过是wap1.0的