JavaEE-01 JSP动态网页基础
Posted 天际一片云
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaEE-01 JSP动态网页基础相关的知识,希望对你有一定的参考价值。
学习要点
- B/S架构的基本概念
- Web项目的创建和运行
- JSP页面元素
- MyEclipse创建和运行Web项目
- Web程序调试
Web简史
web前端技术演进三阶段
- WEB 1.0:信息广播。
- WEB 2.0:信息交互。 微博、博客等。
- WEB 5.0:移动互联网。
动态网页服务器端技术演进
主流web程序应用平台
性能比较 |
LAMP |
JavaEE |
ASP.NET |
运行速度 |
较快 |
快 |
一般 |
开发速度 |
非常快 |
慢 |
一般 |
运行损耗 |
一般 |
较小 |
较大 |
难易程度 |
简单 |
难 |
简单 |
运行平台 |
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项目
1、在开发环境中创建web项目
在web-inf/web.xml中配置默认访问启始页面。
2、发布为war文件,拷贝到Tomcat 7.0\\webapps目录下,启动tomcat。观察webapps目录,可以看到war自动生成web应用程序。在ie中访问项目。
3、在服务器端web项目的目录结构:
目录 |
说明 |
/ |
Web应用的根目录,该目录下所有文件在客户端都可以访问(JSP、HTML等) |
/WEB-INF |
存放应用使用的各种资源,该目录及其子目录对客户端都是不可以访问 |
/WEB-INF/classes |
存放Web项目的所有的class文件 |
/Web-INF/lib |
存放Web应用使用的JAR文件 |
上机练习
1、手动创建一个Web项目,实现项目发布,并能通过浏览器输入网址访问。
2、在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的自然数中,除了1和此整数自身外,不能被其他自然数整除的数。2、使用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) |
否 |
用户密码,非空 |
以上是关于JavaEE-01 JSP动态网页基础的主要内容,如果未能解决你的问题,请参考以下文章