java web基础

Posted 2020-11-28 初学者一级

1.B/S结构

B是英文单词“Browser”的首字母，即浏览器的意思；S是英文单词“Server”的首字母，即服务器的意思。B/S就是“Browser/Server”的缩写，即“浏览器/服务器”模式。

B/S结构是随着互联网的发展，web出现后兴起的一种网络结构模式。这种模式统一了客户端，让核心的业务处理在服务端完成。你只需要在自己电脑或手机上安装一个浏览器，就可以通过web Server与数据库进行数据交互。

B/S结构

这种“B/S”结构有很多好处，维护和升级方式更简单，客户端是浏览器，基本不需要维护，只需要维护升级服务器端就可以。

2.C/S结构

C是英文单词“Client”的首字母，即客户端的意思，C/S就是“Client/Server”的缩写，即“客户端/服务器”模式。

C/S结构是一种软件系统体系结构，也是生活中很常见的。这种结构是将需要处理的业务合理地分配到客户端和服务器端，这样可以大大降低通信成本，但是升级维护相对困难。比如我们手机中安装的微信、qq、王者荣耀等应用程序就是C/S结构。

C/S结构

小结：B/S结构和C/S结构的区别

硬件环境不同，C/S通常是建立在专用的网络上，小范围的网络环境。而B/S是建立在广域网上的，适应范围强，通常有操作系统和浏览器就行；C/结构比B/S结构更安全，因为用户群相对固定，对信息的保护更强；B/S结构维护升级比较简单，而C/S结构维护升级相对困难。

HTTP简介

1.http协议介绍

1. HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。
2. HTTP是基于TCP/IP通信协议来传递数据（html 文件, 图片文件, 查询结果等）
3. HTTP协议通常承载于TCP协议之上，有时也承载于TLS或SSL协议层之上，这个时候，就成了我们常说的HTTPS。
4. HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端服务器模型。HTTP是一个无状态的协议。
5. HTTP默认的端口号为80，HTTPS的端口号为443。

2.http协议工作流程

一次HTTP操作称为一个事务，其工作过程大概如下：

1. 用户在浏览器中键入需要访问网页的URL或者点击某个网页中链接；
2. 浏览器根据URL中的域名，通过DNS解析出目标网页的IP地址；

 

浏览器请求这个页面：http://hackr.ip/index.html

在这一步，需要域名系统DNS解析域名hackr.ip,得主机的IP地址 20X.189.105.112。

然后将上面结合本机自己的信息，封装成一个http请求数据包

 

1. 在HTTP开始工作前，客户端首先会通过TCP/IP协议来和服务端建立链接（TCP三次握手）
2. 建立连接后，客户机发送一个请求给服务器，请求方式的格式为：统一资源标识符（URL）、协议版本号，后边是MIME信息包括请求修饰符、客户机信息和可内容。
3. 服务器接到请求后，给予相应的响应信息，其格式为一个状态行，包括信息的协议版本号、一个成功或错误的代码，后边是MIME信息包括服务器信息、实体信息和可能的内容。
4. 一般情况下，一旦Web服务器向浏览器发送了请求数据，它就要关闭TCP连接，然后如果浏览器或者服务器在其头信息加入了这行代码：Connection:keep-alive，TCP连接在发送后将仍然保持打开状态，于是，浏览器可以继续通过相同的连接发送请求。保持连接节省了为每个请求建立新连接所需的时间，还节约了网络带宽。

web服务器原理

静态网页的工作原理：
       A、用户在浏览器的地址栏输入要访问的地址并回车，触发这个浏览请求。
       B、浏览器将请求发送到Web服务器。
       C、Web服务器接受这个请求，并根据请求文件的后缀名判定是否为HTML文件。
       D、Web服务器从服务器硬盘的指定位置或内存中读取正确的HTML文件然后将它发        送给请求浏览器。
       E、用户的浏览器解析这些HTML代码并将它显示出来。

动态网页的工作原理：
    当用户请求的是一个动态网页时，服务器要做更多的工作才能把用户请求的信息发送回              去，服务器一般按照以下步骤进行工作：
       A、服务器端接受请求。
       B、Web服务器从服务器硬盘指定的位置或内存中读取动态网页文件。
       C、执行网页文件的程序代码，将含有程序代码的动态网页转化为标准的静态页面（           HTML）。
       D、Web服务器将生成的静态页面代码发送给请求浏览器。

java web 开发环境与搭建

JDK 的下载

JDK的官方下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html

JDK 的安装

