学习要点
- 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) |
否 |
用户密码，非空 |
来源：oschina
链接：https://my.oschina.net/u/4401856/blog/4245452