JavaWeb学习记录 Day1（JavaWeb入门）

谁借莪１个温暖的怀抱￠ 2021-12-13 02:17 435阅读 0赞

### 文章目录 ###

*  Day 1
 *  JavaWeb需要掌握的知识
 *  JavaWeb开发入门
 *   *  1.1 准备
     *  1.2 Web应用程序
     *  1.3 Web发展史
     *  1.4 实现动态Web的手段
     *  1.5 有哪些Web服务器
 *  搭建JavaWeb开发服务器
 *   *  2.1 安装TomCat
     *  2.2 TomCat目录结构
     *  2.3 启动和关闭TomCat
     *  2.4 访问TomCat服务器
     *  2.5 TomCat启动常见问题
     *  2.6 TomCat服务器研究
     *  2.7 使用IDEA搭建Web环境
 *  HTTP协议

# Day 1 #

2019年7月13日。  
这是我学习JavaWeb的一天。  
这一天，我学到了以下的知识。

# JavaWeb需要掌握的知识 #

*  JavaSE 基础知识（面向对象，IO，多线程）
 *  HTML（表单：post/get）
 *  CSS（选择器）
 *  js（会写就好）
 *  jQuery（掌握基本句式）
 *  MySQL（增删改查）
 *  JDBC（使用JDBC操作数据库）  
    \- 加载驱动  
    \- 获取连接  
    \- 创建一个执行SQL的对象（安全的、普通的）  
    \- 事务

# JavaWeb开发入门 #

## 1.1 准备 ##

Web：网页

*  静态Web（HTML）：从网页中获取的数据始终不变
 *  动态Web（JSP、Servlet）：可以从服务器端动态地获取数据

在Java中，动态Web资源开发的技术统称为JavaWeb

## 1.2 Web应用程序 ##

Web应用程序就是提供浏览器服务支持的一些程序。我们需要把自己开发出来的Web程序放在我们服务器的webapps目录下。

## 1.3 Web发展史 ##

*  静态Web  
    html，htm，服务器会直接读取HTML的数据  
    ![在这里插入图片描述][20190713094929604.png]  
    缺点：
    
     *  网页内容无法更新
     *  一些简单手段可以让网页“动”起来  
        \- JavaScript  
        \- VBScript
 *  动态Web
    
     *  主要特征：可以从服务器端获取数据，Web界面因人而变

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70]  
优点：  
\- 可以实现真正的用户交互  
\- 可以从服务器端保证每个用户有自己的空间  
\- 增强了用户体验性

## 1.4 实现动态Web的手段 ##

*  PHP
 *  ASP：微软、IIS
 *  JSP / Servlet：SUN，用于解决 B/S架构
    
     *  性能比较高
     *  跨平台（class文件）
     *  不用任何门槛（从HTML嵌套Java代码）
 *  …

## 1.5 有哪些Web服务器 ##

1.  IIS（微软）
2.  Tomcat（性能优良，占用容量小，是符合Web服务器最精简的服务器，Apache）  
    ![在这里插入图片描述][20190713100632763.png]
3.  weblogic
4.  Webshare

# 搭建JavaWeb开发服务器 #

**思考？为什么要搭建JavaWeb开发环境**

因为不管什么Web资源，想要被计算机访问，都必须要与一个与之对应的网络通讯程序

## 2.1 安装TomCat ##

1.  下载  
    TomCat官网：[http://tomcat.apache.org/][http_tomcat.apache.org]
2.  下载步骤如下  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 1]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 2]
3.  下载完成后，解压到任意目录
4.  解压完成后得到目录  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 3]

## 2.2 TomCat目录结构 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 4]

## 2.3 启动和关闭TomCat ##

启动和关闭TomCat步骤如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 5]  
打开startuo.bat文件后，出现如下图的DOS页面，说明启动成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 6]

**注意：不能关闭TomCat的DOS窗口，不然TomCat就停止了**

## 2.4 访问TomCat服务器 ##

通过localhost:8080进行访问，页面如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 7]

## 2.5 TomCat启动常见问题 ##

1.  启动乱码问题（不影响操作）  
    在conf/logging.properties中增加了一句java.util.logging.ConsoleHandler.encoding = UTF-8，导致在有些windows系统中出现中文乱码。修改方法：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 8]
2.  JAVA\_HOME配置是否成功，必须要这个名字
3.  闪退问题
    
    1.  打开bin目录下的catalina.bat，增加一个jdk和jre的目录
    2.  目录如下

set JAVA_HOME=C:\Program Files\Java\jdk1.8.0_152
    set JRE_HOME=C:\Program Files\Java\jre1.8.0_211