上图就是一个JDK的下载过程，（重要的是记住JDK安装的路径用于配置环境变量）：

 

JDK 环境变量的配置

Java环境变量涉及到三个名词：JAVA_HOME、path、classpath。

JAVA_HOME代表JDK安装主目录，path代表JDK下可执行文件目录，classpath代表运行java程序时需要查找class文件的目录。

依据上面的安装步骤：

JAVA_HOME应该设置为：D:DevelopToolsJAVAJDK

path应该设置为：%JAVA_HOME%in;%JAVA_HOME%jrein;（注意其中的分号）

classpath应该设置为：.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;（注意最前面的点代表当前路径，JDK1.5之后这项不用设置了）

设置方式如下：

 

 

到此就已经成功配置好了 JDK 所需要的环境变量，我们下面来验证一下。

验证 JDK 是否安装成功

打开命令提示符，WINDOWS 下的快捷键为【Win + R】，然后输入 cmd ，输入【java -version】查看是否输出正确地版本信息，如果成功，则 JRE 配置成功。

 

输入【javac】看是否输出编译信息，若有，则 JDK 配置成功：

 

至此，JDK 就彻底安装成功了。

---

 

——【2.安装和配置 Tomcat 服务器】——

Tomcat 是使用 Java 语言编写的一个服务器（程序），所以要运行 Tomcat ，必须配置好相关的 JDK 或 JRE。Tomcat 的官方网站是：http://tomcat.apache.org/ 

① 解压提供的 Tomcat 到 D 盘

并记录下其路径，如 D:apache-tomcat-8.5.5.

② 配置 CATALINA_HOME 环境变量到上面记下的路径：

 

③ 启动 Tomcat 服务器

找到 D:apache-tomcat-8.5.5 路径下的 bin 目录中的 startup.bat 文件，双击运行，如果输出启动信息，并未输出任何异常，则 Tomcat 安装正确

④ 打开浏览器验证 Tomcat

打开浏览器，在地址栏输入地址：http://localhost:8080/ 或者 http://127.0.0.1:8080/ ，如果能够打开 Tomcat 配置页面，则说明 Tomcat 配置成功：

 

关闭 Tomcat 服务器

在 Tomcat 开启的命令提示符界面按下【Ctrl + C】键，将关闭 Tomcat 服务器。再次尝试访问 Tomcat 配置页面，若出现网页不能访问提示，则说明 Tomcat 关闭成功：

 

在 Tomcat 中新建 Web 工程

步骤如下：
① 找到 Tomcat 目录下的 webapps 目录。
② 在 webapps 目录下新建一个目录： first_webapp。
③ 在 first_webapp 中建立一个目录： WEB-INF。④ 将上面的下载文件下载下来以后，将提供的 web.xml 文件复制到 WEB-INF 目录中。
⑤ 将提供的 index.html 文件复制到 first_webapp 目录下。
⑥ 启动 Tomcat。
⑦ 在浏览器中输入网址：http://localhose:8080/first_webapp ，查看是否能够正确访问，如果可以正确显示页面，则表示 Tomcat 中创建新项目成功。

---

 

——【3.安装配置 mysql 服务器】——

不管怎样，服务器端总是要有数据库的，这里就给出两个绿色版本的工具，来建立一个 Web 开发所需要的 MySql 服务器：

• xampp 是一套 Web 开发套件，里面包含了 mysql、apache、tomcat 等常用组件。这里我们主要利用其中的 mysql 组件来完成数据库的开发。
• heidiSQL 是一款绿色版的 SQL 管理软件，能实现数据库的一些常用功能。

步骤如下：
① 将提供的 xampp 工具解压到 D 盘根目录下。（注意 xampp 一定要解压到根目录下才有效。所谓根目录是指
D:xampp目录下不能再嵌套 xampp 目录，而是直接在 D:xampp目录下能够找到 mysql 目录。切记！！）
② 双击 xampp 目录下的 xampp-control.exe 文件运行，并显示如下界面：

③ 为了避免和本机上已经安装的 MySql 服务器冲突，我们需要更改 xampp 的服务名称：单机界面上的 Config 按
钮，显示如下界面：

④ 点击“Service and Port Settings”按钮，将出现如下界面：

⑤ 点击 MySQL 标签页，配置 MySql，将 MySql 的 Service Name 从 mysql 更改为 mysql-xampp，然后保存：

⑥ 关闭 xampp。（ 注意 如果闭 关闭 xampp 后，xampp 。 任然在后台运行，必须从右下角系统托盘处完全关闭。）然后重新打开 xampp-control.exe 文件：

