JAVAWEB学习

Posted on   若·枫  阅读(43)  评论(0)  编辑  收藏  举报

JavaWeb

Java Web

1 基本概念

1.1前言

web开发：

  • web，网页的意思，www.baidu.com

  • 静态web

    • html，css，
    • 提供给所有人看的数据始终不会发生变化！

  • 动态web

    • 淘宝，几乎所有 的网站；
    • 提供给所有人看的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同
    • 技术栈：Servlet/Jsp， ASP,PHP

    在java中，动态web资源开发的技术统称为JavaWeb；

1.2 web应用程序

web应用程序：可以提供浏览器访问的程序；

  • a.html、b.html…多个web资源，这些web资源可以被外界访问，对外界提供服务；

  • 你们能访问到的任何一个页面或者资源，都存在于这个世界的某一个角落的计算机上

  • URL

  • 这个统一的web资源会被放在同一个文件夹下，web应用程序—>Tomcat:服务器

  • 一个web应用由多部分组成（静态web，动态web）

    • html，css ，js
    • jsp,servlet
    • java程序
    • jar包
    • 配置文件（）

    web应用程序编写完毕后，若想提供给外界访问：需要一个服务器来统一管理；

    1.3、静态web

    • *.htm， *. html这些都是网页的后缀，如果服务器上一直存在这些东西，我们就可以进行读取，通络。

    image-20230306143832991

  • 静态web存在的缺点

    • web页面无法动态更新，所有用户看到的都是同i一个页面
      • 轮播图，点击特效：伪动态
      • JavaScript【实际开发中，他用的最多】
      • VBScript
    • 它无法和数据库交互（数据无法持久化，用户无法交互）

1.4 动态web

页面会动态展示：“Web的页面展示效果因人而异”

image-20230306144614799

缺点

  • 假如服务器的动态web资源出现了错误，我们需要重新编写我们的后台程序，重新发布；
    • 停机维护

优点：

  • web页面可以动态更新，所有用户看到的都不是同i一个页面
    • 轮播图，点击特效：伪动态
    • JavaScript【实际开发中，他用的最多】
    • VBScript
  • 它可以与数据库交互（数据持久化：注册，商品信息，用户信息…….）

image-20230306145714739

2. web服务器

2.1 技术讲解

ASP

  • 微软：国内最早流行的就是ASP
  • 在html中嵌入了VB的脚本，ASP+COM；
  • 在ASP开发中，基本一个页面都有几千行的业务代码，页面及其混乱
  • 维护成本高
  • C#
  • IIS服务器

image-20230306154253245

PHP

  • PHP开发速度快，功能强大，跨平台，代码简单（70%，WP）
  • 无法承载大访问量的情况（局限性）

JSP/Servlet：

B/S：浏览和服务器

C/S：客户端和服务器

  • sun公司主推的B/S架构
  • 基于Java语言（所有的大公司，或者一些开源的组件，都是用java写的）
  • 可以承载三高问题带来的影响；
  • 语法像ASP，ASP - ->Jsp，加强市场强度；

2.2 web服务器

服务器是一种被动的操作，用来处理用户的一些请求和给用户一些响应信息；

IIS

微软的；ASP。。。，Windows中自带的

Tomcat

面向百度编程：

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为比较流行的Web 应用服务器。

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，它是最佳的选择

Tomcat 实际上运行JSP 页面和Servlet。Tomcat最新版本为10.0.23。

工作3-5年之后，可以尝试手写Tomcat服务器；

3 Tomcat

3.1安装Tomcat

3.2 Tomcat的启动

image-20230306165154973

启动 ，关闭Tomcat

image-20230306165554349

访问测试：http：//localhost：8080/

3.3配置

image-20230306165817834

可以配置启动的端口号

  • tomcat的默认端口号为：8080
  • mysql：3306
  • http：80
  • https：443
<Connector executor="tomcatThreadPool"
               port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />

可以配置主机的名称

      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

高难度面试题：

请你谈谈网站时如何进行访问的！

1.输入一个域名；回车

2.检查本机的C:\Windows\System32\drivers\etc\hosts 配置文件下有没有这个域名的映射；

  • 有：直接返回对应的ip地址，这个地址中有我们需要访问 的web程序，可以直接访问
    • 127.0.0.1 localhost
  • 没有：去DNS服务器找 ，找到的话就返回，找不到就返回找不到

image-20230307105225349

4.可以配置一下环境变量

3.4 发布一个web网站

不会就先模仿

  • 将自己写的网站，放到服务器（Tomcat）中指定的Web应用的文件夹（webapps）下，就可以访问了

网站应该有的结构

--webapps: Tomcat 服务器的Web目录下
    -ROOT
    -feng : 网站的目录名
        -WEB-INF
        	-classes : java程序
            -lib:web应用所依赖的jar包
        	-web.xml
        -index.html  默认的首页
        -static
                -css
                	-style.css
                -js
                -img
        -.....

