JavaEE-01 JSP动态网页基础

时间 2020-05-05

标签 javaee jsp 动态网页基础栏目 Java 繁體版

原文原文链接

学习要点

B/S架构的基本概念
Web项目的建立和运行
JSP页面元素
MyEclipse建立和运行Web项目
Web程序调试

Web简史

web前端技术演进三阶段

WEB 1.0：信息广播。
WEB 2.0：信息交互。微博、博客等。
WEB 5.0：移动互联网。

动态网页服务器端技术演进

主流web程序应用平台

性能比较html	LAMP前端	JavaEEjava	ASP.NETweb
运行速度数据库	较快浏览器	快tomcat	通常安全
开发速度服务器	很是快架构	慢	通常
运行损耗	通常	较小	较大
难易程度	简单	难	简单
运行平台	Linux/Unix/Windows	绝大多数平台	仅Windows平台

软件架构

C/S架构

优势：响应速度快；个性化定制；事务处理能力强，减轻服务器压力；安全性高。

缺点：C端维护工做量大；不利于企业快速部署应用。

B/S架构

优势：分布广，只要有互联网的浏览器便可。部署灵活；维护方便。跨平台。

C/S与BS混合架构

企业内部操做数据采用C/S架构：外部用户不直接访问数据库服务器，保证企业数据库的相对安全。企业内部用户的交互性较强，数据操做响应速度较快。

企业外部采用B/S架构：企业外部用户修改和维护数据时，速度较慢，较烦琐，数据的动态交互性不强。适合简单数据查询和确认。

B/S架构

定义

常见web服务器分红三类：不带应用程序的服务器（存放html文件等）、带应用程序的服务器（例如能够存放JSP文件）、带应用程序和数据库的服务器（例如JSP+数据库）。

工做原理

B/S结构采用请求/响应模式进行交互。

HTTP

HTTP协议概述

HTTP规范1.0和1.1定义了HTTP消息格式。HTTP报文由从客户机到服务器的请求和从服务器到客户机的相应构成，因此HTTP消息分为请求消息和响应消息两类。

请求行

状态行

状态行格式以下：

HTTP-Version Status-Code Reason-Phrase CRLF

其中，HTTP-Version表示服务器HTTP协议的版本；Status-Code表示服务器发回的响应状态代码；Reason-Phrase表示状态代码的文本描述。状态代码由三位数字组成，第一个数字定义了响应的类别，且有五种可能取值。

常见状态码：

200 OK：客户端请求成功。
400 Bad Request：客户端请求有语法错误，不能被服务器所理解。
401 Unauthorized：请求未经受权，这个状态代码必须和WWW-Authenticate报头域一块儿使用。
403 Forbidden：服务器收到请求，可是拒绝提供服务。
404 Not Found：请求资源不存在，举个例子：输入了错误的URL。
500 Internal Server Error：服务器发生不可预期的错误。
503 Server Unavailable：服务器当前不能处理客户端的请求，一段时间后可能恢复正常，举个例子：HTTP/1.1 200 OK（CRLF）。

在浏览器查看请求和响应信息

URL

Uniform resource Locator，统一资源定位符

格式：

http://<IP地址>：[端口号]/路径/[?<查询信息>]

例如：

http://www.etc.com/book/index.html

http：超文本传输协议。FTP，telnet

www：表明一台web服务器

etc.com：服务器域名

book：站点上的目录

index.html：book文件夹中的一个HTML文件，即网页。

Web应用程序的部署

JavaEE

Java EE，Java 平台企业版（Java Platform Enterprise Edition），以前称为Java 2 Platform, Enterprise Edition (J2EE)，2005年6月改名为JavaEE，2018年3月改名为 Jakarta EE。是 Sun 公司（2009年被Oracle公司收购）为企业级应用推出的标准平台，用来开发B/S架构软件。
Java EE 是一种规范，包括：JDBC（Java Database）数据库链接、JNDI（Java Naming and Directory Interfaces）Java的命名和目录接口、EJB（Enterprise JavaBean）、RMI（Remote Method Invoke）远程方法调用、Java IDL（Interface Dexcription Language）/CORBA（Common Object Broker Architecture）Java接口定义语言/公用对象请求代理程序体系结构、JSP（Java Server Pages）、Servlet、XML（Extensible Markup Language）可扩展标记语言、JMS（Java Message Service）Java消息服务、JTA（Java Transaction API）Java事务API、JTS（Java Transaction Service）Java事务服务、JavaMail。
JavaEE 是 Java 应用最普遍的部分。
JavaEE运行的基础是JavaSE。
JavaEE常见容器：Tomcat 容器（JSP/Servlet），JBoss容器（Servlet和EJB容器），Resin容器（Servlet，轻量级web容器；同级别商用容器：Weblogic、Websphere），Glassfish（Sun公司推出的JavaEE容器）。

