项目3 用户管理-1结构与注释
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
23
Java Web 应用开发
<html> <head> <title> HTML注释 </title> </head> <body> <!-- This file displays the user login screen --> 未显示上一行的注释。 </body> </html>
11
表达式
Java Web 应用开发
JSP 脚本元素
JSP 脚本元素是用来嵌入Java代码的，主要用来 实现页面的动态请求 JSP 脚本元素包括：
JSP 脚本元素
程序片
表达式
声明
12
Java Web 应用开发
1 声明<%!
%>
声明格式如下：<%! 声明; %>
变量的声明 方法的声明 类 的声明
– 程序片中的定义的变量为局部变量
标签(后面学)
• 指令标签 • 动作标签
注释(后面学，三种)
Java Web 应用开发
任务1-2 JSP的注释 缺点：不安全，加大
网络传输负担
合理、详细的注释有利于代码后期的维护和阅读 在JSP文件的编写过程中，共有三种注释方法：
HTML注释 • <!--这是HTML格式的注释 --> • HTML格式的注释能够在浏览器端查看源文件内容时看到 JSP注释 • <%--开发人员专用注释标记 --%> • JSP注释不仅浏览器端看不到，JSP容器自动生成的Java源 代码也不会包 在JSP脚本中使用注释： <% //单行注释 %> <% /*多行注释 */ %> JSP容器自动生成的Java源代码有Java注释，但浏览器中看 不到Java注释
JSP文件 请求 客户 端 响应 应用服务 器 执行 翻译 .java 编译 .class
8
1 2
3
Java Web 应用开发
JSP 执行过程
第一次请求之后，Web容器可以重用已经编译好 的字节码文件
.class 第二次请求 客户 端 响应 应用服务器 执行
注意：如果对JSP文件进行了修改，Web容器会 重新对JSP文件进行翻译和编译
使用表达式显示数据。 显然，表达式更有利于在 HTML中显示数据
使用小脚本显示数据
18
Java Web 应用开发
课堂练习
编写JSP，输出“Hello world！” 考虑有几种方式？
Java Web 应用开发
常见错误的调试与排错
请指出如下JSP页面的错误
<%@ page contentType="text/html; charset=GBK" %> <html> <head><title>输出当前日期</title></head> 非简单类型声明必须 <%= SimpleDateFormat formater2 ;%> import引入类 <body> 你好，今天是 必须是合法表达式，并有返回值 <% SimpleDateFormat formater = new SimpleDateFormat("yyyy年MM月dd日"); String strCurrentTime = formater.format(new Date()); out.println(strCurrentTime); out.print(strTmp); %> </body> 变量的作用域未及本 </html> 页面，需要重新声明
与MyEclipse中Web应 用的目录结构一模一样
7
Java Web 应用开发
JSP 执行过程
Web容器处理JSP文件请求需要经过3个阶段：
翻译阶段：JSP文件会被Web容器中的JSP引擎转换成Java源码 编译阶段：Java源码会被编译成可执行的字节码 执行阶段：容器接受了客户端的请求后，执行编译成字节码的 JSP文件；处理完请求后，容器把生成的页面反馈给客户端进行 显示
JSP 页面的元素包括：
静态内容 小脚本 表达式 声明 指令标签 标 签 动作标签 注释
10
以“<jsp: 动作名 ” 开始，以“</jsp:动作名> ” 结束 比如：<jsp:include page=" Filename" />
<!-- 这是注释,但客户端可以查看到 --> <%-- 这也是注释,但客户端不能查看到 --%>
任务二 任务三 任务四 任务五
数据表设计 普通用户注册 普通用户登录 查询、删除用户信息
2
Java Web 应用开发
学习目标
了解JSP的定义、作用、以及页面组成 了解JSP页面的执行过程 掌握JSP的脚本元素的使用 掌握三种注释的使用
3
Java Web 应用开发
任务1-1 JSP结构
HTML 中最重要的标签是定义标题、段落和换行的标签。
HTML 标签的属性
属性总是以名称/值对的形式出现，比如：name="value"
Java Web 应用开发
JSP（Java Server Pages）是指： 在HTML中嵌入Java脚本语言 由应用服务器中的JSP引擎来编译和执行嵌入的Java 脚本语言命令 然后将生成的整个页面信息返回给客户端
方法和类声明
在当前的JSP中有效
Java Web 应用开发
2 JAVA程序片
<%int x=int(Math.random()*100); if(x>10){ %> 大于10 <% } else { %> 小于10 查看 <% } %>
语法格式如下： <% JAVA程序片 %>
注意： JAVA程序片中定义的变量是局部变量 一个JSP页面可以有多个JAVA程序片 练习：1-100的和
课堂演示与实践
Java Web 应用开发
<%@ page contentType="text/html;charset=GB2 312" %> <HTML> <BODY > 声明的变量 <%!int i=0; 各个用户共享变量i %> i 只被初始化一次 <%i++; %> <P>您是第 <%=i%> 个访问本站的客户。 </BODY> </HTML> 程序片中定义的 变量sum是局部的， 用户间没有联系 sum，每次有用户调用，都 被初始化
/html/html_intro.asp HTML 标签
HTML 标签是用来标记 HTML元素的。 HTML 标签被 < 和 > 符号包围。 HTML 标签是成对出现的。例如 <b> 和 </b>。 HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。 <html>定义 HTML 文档。 <body>定义文档的主体。 <h1> to <h6>定义标题 1 至标题 6。 <p>定义段落。 <br>插入折行。 <hr>定义水平线。 <!-->定义注释。
注意：
在<%! … %>中声明的变量、方法、类，在整个jsp页面 内都有效。 后面有分号
练习：记数器程序
课堂演示与实践
Java Web 应用开发
声明<%!
%>
变量声明
<%!int i=0;%> 注意
• • • • 可以在一个声明语句中声明多个变量和方法 后面有分号 在当前的JSP中有效 JSP转换为Servlet类时，作为该类的static变量
掌握基本的HTML语言 掌握JSP页面的基本结构 掌握JSP组成部分
普通的HTML标记符 JSP脚本元素
• 变量和方法的声明 • Java程序片 • Java表达式
会创建JSP页面； 熟悉JSP页面的执行过程； JSP的执行过程
4
Java Web 应用开发
HTML复习
ቤተ መጻሕፍቲ ባይዱ
课堂实践
20
Java Web 应用开发
代码查错
请指出如下JSP页面的错误
<%!int i=0%> <%!String strTmp=""%> <html> 声明未在结尾使用; <head> <title>Declaration Demo</title> </head> <body> <% i=13; strTmp="Declaration Demo!"; out.print(i); out.print(strTmp); %> <%= strTmp;%> 表达式不能以; 结尾
Java Web 程序设计
LOGO
JAVA WEB应用开发
项目三 用户管理（JSP）
Java Web 应用开发
工作任务
任务一 掌握JSP编程技能
任务1-1 JSP结构； 任务1-2 JSP注释； 任务1-3 JSP指令标签 任务1-4 JSP动作标签 任务1-5 JSP内置对象 任务1-6 JSP访问数据库 任务1-7 页面排错；
课堂演示与实践, 体验JSP页面修改前后的响应速度
9
Java Web 应用开发
JSP 页面组成
普通的HTML标记符和文本 <% Java 代码 %> <%=Java表达式 %> <%! 方法 %> 以“<%@ ” 开始，以“%> ” 结束。 比如：<%@ include file = " Filename" %> 脚 本 元 素
Java Web 应用开发
用于在页面上输出信息，语法格式如下： <%= 表达式 %> 例如 <% =new java.util.Date() %> 注意
标记对<%= %>插入表达式，表达式必须可以计算 计算结果以字符串的形式显示在页面上 <%= 之间不能有空格 课堂演示与实践 后面不能有分号
<%@ page contentType="text/html;charset=GB2312" %> <HTML> <BODY bgcolor=cyan><FONT size=1> <%! long continueSum(int n) { int sum=0; for(int i=1;i<=n;i++) { sum=sum+i; } return sum; } %> <P>1到100的连续和:<BR> <% long sum; sum=continueSum(100); out.print(sum); %> </BODY> </HTML>
Java Web 应用开发
JSP 页面组成
<%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=GBK" pageEncoding="GBK"%> 指令 <html> 静态内容 <head> <title>输出当前日期</title> </head> 注释 <!-- 这是HTML注释(客户端可以看到源代码）--> <%-- 这是JSP注释 (客户端不可以看到源代码) --%> <body> 你好，今天是 <% 小脚本 //使用预定格式将日期转换为字符串 SimpleDateFormat formater = new SimpleDateFormat("yyyy年MM月dd日"); String strCurrentTime = formater.format(new Date()); %> <%=strCurrentTime %> </body> </html>
21
课堂实践
Java Web 应用开发
任务小结
JSP页面 HTML元素 脚本 • 声明(<%!%>) – 声明变量 作为类成员变量，在整个JSP页面有效 – 声明方法 在整个JSP页面有效 – 声明类 在整个JSP页面有效 • 表达式(<%=%>) – 求值，表达式能计算，后面没有分号 • 程序片(<%!%>)
3 JAVA表达式
Java Web 应用开发
表达式
表达式
表达式是对数据的表示，系统将其作为一个值进行计算 和显示 语法：<% = Java表达式/变量 %> 1 2
<html> <%=30*20%> </html> <html> <% out.println(30*20); %> </html>
客户 端
什么是JSP
4
Java脚本语言 应用 服务器
3
数据库 服务器
1
JSP页面
2
6
Java Web 应用开发
JSP运行环境
Web容器（如：Tomcat）提 供JSP引擎，负责JSP文件 的执行，提供JSP的运行时 环境 在Eclipse中部署Web应用， 等同于在Web容器中部署 Web应用
Java Web 应用开发
<html> <head> <title> HTML注释 </title> </head> <body> <!-- This file displays the user login screen --> 未显示上一行的注释。 </body> </html>
11
表达式
Java Web 应用开发
JSP 脚本元素
JSP 脚本元素是用来嵌入Java代码的，主要用来 实现页面的动态请求 JSP 脚本元素包括：
JSP 脚本元素
程序片
表达式
声明
12
Java Web 应用开发
1 声明<%!
%>
声明格式如下：<%! 声明; %>
变量的声明 方法的声明 类 的声明
– 程序片中的定义的变量为局部变量
标签(后面学)
• 指令标签 • 动作标签
注释(后面学，三种)
Java Web 应用开发
任务1-2 JSP的注释 缺点：不安全，加大
网络传输负担
合理、详细的注释有利于代码后期的维护和阅读 在JSP文件的编写过程中，共有三种注释方法：
HTML注释 • <!--这是HTML格式的注释 --> • HTML格式的注释能够在浏览器端查看源文件内容时看到 JSP注释 • <%--开发人员专用注释标记 --%> • JSP注释不仅浏览器端看不到，JSP容器自动生成的Java源 代码也不会包 在JSP脚本中使用注释： <% //单行注释 %> <% /*多行注释 */ %> JSP容器自动生成的Java源代码有Java注释，但浏览器中看 不到Java注释
JSP文件 请求 客户 端 响应 应用服务 器 执行 翻译 .java 编译 .class
8
1 2
3
Java Web 应用开发
JSP 执行过程
第一次请求之后，Web容器可以重用已经编译好 的字节码文件
.class 第二次请求 客户 端 响应 应用服务器 执行
注意：如果对JSP文件进行了修改，Web容器会 重新对JSP文件进行翻译和编译
使用表达式显示数据。 显然，表达式更有利于在 HTML中显示数据
使用小脚本显示数据
18
Java Web 应用开发
课堂练习
编写JSP，输出“Hello world！” 考虑有几种方式？
Java Web 应用开发
常见错误的调试与排错
请指出如下JSP页面的错误
<%@ page contentType="text/html; charset=GBK" %> <html> <head><title>输出当前日期</title></head> 非简单类型声明必须 <%= SimpleDateFormat formater2 ;%> import引入类 <body> 你好，今天是 必须是合法表达式，并有返回值 <% SimpleDateFormat formater = new SimpleDateFormat("yyyy年MM月dd日"); String strCurrentTime = formater.format(new Date()); out.println(strCurrentTime); out.print(strTmp); %> </body> 变量的作用域未及本 </html> 页面，需要重新声明
与MyEclipse中Web应 用的目录结构一模一样
7
Java Web 应用开发
JSP 执行过程
Web容器处理JSP文件请求需要经过3个阶段：
翻译阶段：JSP文件会被Web容器中的JSP引擎转换成Java源码 编译阶段：Java源码会被编译成可执行的字节码 执行阶段：容器接受了客户端的请求后，执行编译成字节码的 JSP文件；处理完请求后，容器把生成的页面反馈给客户端进行 显示
JSP 页面的元素包括：
静态内容 小脚本 表达式 声明 指令标签 标 签 动作标签 注释
10
以“<jsp: 动作名 ” 开始，以“</jsp:动作名> ” 结束 比如：<jsp:include page=" Filename" />
<!-- 这是注释,但客户端可以查看到 --> <%-- 这也是注释,但客户端不能查看到 --%>
任务二 任务三 任务四 任务五
数据表设计 普通用户注册 普通用户登录 查询、删除用户信息
2
Java Web 应用开发
学习目标
了解JSP的定义、作用、以及页面组成 了解JSP页面的执行过程 掌握JSP的脚本元素的使用 掌握三种注释的使用
3
Java Web 应用开发
任务1-1 JSP结构
HTML 中最重要的标签是定义标题、段落和换行的标签。
HTML 标签的属性
属性总是以名称/值对的形式出现，比如：name="value"
Java Web 应用开发
JSP（Java Server Pages）是指： 在HTML中嵌入Java脚本语言 由应用服务器中的JSP引擎来编译和执行嵌入的Java 脚本语言命令 然后将生成的整个页面信息返回给客户端
方法和类声明
在当前的JSP中有效
Java Web 应用开发
2 JAVA程序片
<%int x=int(Math.random()*100); if(x>10){ %> 大于10 <% } else { %> 小于10 查看 <% } %>
语法格式如下： <% JAVA程序片 %>
注意： JAVA程序片中定义的变量是局部变量 一个JSP页面可以有多个JAVA程序片 练习：1-100的和
课堂演示与实践
Java Web 应用开发
<%@ page contentType="text/html;charset=GB2 312" %> <HTML> <BODY > 声明的变量 <%!int i=0; 各个用户共享变量i %> i 只被初始化一次 <%i++; %> <P>您是第 <%=i%> 个访问本站的客户。 </BODY> </HTML> 程序片中定义的 变量sum是局部的， 用户间没有联系 sum，每次有用户调用，都 被初始化
/html/html_intro.asp HTML 标签
HTML 标签是用来标记 HTML元素的。 HTML 标签被 < 和 > 符号包围。 HTML 标签是成对出现的。例如 <b> 和 </b>。 HTML 标签对大小写不敏感，<b> 和 <B> 的作用的相同的。 <html>定义 HTML 文档。 <body>定义文档的主体。 <h1> to <h6>定义标题 1 至标题 6。 <p>定义段落。 <br>插入折行。 <hr>定义水平线。 <!-->定义注释。
注意：
在<%! … %>中声明的变量、方法、类，在整个jsp页面 内都有效。 后面有分号
练习：记数器程序
课堂演示与实践
Java Web 应用开发
声明<%!
%>
变量声明
<%!int i=0;%> 注意
• • • • 可以在一个声明语句中声明多个变量和方法 后面有分号 在当前的JSP中有效 JSP转换为Servlet类时，作为该类的static变量
掌握基本的HTML语言 掌握JSP页面的基本结构 掌握JSP组成部分
普通的HTML标记符 JSP脚本元素
• 变量和方法的声明 • Java程序片 • Java表达式
会创建JSP页面； 熟悉JSP页面的执行过程； JSP的执行过程
4
Java Web 应用开发
HTML复习
ቤተ መጻሕፍቲ ባይዱ
课堂实践
20
Java Web 应用开发
代码查错
请指出如下JSP页面的错误
<%!int i=0%> <%!String strTmp=""%> <html> 声明未在结尾使用; <head> <title>Declaration Demo</title> </head> <body> <% i=13; strTmp="Declaration Demo!"; out.print(i); out.print(strTmp); %> <%= strTmp;%> 表达式不能以; 结尾
Java Web 程序设计
LOGO
JAVA WEB应用开发
项目三 用户管理（JSP）
Java Web 应用开发
工作任务
任务一 掌握JSP编程技能
任务1-1 JSP结构； 任务1-2 JSP注释； 任务1-3 JSP指令标签 任务1-4 JSP动作标签 任务1-5 JSP内置对象 任务1-6 JSP访问数据库 任务1-7 页面排错；
课堂演示与实践, 体验JSP页面修改前后的响应速度
9
Java Web 应用开发
JSP 页面组成
普通的HTML标记符和文本 <% Java 代码 %> <%=Java表达式 %> <%! 方法 %> 以“<%@ ” 开始，以“%> ” 结束。 比如：<%@ include file = " Filename" %> 脚 本 元 素
Java Web 应用开发
用于在页面上输出信息，语法格式如下： <%= 表达式 %> 例如 <% =new java.util.Date() %> 注意
标记对<%= %>插入表达式，表达式必须可以计算 计算结果以字符串的形式显示在页面上 <%= 之间不能有空格 课堂演示与实践 后面不能有分号
<%@ page contentType="text/html;charset=GB2312" %> <HTML> <BODY bgcolor=cyan><FONT size=1> <%! long continueSum(int n) { int sum=0; for(int i=1;i<=n;i++) { sum=sum+i; } return sum; } %> <P>1到100的连续和:<BR> <% long sum; sum=continueSum(100); out.print(sum); %> </BODY> </HTML>
Java Web 应用开发
JSP 页面组成
<%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=GBK" pageEncoding="GBK"%> 指令 <html> 静态内容 <head> <title>输出当前日期</title> </head> 注释 <!-- 这是HTML注释(客户端可以看到源代码）--> <%-- 这是JSP注释 (客户端不可以看到源代码) --%> <body> 你好，今天是 <% 小脚本 //使用预定格式将日期转换为字符串 SimpleDateFormat formater = new SimpleDateFormat("yyyy年MM月dd日"); String strCurrentTime = formater.format(new Date()); %> <%=strCurrentTime %> </body> </html>
21
课堂实践
Java Web 应用开发
任务小结
JSP页面 HTML元素 脚本 • 声明(<%!%>) – 声明变量 作为类成员变量，在整个JSP页面有效 – 声明方法 在整个JSP页面有效 – 声明类 在整个JSP页面有效 • 表达式(<%=%>) – 求值，表达式能计算，后面没有分号 • 程序片(<%!%>)
3 JAVA表达式
Java Web 应用开发
表达式
表达式
表达式是对数据的表示，系统将其作为一个值进行计算 和显示 语法：<% = Java表达式/变量 %> 1 2
<html> <%=30*20%> </html> <html> <% out.println(30*20); %> </html>
客户 端
什么是JSP
4
Java脚本语言 应用 服务器
3
数据库 服务器
1
JSP页面
2
6
Java Web 应用开发
JSP运行环境
Web容器（如：Tomcat）提 供JSP引擎，负责JSP文件 的执行，提供JSP的运行时 环境 在Eclipse中部署Web应用， 等同于在Web容器中部署 Web应用