jsp里java代码报错_JavaEE-01 JSP动态网页基础

本文介绍了B/S架构的基础概念,包括Web项目创建、运行及调试,探讨了Web技术的演进历程,重点讲解了JSP页面元素、Tomcat服务器的配置与管理。此外,还讨论了JSP的声明、表达式和注释,以及Web程序的调试方法,包括常见的错误及解决策略。
摘要由CSDN通过智能技术生成

学习要点

B/S架构的基本概念

Web项目的创建和运行

JSP页面元素

MyEclipse创建和运行Web项目

Web程序调试

Web简史

web前端技术演进三阶段

WEB 1.0:信息广播。

WEB 2.0:信息交互。 微博、博客等。

WEB 5.0:移动互联网。

20180228191925158624.png

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

20180228191925355897.png

主流web程序应用平台

性能比较

LAMP

JavaEE

ASP.NET

运行速度

较快

一般

开发速度

非常快

一般

运行损耗

一般

较小

较大

难易程度

简单

简单

运行平台

Linux/Unix/Windows

绝大多数平台

仅Windows平台

软件架构

C/S架构

20180228191925404727.png

优点:响应速度快;个性化定制;事务处理能力强,减轻服务器压力;安全性高。

缺点:C端维护工作量大;不利于企业快速部署应用。

B/S架构

20180228191925598094.png

优点:分布广,只要有互联网的浏览器即可。部署灵活;维护方便。跨平台。

C/S与BS混合架构

20180228191925819782.jpg

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

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

B/S架构

定义

20180228191925883261.png

常见web服务器分成三类:不带应用程序的服务器(存放html文件等)、带应用程序的服务器(例如可以存放JSP文件)、带应用程序和数据库的服务器(例如JSP+数据库)。

工作原理

20180228191925994594.png

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

HTTP

HTTP协议概述

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

20180228191926250463.png

请求行

20180228191926353982.png

状态行

状态行格式如下:

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)。

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

20180228191926400859.png

URL

Uniform resource Locator,统一资源定位符

格式:

http://:[端口号]/路径/[?]

例如:

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

http:超文本传输协议。FTP,telnet

www:代表一台web服务器

etc.com:服务器域名

book:站点上的目录

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

Web应用程序的部署

tomcat服务器的安装

20180228191926470198.png

解压缩版本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端口号

connectionTimeout="20000"

redirectPort="8443" />

上机练习

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

Web应用程序

手动创建和部署web项目

1、在开发环境中创建web项目

20180228191926611805.png

在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服务器。

注意:设置只针对工作空间有效

20180228191926652822.png

20180228191926694816.png

创建项目和部署项目

20180228191926826657.png

在myeclipse中启动tomcat服务器

20180228191926906738.png

上机练习

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

JSP概念

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

例如:

20180228191927062994.png

20180228191927119637.png

运行原理

20180228191927162607.png

JSP页面元素

page指令

作用

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

语法格式(一个属性中的多个值采用“,”号隔开)

常用属性

属性

描述

默认值

language

指定JSP页面使用的脚本语言

java

import

通过该属性来引用脚本语言中使用到的类文件

contentType

用来指定JSP页面所采用的编码方式

text/html,ISO-8859-1

小脚本与表达式

20180228191927251478.png

表达式:显示数据,系统将其作为一个值来进行计算和显示。(不能以;结尾)

上机练习

需求描述:编写JSP页面,计算1—100之间的所有素数之和

20180228191927340348.png

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

声明

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

声明语法格式:

示例:假如以下代码需要在页面中多次使用,如何处理?

SimpleDateFormat formater = new SimpleDateFormat("yyyy年 MM月dd日");

String strCurrentTime = formater.format(new Date());

%>

使用声明

20180228191927392108.png

JSP中的注释

20180228191927432149.png

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

总结

20180228191927481955.png

上机练习

需求描述:

编写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个阶段

翻译阶段

编译阶段

执行阶段

20180228191927618679.png

第一次请求之后,Web容器可以重用已经编译好的字节码文件

20180228191927811070.png

如果对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)

用户密码,非空

20180228191927882361.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值