HTTP协议：面试

Maven：构建工具

  • Maven安装包

Servlet入门

  • HelloWorld！
  • Servlet配置
  • 原理

4.Http

4.1什么是HTTP

超文本传输协议（Hyper Text [Transfer Protocol](https://baike.baidu.com/item/Transfer Protocol/612755?fromModule=lemma_inlink)，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。

  • 文本： html，字符串~….
  • 超文本：图片，音频，视频，定位，地图……
  • 默认端口：80

HTTPS：安全的

  • 默认端口：443

4.2两个时代

  • http1.0
    • HTTP/1.0：客户端可以与web服务器连接后，只能获取一个web资源，断开连接
  • http2.0
    • HTTP/1.1：客户端可以与web服务器连接后，可以获取多个web资源。

4.3 Http请求

  • 客户端— 发请求(Request)— 服务器

百度：

Request URL: https://www.baidu.com/ 请求地址
Request Method: GET  get方法/post方法
Status Code: 200 OK	 状态码：200
Remote（远程） Address: 110.242.68.3:443

Accept: text/html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9		语言
Cache-Control: max-age=0
Connection: keep-alive

1.请求行

  • 请求行中的请求方式：GET
  • 请求方式：Get，Post，HEAD，DELETE，PUT，TRACT…
    • get：请求额能够携带的参数比较少，大小有限制，会在浏览器的URL地址栏显示数据内容，不安全，但高效
    • post：请求额能够携带的参数没有限制，大小没有限制，不会在浏览器的URL地址栏显示数据内容，安全，但不高效

2.消息头

Accept: 告诉浏览器它所支持的数据类型
Accept-Encoding: 支持哪种编码格式 GBK  UTF-8 GB2312	ISO8859-1
Accept-Language: 告诉浏览器它的语言环境
Cache-Control: 缓存控制
Connection: 告诉浏览器，请求完成时断开还是保持连接
HOST：主机.../

4.4Http响应

  • 服务器— 响应—客户端

百度：

Cache-Control: private		缓存控制
Connection: keep-alive		连接
Content-Encoding: gzip		编码
Content-Type: text/html;charset=utf-8	类型

1.响应体

Accept: 告诉浏览器它所支持的数据类型
Accept-Encoding: 支持哪种编码格式 GBK  UTF-8 GB2312	ISO8859-1
Accept-Language: 告诉浏览器它的语言环境
Cache-Control: 缓存控制
Connection: 告诉浏览器，请求完成时断开还是保持连接
HOST：主机.../
Refrush：告诉客户端，多久刷新一次；
Location：让网页重新定位；

2.响应状态码

200：请求响应成功 200

3xx：请求重定向

  • 重定向：你重新到我给你的新位置去

4xx：找不到资源 404

  • 资源不存在

5xx：服务器代码错误 500 502：网关错误

常见面试题：

当你的浏览器中地址栏输入地址并回车的一瞬间到页面能够展示回来，经历了什么？

5.Maven

我为什么要学习这个技术？

1.在Javaweb开发中，需要使用大量jar包，我们手动去导入；

2.如何额能够让一个东西自动帮我导入和配置这个jar包

由此，Maven诞生了！

5.1 Maven项目架构管理工具

我们目前用来就是方便导入jar包的！

Maven的核心思想：约定大于配置

  • 有约束，不要去违反。

Maven会规定好你该如何去编写我们的Java代码，必须按照这个规范来；

5.2 下载安装Maven

官网：https://maven.apache.org/

image-20230308092758339

建议：把环境都放一个文件夹里，方便管理

5.3配置环境变量

在我们的环境变量中：

配置如下：

  • M2_HOME maven目录下的bin目录
  • MAVEN_HOME maven的目录
  • 在系统的path中配置MAVEN_HOME

image-20230308095416433

测试配置成功！

5.4阿里云镜像

  • 镜像：mirrors
    • 作用：加速我们的下载
  • 国内建议使用阿里云的镜像
<mirror> 
    <id>alimaven</id> 
    <name>aliyun maven</name> 
    <url>http://maven.aliyun.com/nexus/content/groups/public/</url> 
    <mirrorOf>central</mirrorOf> 
  </mirror>

5.5 本地仓库

在本地的仓库，远程仓库；

建立一个本地仓库：localRepository

<localRepository>E:\java\apache-maven-3.9.0\maven-repo</localRepository>

5.6 在idea中使用Maven

  1. 启动idea

  2. 创建一个MavenWeb项目

    image-20230308145102466

image-20230308145334041

image-20230308145510266

image-20230308145810905

image-20230308152430993

  1. 观察maven仓库多了什么东西？

  2. IDEA中的MAVEN设置（注意事项：IDEA项目创建成功后，看一眼Maven的配置）

    image-20230308153144616

    注意：经常在IDEA中会出现一个问题就是项目自动创建完成后，它这个MavenHome会使用IDEA默认，我们如果发现了这个问题，手动改为本地

  3. image-20230308154118670

到这里，Maven在IDEA中的配置和使用就OK了！

5.7 创建一个普通的Maven项目

image-20230308154344099

image-20230308154351338

一个干净的maven项目

image-20230308154717604

这个只有在web项目下才会有！

image-20230308154904388

5.8在idea中标记文件夹功能

image-20230308155509049

image-20230308155643232

image-20230308155921473

image-20230308160038174

5.9在idea中配置tomcat

image-20230308162206464

image-20230308162311842

image-20230308165316496

解决警告问题：

为什么会有这个问题：我们访问一个网站，需要指定一个文件夹的名字；（必须要的）

image-20230309111238015

image-20230309111455296

image-20230309111535777

image-20230309113505532

5.10pom文件

pom.xml是Maven的核心配置文件

<?xml version="1.0" encoding="UTF-8"?>
<!--Maven版本和头文件-->
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
<!--这里就是我们刚才配置的GAV-->
  <groupId>com.feng</groupId>
  <artifactId>Javaweb-01-Maven</artifactId>
  <version>1.0-SNAPSHOT</version>
<!--Package：项目的打包方式
jar：Java应用
war：Java web应用

-->

  <packaging>war</packaging>

  <name>Javaweb-01-Maven Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>
  <!--配置-->
  <properties>
<!--项目的默认构建编码    -->
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<!--    编译版本-->
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>

<!--  项目依赖-->
  <dependencies>
<!--    具体依赖的jar包配置文件-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>

    </dependency>
  </dependencies>

<!--  项目构建用的东西-->
  <build>
    <finalName>Javaweb-01-Maven</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>

image-20230309152249347

maven由于他的约定大于配置，我们之后可能遇到我们写的配置文件，无法被导出或者生效的问题，解决方案：

<!--在build中配置resources,来防止我们资源导出失败的问题-->
    <build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <excludes>
                    <exclude>**/*.properties</exclude>
                    <exclude>**/*.xml</exclude>
                </excludes>
                <filtering>false</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>

5.12IDEA操作

Maven中jar包的联系关联图

image-20230309153748098

5.13解决遇到的问题

6.Servlet

6.1 Servlet简介

  • Servlet就是sun公司开发动态web的一门技术
  • sun在这些api中提供了一个接口叫做：Servlet，如果你想开发一个Servlet程序，只需要完成两个步骤：
    • 编写一个类，实现Servlet接口
    • 把开发好的Java类部署到Web程序中

把实现了Servlet接口的Java程序叫做Servlet

6.2HelloServlet

Servlet接口Sun公司有两个默认的实现类：HttpServlet

1.构建一个普通Maven项目，删掉里面的src目录，以后我们的学习就在这个项目里面建立Moudle；

这个空的工程就是Maven主工程；

2.关于Maven父子工程的理解：

父项目中会有

 <modules>
        <module>servlet-01</module>
    </modules>

子项目会有

 <parent>
        <artifactId>Javaweb-02-servlet</artifactId>
        <groupId>com.feng</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>

父项目中的java子项目可以直接使用

son extends father

3.Maven环境优化

  1. 修改web.xml为最新的
  2. 将maven的结构构建完整

4.编写一个Servlet 程序

  1. 编写一个普通类
  2. 实现Servlet接口，这里我们直接继承HttpServlet,GenericServlet
public class HelloServlet extends HttpServlet {

    //由于get或者post只是请求实现的不同的方式，可以互相调用，业务逻辑都一样
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        //ServletOutputStream outputStream = resp.getOutputStream();
        PrintWriter writer = resp.getWriter();//响应流
        writer.print("Hello,Servlet");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

5.编写Servlet的映射

为什么需要映射：我们写的是JAVA程序，但是要通过浏览器访问，而浏览器需要连接web服务器，所以我们需要在web服务中注册我们写的Servlet，还需要给他一个浏览器能够访问的路径；

<!--    注册servlet-->
<servlet>
    <servlet-name>hello</servlet-name>
    <servlet-class>com.feng.servlet.HelloServlet</servlet-class>
</servlet>
<!--    servlet的请求路径-->
<servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello</url-pattern>
</servlet-mapping>

6.配置tomcat

相关博文：
· 详细记录Javaweb学习笔记
· JavaWeb
· Web基础笔记
· javaWeb
· javaweb
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通

随笔 - 1, 文章 - 0, 评论 - 0, 阅读 - 43

Copyright © 2025 若·枫
Powered by .NET 9.0 on Kubernetes

点击右上角即可分享
微信分享提示