Tomcat和JDK的版本配套关系

Tomcat、JDK、JavaEE、Servlet版本间的配套关系

eclipse和jdk的配套关系

参考eclipse安装文档

https://wiki.eclipse.org/Eclipse/Installation#Install_a_JVM

配套参考表

Eclipse 4.8 (Photon) Java8
Eclipse 4.7 (Oxygen) Java8
Eclipse 4.6 (Neon) Java8
Eclipse 4.5 (Mars) Java7
Eclipse 4.4 (Luna) Java7
Eclipse 4.3 (Kepler) Java6

一般，在软件项目中，须要调整集成开发环境程序编译的JDK版本、JRE版本、以及tomcat使用的JRE版本。保持三个版本一致。

tomcat服务器的安装(以7为例)

解压缩版本tomcat注意事项

添加系统变量，名称为CATALINA_HOME，设置值为Tomcat的安装目录。

启动和中止tomcat服务器

在IE地址栏中输入http://localhost:端口号。

tomcat服务器目录

目录	说明
/bin	存放各类平台下用于启动和中止Tomcat的脚本文件
/conf	存放Tomcat服务器的各类配置文件
/lib	存放Tomcat服务器所需的各类JAR文件
/logs	存放Tomcat的日志文件
/temp	Tomcat运行时用于存放临时文件
/webapps	当发布Web应用时，默认状况下会将Web应用的文件存放于此目录中
/work	Tomcat把由JSP生成的Servlet放于此目录下

tomcat端口配置

经过配置tomcat目录下conf中的server.xml文件修改Tomcat端口号

<Connector port="8080" protocol="HTTP/1.1"
        connectionTimeout="20000"
        redirectPort="8443" />

上机练习

安装tomcat，启动和中止tomcat，修改tomcat端口号。并测试。

Web应用程序

手动建立和部署web项目

一、在开发环境中建立web项目

在web-inf/web.xml中配置默认访问启始页面。

二、发布为war文件，拷贝到Tomcat 7.0\webapps目录下，启动tomcat。观察webapps目录，能够看到war自动生成web应用程序。在ie中访问项目。

三、在服务器端web项目的目录结构：

目录	说明
/	Web应用的根目录，该目录下全部文件在客户端均可以访问(JSP、HTML等)
/WEB-INF	存放应用使用的各类资源，该目录及其子目录对客户端都是不能够访问
/WEB-INF/classes	存放Web项目的全部的class文件
/Web-INF/lib	存放Web应用使用的JAR文件

上机练习

一、手动建立一个Web项目，实现项目发布，并能经过浏览器输入网址访问。

二、在myeclipse中建立一个项目导出为war文件，部署到服务器中并访问。

开发环境myeclipse和tomcat的整合

myeclipse和tomcat的整合

进入：windwos->prefereces->myeclipse->servers->tomcat7.x

启用tomcat7服务器，关联JDK。

关闭内置tomcat服务器。

注意：设置只针对工做空间有效

建立项目和部署项目

在myeclipse中启动tomcat服务器

上机练习

在myeclipse中建立项目，在myeclipse中部署项目，在myeclipse中启动服务器，在ie浏览器中访问项目。

JSP概念

JSP：Java Server Pages。在HTML中嵌入Java脚本代码。

例如：

在ie地址栏输入http://localhost:8080/chapter01/index.jsp

运行原理

JSP页面元素

page指令

做用

经过设置内部的多个属性定义整个页面的属性。

语法格式（一个属性中的多个值采用“，”号隔开）

<%@ page 属性1="属性值" 属性2="属性值1,属性值2"… 属性n="属性值n"%>

