jsp和html5之间如何转换?

html-css013

jsp和html5之间如何转换?,第1张

jsp和html5之间的转换,只需要把jsp中的服务端元素去掉即可。

html5转jsp会遇到以下问题:

html5在html文件格式下转为jsp时,部分css出现错乱,但所有css与js与html格式下引用一致

导致原因!DOCTYPE 声明

jsp默认声明:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

但html5 中值需要:<!DOCTYPE HTML>

原因:

<!DOCTYPE>声明必须位于 HTML5 文档中的第一行,也就是位于 <html>标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它[1]  是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。

它实现了Html语法中的java扩展(以 <%, %>形式)。JSP与Servlet一样,是在服务器端执行的。通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。

JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术,它的主要目的是将表示逻辑从Servlet中分离出来。

Java Servlet是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点。

通过tomcat 容器,jsp会请求servlet 将jsp 渲染成html页面,如果想简单点就部署到tomcat,打开这个页面,单击右键查看源码,里面就是你想要的itjob.html,其实它也是走了servlet然后渲染出来的。

搂主的问题是不是在用户第一次访问一个动态页面的时候将该动态页面保存为一个静态页面,当有用户再次访问该动态页面时只需要将保存的静态页面展示给用户即可.

这样可以减少服务器解释jsp代码的次数.

1、编写一个实现 Filter 接口的类,这个类命名为 CacheFilter.java

2、修改web.xml添加Cache Filter的配置参数,将jsp的过滤类指向 CacheFilter 类。

3、在 CacheFilter 类中获取请求,如果请求为需要缓存页面,首先先判断是否被缓存过,如果没有被缓存过便将请求的页面保存为静态页面文件。最后从文件中读取静态页面并写入请求的响应里。重复本次操作进行其它页面的缓存。

原理如上所诉,很简单

为了方便,在实现中使用了网上的 jspbook 包,对包中的程序进行了修改,具体实现步骤如下:

1、下载 jspbook 包,地址: http://onjava.com/onjava/2003/11/19/examples/jspbook.zip

2、解压缩 jspbook 包,修改 CacheFilter 类 和 CacheResponseWrapper 类。

CacheFilter 类

69行:name = name.substring(0,name.lastIndexOf("/")==-1?0:name.lastIndexOf("/"))

改为:String filesp = System.getProperty("file.separator")

name = name.substring(0, name.lastIndexOf(filesp) == -1 ? 0 : name.lastIndexOf(filesp))//修改 获得系统文件夹符号(源程序作者应该是外国人没有考虑中文符号)

75行:wrappedResponse.flushBuffer()// 增加 强制刷新

CacheResponseWrapper 类

35行:stream.flush()

改为: writer.flush()

3、建立动态web项目,建立com.jspbook包,将修改好的jspbook包中的类加入该包下面

4、将jspbook包中的jsp文件拷入web目录下

5、修改web.xml文件,下面是我写的项目的配置文件,请重点看带 filter 的标签

<?xml version="1.0" encoding="UTF-8"?>

<web-app id="WebApp_ID" version="2.4" xmlns=" http://java.sun.com/xml/ns/j2ee" xmlns:xsi=" http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<display-name>

JSP2HTML</display-name>

<welcome-file-list>

<welcome-file>index.html</welcome-file>

<welcome-file>index.htm</welcome-file>

<welcome-file>index.jsp</welcome-file>

<welcome-file>default.html</welcome-file>

<welcome-file>default.htm</welcome-file>

<welcome-file>default.jsp</welcome-file>

</welcome-file-list>

<!-- The Cache Filter -->

<filter>

<!-- 设计过滤处理类,生成静态页面 -->

<filter-name>CacheFilter</filter-name>

<filter-class>com.jspbook.CacheFilter</filter-class>

<!-- 不需要缓存的URL -->

<init-param>

<param-name>/TimeMonger.jsp</param-name>

<param-value>nocache</param-value>

</init-param>

<init-param>

<param-name>/TestCache.jsp</param-name>

<param-value>nocache</param-value>

</init-param>

<!-- 缓存超时时间, 单位为秒 -->

<init-param>

<param-name>cacheTimeout</param-name>

<param-value>600</param-value>

</init-param> <!-- 是否根据浏览器不同的地区设置进行缓存(生成的缓存文件为 test.jspid=1_zh_CN 的格式) -->

<init-param>

<param-name>locale-sensitive</param-name>

<param-value>true</param-value>

</init-param></filter><!-- 设置需要缓存的 URL, 可以使用通配符, 如 /*.jsp, 或者加入多个映射地址 -->

<!--

<filter-mapping>

<filter-name>CacheFilter</filter-name>

<url-pattern>/news.jsp</url-pattern>

</filter-mapping>

-->

<filter-mapping>

<filter-name>CacheFilter</filter-name>

<url-pattern>*.jsp</url-pattern>

</filter-mapping>

</web-app>6、配置web环境,运行web应用,你会发现由于 TestCache.jsp 和 TimeMonger.jsp 被配置成为 nocache 所以每次都回被重新加载。

<init-param>

<param-name>/TimeMonger.jsp</param-name>

<param-value>nocache</param-value>

</init-param>

其它的jsp页面会被保存成为静态文件,然后将静态文件返回给请求的响应。

<filter-mapping>

<filter-name>CacheFilter</filter-name>

<url-pattern>*.jsp</url-pattern>

</filter-mapping>

具体的缓存保存路径,请查找 CacheFilter 类 中53行的 String temp = tempDir.getAbsolutePath()

以上代码已经执行通过,如有问题请留言