【网页设计】第四周 JavaSript
第四周 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的更多相关文章
- Httpster –世界各地最潮的网页设计案例聚合网站
Httpster 这个网站聚合了世界各地最新最潮的网页设计案例,展示了创意的设计,精心的策划,优秀的排版.这些作品都按月份和类别进行了很好划分,你可以方便的找到自己感兴趣的网站案例. 立即去看看 您可 ...
- 自适应网页设计(Responsive Web Design)
引用:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面 ...
- 手机web——自适应网页设计(html/css控制)
一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的? 其实并不难. 首先,在网页代码的头部,加入一行viewport元标签. <meta name=" ...
- 15个前卫的 HTML5 & CSS3 网页设计作品
今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网 ...
- 经典网页设计:20个与众不同的国外 HTML5 网站
大家都都知道, HTML5 具备所有最新的技术和功能,帮助我们创造平滑过渡,花式图像滑块和动画.如果你正在考虑使用HTML5 来设计自己的网站,那么这个集合能够帮助你. 在过去的10年里,网页设计师使 ...
- 经典网页设计:20个华丽的 iPhone 应用程序演示网站
一个物品销售很好,重要的原因之一是它的包装,因为这是最重要的细节,可以把一个人转变成购买者.一个好的包装设计和良好的表现比产品本身更重要,因此被分配了大量的金钱和资源,以创造伟大的东西. 因此,为了销 ...
- FROONT – 超棒的可视化响应式网页设计工具
FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师.FROONT 使得响应式网页设计能够可视化操作,能够 ...
- PS网页设计教程——30个优秀的PS网页设计教程的中文翻译教程
PS网页设计教程--30个优秀的PS网页设计教程的中文翻译教程 作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作 ...
- 韩国网页设计资料《网页设计大师2》JPG+PSD+TXT等 73.89G 百度云下载
< 网页设计大师2 >超越第一代版本,提供更新更精美的网页素材模板.全部由国际顶级设计师精选打造,完全展示走在潮流 之前的设计风格.是网页设计师/UI交互界面设计师必备工具. < 网 ...
- HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果.对CSS3不是特别的熟练,只能去网上找找案 ...
随机推荐
- 【雕爷学编程】Arduino动手做(42)---PM2.5粉尘传感器
37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的.鉴于本人手头积累了一些传感器和模块,依照实践(动手试试)出真知的理念,以学习和交流为目的,这里准备 ...
- redis 主从哨兵01
主从复制过程 1.从服务器开始连接主服务器时,会向主服务器发送一个SYNC同步命令 2.主服务器接收到命令后,执行BGSAVE,异步的将写命令保存到一个缓冲区里 3.主服务器执行完BGSAVE之后,就 ...
- PG 更新统计信息
http://blog.chinaunix.net/uid-24774106-id-3802225.html 一.vacuum的效果: 1.1释放,再利用 更新/删除的行所占据的磁盘空间. 第一点的原 ...
- MYSQL LOCK IN SHARE MODE&FOR UPDATE
SELECT ... LOCK IN SHARE MODE sets a shared mode lock on the rows read. A shared mode lock enables o ...
- F. Dominant Indices
题意:求每个点的子树中哪一层节点数最多,如果有节点数最多不唯一,取层数最小的. 题解:dus on tree 基本想法是对每一个节点都构建一个deep数组,然后从底向上更新过来,但是这样空间复杂度和时 ...
- mac OS和win7笔记本实现文件共享
记录下macbook通过共享读取win7笔记本中文件的过程,条件是两台电脑处于同一无线网中 win7操作 点击网络图标--属性--更改高级共享设置 选择公用后选择以下选项:启动网络发现--启动文件和打 ...
- SQL——CREATE、ALTER、DROP和VIEW
CREATE DATABASE - 创建新数据库 语法:CREATE DATABASE database_nameALTER DATABASE - 修改数据库 CREATE TABLE - ...
- tomcat——启动项目报错:java.lang.IllegalStateException
java.lang.IllegalStateException: BeanFactory not initialized or already closed - call 'refresh' befo ...
- 【JAVA习题三】求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字。例如2+22+222+2222+22222(此时共有5个数相加
import java.util.Scanner; public class a加aa加aaa { public static void main(String[] args) { // TODO A ...
- switch下返回各类的数值
定义一个变量,在每个case下赋值,最后return public static int orderDishes(int choice) { int price = 0; switch (choice ...