JSP WAP 网站开发

JSP WAP

一、JSP WAP开发环境

Netbeans 5.0发行版web应用程序对提供了更加友好的支持,创建页面,运行,打包都很方便.故选用了Netbeans作为开发工具.

wap模拟器:WinWap3.0和Opera8.0测试通过


二、用Jsp实现Wap应用程序设计

主要思路:用java的Servlet/jsp技术开发WAP程序,Wap页面用来显示息,Servelt控制页面流程和数据交互.下面是具体代码:

首先新建web应用程序,这里取名ewap.

创建一个很简单的javabean文件

/*

 * Animals.java

 * Created on 2006年3月30日, 下午8:57

 */

package beans;

public class Animals {



    public Animals() {

    }

    private String id;

     private String name;

    public String getId() {

        return this.id;

    }

    public void setId(String id) {

        this.id = id;

    }



    public String getName() {

        return this.name;

    }

    public void setName(String name) {

        this.name = name;

    }



}

然后把默认的index.jsp修改为如下:

// index.jsp 首页,创建一个annimal

<%@ page contentType="text/vnd.wap.wml" %>

<%

java.util.List vectors=new java.util.ArrayList();

String items[]={"Pig,zZZ!","Dog","monkey","Lion","Tiger","Cat"};

for(int i=0;i<6;++i){

    beans.Animals animal=new beans.Animals();

    animal.setId(String.valueOf(i+1));

    animal.setTitle(items[i]);

    vectors.add(animal);

}

application.setAttribute("vectors",vectors);

%>

<jsp:forward page="/menu.jsp" />

接着是定向到的menu.jsp页面.显示我们可爱的宠物.为了页面整洁容易维护使用jstl输出前面创建的宠物数组.
[code="java"]

<%@ page contentType="text/vnd.wap.wml" pageEncoding="UTF8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<?xml version="1.0" encoding="UTF8"?>

<!DOCTYPE wml PUBLIC "//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>

<card id="title" title="欢迎来到宠物乐园">

<p align="left">

<c:forEach var="animal" items="${vectors}">

<c:out value="${animal.id}"/>

<c:out value=". "/>

<a href="/ewap/submenu.jsp?animalId=${animal.id}">

<c:out value="${animal.name}"/>

</a>

<br/>

</c:forEach>

</p>

</card>

</wml>

最后是submenu.jsp页面

<%@ page contentType="text/vnd.wap.wml" pageEncoding="UTF8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<?xml version="1.0" encoding="UTF8"?>

<!DOCTYPE wml PUBLIC "//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>

<card id="title" title="Display your choice：">

<p>

您的选择的宠物类别是：<c:out value="${param.animalId}"/>

</p>

</card>

</wml>
[/code]




注：需要在页面中加入<%@ page contentType="text/vnd.wap.wml" pageEncoding="UTF8"%>，否则会产生乱码。



（责任编辑：志伟）

转载请注明文章来源于志伟教程资料网 （http://www.zhiweinet.com）。