⑦ 点击 MySql 对应的 Start 按钮。如果 MySql 服务启动成功，则显示如下：

其中，MySql 字符的背景色变为绿色表示启动成功，PID 表示 MySql 在操作系统中的进程号，Port 表示 MySql 进程所监听的端口号。

⑧ 打开提供的 heidiSQL 工具（绿色软件），将显示如下界面：

⑨ 点击 New 按钮，新建 MySql 连接：

⑩ 在 hostname/IP 处填写：127.0.0.1 或者 localhost。在 User 处填写：root（这是 MySql 的登录用户名）。在 Password 处填写：root（这是 MySql 的登录密码。在 Port 处填写：3306（这是 MySql 默认的监听端口），随后点击【Open】按钮，将显示如下界面：

左边列出了目前 MySql 中的所有数据库，右边是当前数据库的内容。（请勿更改和删除默认数据库的内容）

在 Tomcat 中连接数据库

将提供的 MySql 的 JDBC 驱动文件 mysql-connector-java-xxxx-bin.jar 文件复制到 Tomcat 目录下的 lib 目录中

至此，就成功搭建好了 MySql 服务器。

---

 

——【4.安装 Eclipse-JEE】——

① 下载 Eclipse - Jee

进入官网 http://www.eclipse.org/downloads/eclipse-packages 选择Eclipse IDE for Java EE Developers，根据自己电脑情况选择32位或者64位：

下好以后直接解压到相应位置，并找到 eclipse.exe，右键 --> 发送到 --> 桌面快捷方式就行了。

② 首次打开设置工作空间

由于已经配置好了 JDK 的相关信息，所以这里的 Eclipse 可以直接打开：

③ 进行简单配置

• 配置 Tomcat 服务器：
  1.进入 Eclipse 后首先将 Tomcat 服务器位置通知 Eclipse。选择菜单项“Window”→“Preferences”
  2.打开“Preferences”对话框，在左边找到“Server”选项，并展开，选中其中“Runtime Environments”项目：

 

3.点击右边界面中“Add”按钮，在弹出的界面中找到“Apache Tomcat 8.5”项目并选中：

 

4.点击下一步，并在 Name 处输入：Apache Tomcat v8.5。然后将目标目录选定为刚刚安装的 Tomcat 目录

 

5.最后点击“Finish”按钮完成服务器的配置

• 配置默认的格式：
  1.选择菜单项“Window”→“Preferences”，找到下方的“Web”，将其中红色框标记的选项里的【Encoding（编码格式）】均改为 UTF-8，是为防止使用中文乱码的问题。

 

2.点击“Apply and Close”完成配置。

④ 创建一个动态网页项目测试

• 1.选中 Eclipse 菜单项“New”→“Dynamic Web Project”，新建一个动态网页项目
• 2.在新建项目界面中 project name 处输入工程名称 second_webapp（注意 second 和 webapp 中间为下划线）。并记住此名字。在 Runtime 中选择刚刚配置的 Tomat。

 

• 3.点击“Next”按钮，并对配置不做修改，再次点击“Next”按钮，在下一个界面中，选中“Generate web.xml”选项。最后点击“Finish”按钮创建工程。

 

• 4.在 second_webapp 上点击右键，并选中“Properties”菜单项，若看到工程默认编码为 GBK，则在对话框中将工程的编码方式改为 UTF-8，目的是避免以后中文出现乱码：

 

• 5.展开 second_webapp 工程，并在“WebContent”项目上点击鼠标右键，并选中菜单项目“New”→“HTML
  File”，然后输入网页的名字 index.html，并点击“Finish”按钮：

 

• 6.此时将显示 HTML 文件内容（默认为 HTML 5 格式），编辑 index.html 文件，成如下内容：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>我的第二个网页</title></head><body>Java EE 环境部署成功！</body></html>

• 7.编辑完成后，点击 Eclipse 菜单：“Run”→“Run As”→“Run on Server”（注意：此时在 Eclipse 外面不能启动Tomcat 服务器，即 Tomcat 的命令提示窗口不能已经打开），在弹出的对话框中选择，刚刚配置的 Tomcat 环境，边点击“Finish”按钮启动 Tomcat 服务器：

 

• 8.等待服务器启动完成。然后在浏览器中输入网址：http://localhost:8080/second_webapp/index.html，查看网页。如果能正确显示页面，则 Eclipse 新建项目成功。

---

至此，Java Web 的开发环境就已经全部搭建好了