前端|静态到动态的实现—JSP技术

简介: 前端|静态到动态的实现—JSP技术

问题描述

我们平常看见的网页都是动态,而HTML只能满足静态显式,为了能够在Web页面中加入动态功能,我们需要在HTML加入交互语句,使得静态页面变为动态。加入什么语句呢?JSP语句便是首要之选,它能够产生强大的动态HTML页面。

解决方案

静态页面并不能够满足人们的需要,而JSP实现静态页面到动态页面的转化,可以说很好的帮助到了我们,下面为大家讲解JSP如何运用。

JSP成分主要分为三种:

  1. 脚本元素

   2.指令

  3.动作

1、脚本元素是用来插入Java代码的,格式分别为:声明<%!%>、表达式<%=%>、脚本段<%%>。声明是用来定义Java变量和方法的。表达式是用来计算并插入到页面中。脚本是在JSP中嵌入Java代码段。


2、JSP指令元素包含:page指令、include指令和taglib指令。Page指令用于设置JSP全局属性,一个页面可以包含多个page指令,但一般只有一个,重复属性会被先前的覆盖。Page属性有以下一些:

language=”ScriptLanguage”                    

指定JSP Container用什么语言来编译,目前只支持JAVA语言。默认为JAVA


extends=”className”

定义此JSP网页产生的Servlet是继承哪个

 

import=”importList”

定义此JSP网页要使用哪些JavaAPI

 

session=”true|false”

决定此页面是否使用session对象。

 

buffer=”none|size in kb”

决定输出流(Input stream)是否又缓冲区、默认为8kb

 

autoFlush=”true|false”

决定输出流的缓冲区慢了后是否需要自动清除,缓冲区慢了后会产生异常错误(Exception).默认为true

 

isThreadSafe=”true|false”

是否支持线程。默认为true

 

errorPage=”url”  

如果此页发生异常,网页会重新指向一个url

 

isErrorPage=”true|false”

表示此页面是否为错误处理页面。默认为false

 

contentType=”text/html;charset=gb2312”                                          

表示MIME类型和JSP的编码方式。

 

pageEncoding=”ISO-8859-1”

编码方式。

 

isELLgnored=”true|false”

表示是否在此JSP页面中EL表达式。t rue则忽略,反之false则支持。默认为false


include指令:<%@ include file=”relativeURLspec”%>用于JSP中静态包含一个文件。可以执行包含文件中的代码。

taglib指令:<%@ taglib uri="uri" prefix = "pre" >标记库指令,首先开发自己taglib标记库,为标记库写以.tld为后缀的配置文件,然后在JSP中使用该自定义标记。


3、JSP动作元素<jsp:action_name attribute = "value" />下面是一些可用JSP动作:

1jsp:include 在请求页面时包含一个文件。

2 jsp:useBean 查找或实例化一个JavaBean。

3 jsp:setProperty 设置JavaBean的属性。

4 jsp:getProperty 将JavaBean的属性插入输出。

5 jsp:forward 将请求者转发到新页面。

6 jsp:plugin 生成针对Java插件创建OBJECT或EMBED标记的特定于浏览器的代码。

7jsp:element 动态定义XML元素。

8jsp:attribute 定义动态定义的XML元素属性。

9 jsp:body定义动态定义的XML元素的正文。

 10jsp:text 用于在JSP页面和文档中编写模板文本。

这些动作还有一些属性值,在此就不一一列举。

结语

本文简单介绍了JSP技术的成分,可以参加将静态的网页制作成一个简易的动态网页,如果需要了解更多关于JSP技术,大家可查阅更多资料,来完善自己JSP技术。

目录
相关文章
|
12天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
1月前
|
前端开发 JavaScript 持续交付
前端技术趋势:2024年值得关注的几个方面
【10月更文挑战第9天】前端技术趋势:2024年值得关注的几个方面
|
26天前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
57 0
|
20天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
93 29
|
6天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
14 5
|
13天前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
22 3
|
12天前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
18天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
31 3
|
20天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
52 4
|
20天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
37 4
下一篇
无影云桌面