经常使用属性

属性	描述	默认值
language	指定JSP页面使用的脚本语言	java
import	经过该属性来引用脚本语言中使用到的类文件	无
contentType	用来指定JSP页面所采用的编码方式	text/html,ISO-8859-1

小脚本与表达式

表达式：显示数据，系统将其做为一个值来进行计算和显示。（不能以；结尾）

上机练习

需求描述：编写JSP页面，计算1—100之间的全部素数之和

提示：一、素数——在一个大于1的天然数中，除了1和此整数自身外，不能被其余天然数整除的数。二、使用out内置对象输出信息。

声明

在编写JSP页面程序时候，有时须要为Java脚本定义成员变量和方法，这时就须要使用JSP声明来实现。

声明语法格式：

<%! Declaration;[ Declaration;]…%>

示例：假如如下代码须要在页面中屡次使用，如何处理？

<%
	SimpleDateFormat formater = new SimpleDateFormat("yyyy年 MM月dd日");
	String strCurrentTime = formater.format(new Date());
%>

使用声明

JSP中的注释

注意：HTML注释在JSP文件被编译后保留，JSP注释则被丢弃。重要信息的注释不要使用HTML注释。

总结

上机练习

需求描述：

编写JSP页面，计算2000—3000年中存在几个闰年。

实现思路：

1. 声明方法boolean leapYear(int year)，用于判断是不是闰年

2. 声明一个变量count ，用于统计闰年的个数

3. 设置循环，条件是从2000至3000年

4. 在循环内调用boolean leapYear(int year)，根据返回结果，改变count的变量值

提示信息：

闰年的判断条件：可以被4整除而不能被100整除，或者可以被400整除。

JSP执行过程

Web容器处理JSP文件请求须要通过3个阶段

翻译阶段
编译阶段
执行阶段

第一次请求以后，Web容器能够重用已经编译好的字节码文件

若是对JSP文件进行了修改，Web容器会从新对JSP文件进行翻译和编译。

Web程序的调试与排错

运行Web程序时常犯的错误

未启动tomcat
未部署web应用
URL输入错误
目录不能被引用
JSP脚本错误

错误调试

未启动tomcat

若是服务器没法启动，须要修改端口号。

未部署web应用

确认项目已经部署到tomcat服务器上。

URL输入错误

404错误，访问了不可访问的url资源。

例如把文件建立到web-inf中，致使404错误。

JSP脚本错误

500错误。

按照java程序调试方式排错：阅读代码逻辑、输出数据、debug。

上机练习

需求描述：

将新闻发布系统的静态页面转换成JSP页面后部署到Web项目中，而且能够经过浏览器访问各JSP页面。
建立新闻发布系统数据库。
经过MyEclipse统一设置字符集编码格式为“UTF-8
在HTML页面中加入page指令
将HTML的后缀名改成.jsp

提示：

经过MyEclipse统一设置字符集编码格式为“UTF-8
在HTML页面中加入page指令
将HTML的后缀名改成.jsp

数据库模型图

新闻主题表：topics
字段	数据类型	是否为空	备注
tid	int	否	新闻主题编号，主键，自增
tname	char(50)	否	新闻主题，非空，惟一约束

新闻表：news
字段	数据类型	是否为空	备注
nid	int	否	新闻编号，主键，自增
ntid	int	否	新闻主题编号，外键
ntitle	char(100)	否	新闻标题
nauthor	char(50)	否	做者
ncreatedate	datetime	是	发布日期，默认当前时间
npicpath	char(200)	是	图片路径
ncontent	text	否	新闻内容
nmodifydate	datetime	是	编辑日期
nsummary	char(255)	否	新闻概要

新闻评论表：comments
字段	数据类型	是否为空	备注
cid	int	否	评论编号，主键，自增
cnid	int	否	新闻编号，外键
ccontent	text	否	评论内容
cdate	datetime	否	评论日期，默认当前时间
cip	char(100)	是	评论人IP地址
cauthor	char(100)	是	评论做者

系统用户表：users
字段	数据类型	是否为空	备注
uid	int	否	用户编号，主键，自增
uname	char(20)	否	用户名，非空，惟一约束
upwd	char(20)	否	用户密码，非空