## 2.6 TomCat服务器研究 ##

1.  8080端口问题  
    在conf/server.xml配置文件中配置了服务器相关的一些服务，可以修改其内容，改变TomCat运行的端口号  
    改变<Connector .executor>行和<Connector .port>行的port属性，使其从8080变为8081，如图所示：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 9]  
    修改完毕后，访问locolhost:8081即可访问，页面如下：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 10]
2.  如何发布一个项目  
    发布到：tomcat\\webapps 目录下  
    ![在这里插入图片描述][20190713110144333.png]  
    项目中必须要有一个Web-INF目录，其中必定有一个web.xml（index.jsp可以没有，没有即为空白页）
3.  网络请求的终极步骤  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 11]

## 2.7 使用IDEA搭建Web环境 ##

*  打开IDEA
 *  创建一个Web项目，创建步骤如下
    
    1.  新建一个项目，**勾选Jave EE下的Web Application（4.0）**  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 12]
    2.  编辑项目名字  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 13]
    3.  项目新建完成后，项目结构如下  
        ![在这里插入图片描述][20190713113518130.png]
 *  配置Tomcat服务器，步骤如下
    
    1.  选择IDEA右上角的 Edit Configurations选项  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 14]
    2.  在弹出的窗口中，点击Tomcat Server -> Local，创建Tomcat服务器的配置  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 15]
    3.  在配置页面中修改相关信息，若没有自动搜寻出Tomcat的路径，点击Application server行的Configure按钮即可手动选择Tomcat的路径  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 16]
    4.  在Deployment选项卡中修改相关信息，点击“+”号添加一个server startup，并在右边的窗口编辑名字，如图所示  
        ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 17]
 *  运行Tomcat服务器，点击右上角的三角形图标即可  
    ![在这里插入图片描述][20190713134907619.png]
 *  出现如下页面，说明Tomcat服务器配置成功  
    ![在这里插入图片描述][20190713114334235.png]

# HTTP协议 #

http：超文本传输协议

*  **请求**
    
     *  请求方式
     *  请求参数
     *  请求内容
 *  **响应**
    
     *  常用值
        
         *  200：OK
         *  302：重定向
         *  404：请求的文件不存在，路径错误
         *  500：服务器代码错误，Java程序有问题

[20190713094929604.png]: /images/20211210/9bebc0b35ecc4215b31e2b2803d9ea45.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70]: /images/20211210/10fe515cc1d844d1bdb09ac8c9c50669.png
[20190713100632763.png]: /images/20211210/55780999717047a6ae936fd72e90edef.png
[http_tomcat.apache.org]: http://tomcat.apache.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 1]: /images/20211210/3da8d49a547445e487f05574398f24c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 2]: /images/20211210/e4779d3b8868409da1107d73e9dcd7c5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 3]: /images/20211210/f489feaebf5e4371ba19f9fe3738244c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 4]: /images/20211210/7e892f195d8d4cbe9ca30c4466cd20f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 5]: /images/20211210/59f80982ff0c4db6a2b86a2e67a99b3b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 6]: /images/20211210/eae1cb2d808648e8a14c4ca63dbb8c6f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 7]: /images/20211210/16137bb4e1834878bedc6b6de1aef41a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 8]: /images/20211210/85c5d25e5a3e421a9e9b08f03de3f9fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 9]: /images/20211210/e6466d92588f4a29b34b8ca0dbcc8a3d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 10]: /images/20211210/c5dca118d364475ca047de9a5aa41540.png
[20190713110144333.png]: /images/20211210/153f816bd16947a4afffe069c795c9a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 11]: /images/20211210/530bfde3337a4855be02497a973df883.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 12]: /images/20211210/93f16f8b7f36474d99b815cdd23e5623.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 13]: /images/20211210/6e782aa26381427792170ba0fa200124.png
[20190713113518130.png]: /images/20211210/a74fdc7dc39244f6a667b850218cd9d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 14]: /images/20211210/28682e59338a4509a3ff81ae12a971c5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 15]: /images/20211210/e18e47e4ef4c4a1babeea1076881890b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 16]: /images/20211210/bb937b6e228a40978a4de667a1b53356.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUxNjU5_size_16_color_FFFFFF_t_70 17]: /images/20211210/6ea220bee73345d89272cb56c4ac93ee.png
[20190713134907619.png]: /images/20211210/600874a4f1e6402f8b7f04aec219da16.png
[20190713114334235.png]: /images/20211210/9676f1200b5f4e1a9c15f08a609ce753.png