第四周  JSP

一  JSP概述

含义:

Java Server Pages, 广泛使用的服务器端脚本语言之一;(运行在服务器端  BS结构

由服务器端的JSP引擎执行JSP代码,然后将结果以HTML页面形式发送到客户端。

JSP页面:使用JSP编写的程序文件(扩展名为.jsp)。
JSP页面主要由传统的HTML代码和嵌入到其中的Java代码组成。 (动态生成页面内容)
在一个JSP页面中,可以包括:HTML代码、CSS代码、JavaScript代码、嵌入的Java代码、指令标识、动作标识、注释等内容。

二  JSP运行原理

1. Web浏览器发送来一个页面请求 ---> 判断是否为JSP页面请求  (页面是HTML页面请求:直接将请求的页面代码传回Web浏览器)

---> 请求的是JSP页面 (JSP引擎检查是否为第一次请求)

--->  ①  第一次请求:JSP引擎就将此JSP页面代码转换为Servlet代码(.java),然后对其进行编译生成字节码(.class)文件并执行

---> ②不是第一次请求且没有被修改过:JSP引擎调用JVM执行已经编译生成过的字节码文件(而不会重复编译)

---->  并将执行结果传给Web浏览器进行显示

三 脚本标识

分类:

(1)JSP表达式 :

语法格式:<%= 表达式 %>
表达式:可以是Java语言的任何表达式,其最终结果将被转换为字符串予以输出

(2)

① 声明标识  (生命周期是从创建开始到服务器关闭结束)

含义:用于在JSP页面中定义全局的变量或方法(可被整个JSP页面访问)

语法格式: <%!    声明变量或方法的代码    %>

<%!
int num = 0; //全局变量
int check(){ //全局方法
num++;
return num;
}
%>

② 代码片段(生命周期是从创建开始到页面被关闭,关闭后就会被销毁)

含义:JSP页面中的嵌入Java代码或脚本代码(在页面请求的处理期间被执行)。
通过Java代码可以定义变量或流程控制语句等;
通过脚本代码可以应用JSP内置对象在页面上输出内容、处理请求和响应、访问session等。
语法格式:
    <%    Java代码或脚本代码    %>

(3)脚本程序

四 page指令

1. 含义:指定整个JSP页面的相关属性

2. 语法格式:<%@   page 属性名1="属性值1" 属性名2="属性值2" ...      %>

3. 常用属性:

(1)language属性
用于指定JSP页面使用的语言,目前仅支持Java语言。

例如:
       <%@ page language="java"%>

(2)import属性
用来指定JSP页面需要导入的类包(供页面中嵌入的Java代码使用或调用)。

例如:
<%@ page import="java.util.Date" %>

(3)session属性
指定JSP页面是否使用HTTP的session(会话)对象。默认值为true。

例如:
      <%@ page session="false"%>

(4)pageEncoding属性
指定JSP页面编码格式,即文件编码(字符集)。为支持中文,通常将该属性设置为GBK或UTF-8。

例如:
       <%@ page pageEncoding="utf-8"%>

(5)contentType属性
指定JSP页面的MIME类型和字符编码,客户端浏览器会根据该属性显示网页内容。

例如:
      <%@ page contentType  =  "text/html;  charset=utf-8"%>

......

五 包含指令

1.含义:将其他文件包含到当前JSP页面中。

2. 分类 :

静态包含

使用include指令(文件包含指令) 将其他文件包含到当前JSP页面中

语法格式:
     <%@ include file="path"%>

动态包含

1. 含义:使用包含文件标识 <jsp:include> 将其他的文件包含到当前JSP页面中。

2. 语法格式:
<jsp:include page=“url” flush=“false|true“ / >  或   <jsp:include page="url" flush="false|true">
子动作标识: <jsp:param>   </jsp:include>
参数说明:
page属性:用于指定被包含文件的相对路径。
flush属性:设置是否刷新缓冲区。默认值为false。
子动作标识<jsp:param>:用来向被包含的动态页面中传递参数。

静态包含与动态包含的区别:

1.  前者被包含文件和包含文件中的变量(或方法)名称不能相重

2. 前者通过file属性指定被包含文件,而且file属性不支持任何表达式;后者通过page属性指定被包含文件,而且page属性支持JSP表达式

六 跳转指令

① 含义:JSP的请求转发标识<jsp:forward> ,用于将请求转发到其他的Web资源,之后当前页面不再执行,而是去执行该标识指定的目标页面,并由目标页面向浏览器返回结果。

② 语法格式:
    <jsp:forward page="url"/>    或
    <jsp:forward page="url">
           子动作标识<jsp:param>
    </jsp:forward >

(2)动作标识<jsp:param>

① 含义:可以作为其他标识的子标识,用于向其他标识传递参数。
②  语法格式:   <jsp:param name= "参数名" value="参数值"  /  >
参数说明:
name:  用于指定参数名称;
value : 用于设置对应的参数值。
参数以  “参数名 = 参数值”  形式加入到转发的请求中。

七  JSP注释

(1)显示注释:客户端查看源代码时可见

<!--     <%=  new Date()  %>    -->

(2)隐式注释:客户端不可见

<%--    注释内容    --%>

(HTML中的注释只有一种:显示注释  <!--  注释内容  -->     )

【网页设计】第四周 JavaSript的更多相关文章

  1. Httpster –世界各地最潮的网页设计案例聚合网站

    Httpster 这个网站聚合了世界各地最新最潮的网页设计案例,展示了创意的设计,精心的策划,优秀的排版.这些作品都按月份和类别进行了很好划分,你可以方便的找到自己感兴趣的网站案例. 立即去看看 您可 ...

  2. 自适应网页设计(Responsive Web Design)

    引用:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面 ...

  3. 手机web——自适应网页设计(html/css控制)

    一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name=" ...

  4. 15个前卫的 HTML5 & CSS3 网页设计作品

    今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网 ...

  5. 经典网页设计:20个与众不同的国外 HTML5 网站

    大家都都知道, HTML5 具备所有最新的技术和功能,帮助我们创造平滑过渡,花式图像滑块和动画.如果你正在考虑使用HTML5 来设计自己的网站,那么这个集合能够帮助你. 在过去的10年里,网页设计师使 ...

  6. 经典网页设计:20个华丽的 iPhone 应用程序演示网站

    一个物品销售很好,重要的原因之一是它的包装,因为这是最重要的细节,可以把一个人转变成购买者.一个好的包装设计和良好的表现比产品本身更重要,因此被分配了大量的金钱和资源,以创造伟大的东西. 因此,为了销 ...

  7. FROONT – 超棒的可视化响应式网页设计工具

    FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师.FROONT 使得响应式网页设计能够可视化操作,能够 ...

  8. PS网页设计教程——30个优秀的PS网页设计教程的中文翻译教程

    PS网页设计教程--30个优秀的PS网页设计教程的中文翻译教程   作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作 ...

  9. 韩国网页设计资料《网页设计大师2》JPG+PSD+TXT等 73.89G 百度云下载

    < 网页设计大师2 >超越第一代版本,提供更新更精美的网页素材模板.全部由国际顶级设计师精选打造,完全展示走在潮流 之前的设计风格.是网页设计师/UI交互界面设计师必备工具. < 网 ...

  10. HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

    这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果.对CSS3不是特别的熟练,只能去网上找找案 ...

随机推荐

  1. 接口testing简介

    一.基础介绍 1.什么是接口 我们常说的接口一般指2种1)API:应用程序编程接口 2)GUI:图形用户界面(接口) 这里我们主要说API——接口测试   2.接口测试的目的 测试接口的正确性和稳定性 ...

  2. python之PyCharm下载和安装教程

    PyCharm 是 JetBrains 公司(www.jetbrains.com)研发,用于开发 Python 的 IDE 开发工具.图 1 所示为 JetBrains 公司开发的多款开发工具,其中很 ...

  3. Unity3D UGUI Image与父级保持比例缩放

    using UnityEngine; using System.Collections; using UnityEngine.UI; public class X_RectAutoSize : Mon ...

  4. Kubernetes fabric8 JavaAPI

    Kubernetes fabric8 JavaAPI 一.依赖准备 <dependency> <groupId>io.fabric8</groupId> <a ...

  5. 架构设计 | 接口幂等性原则,防重复提交Token管理

    本文源码:GitHub·点这里 || GitEE·点这里 一.幂等性概念 1.幂等简介 编程中一个幂等操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同.就是说,一次和多次请求某一个资源会产 ...

  6. SpringBoot_自动装配

    SpringBoot SrpingBoot 给人的第一印象就是 简洁,易上手.它是自 Spring 而来为了简化我们开发的,而经历过了 Spring 中繁琐的配置文件,我确实很好奇它到底是怎么帮我们把 ...

  7. Centos 安装 Anaconda

    # 首先从 Anaconda 官网下载 anaconda Linux 64Bit 版本命令行安装包 $ wget https://repo.continuum.io/archive/Anaconda3 ...

  8. JUC整理笔记二之聊聊volatile

    要想学好JUC,还得先了解 volatile 这个关键字.了解 volatile ,我们从一个例子开始吧. 本文不会很详细去说java内存模型,只是很简单地学习一下volatile 一个例子 pack ...

  9. 已解决[Authentication failed for token submission,Illegal hexadecimal charcter s at index 1]

    在初次学习使用shiro框架的时候碰到了这个问题,具体报错情况如下: [org.apache.shiro.authc.AbstractAuthenticator] - Authentication f ...

  10. 调用 start_kernel

    步骤 1 关闭中断.进入 SVC 模式 ENTRY(stext) THUMB( adr r9, BSYM(1f) ) @ Kernel is always entered in ARM. THUMB( ...