1.基本概念

web开发

  • web,网页的意思,www.baidu.com
  • 静态web
    • html,css
    • 提供给所有人看的数据始终不会发送变化!
  • 动态web
    • 淘宝,几乎所有网站都是动态
    • 技术栈:Servlet/JSP,ASP,PHP

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

1.2web应用程序

web应用程序:可以提供浏览器访问的程序;

  • a.html、b.html….多个web资源,这些web文件都能被外界访问,对外界提供服务;
  • 我们能访问到的任何一个资源,都存在于这个世界上的某一个角落的计算机上
  • URL
  • 这个统一的web资源会被放在同一个文件夹下,web应用程序—>Tomcat:服务器
  • 一个web应用由多部分组成(静态web,动态web)
    • html,css
    • jsp,servlet
    • Java程序
    • jar
    • 配置文件(Properties)

web应用程序编写完成后,若想给外界访问:需要一个服务器来统一管理

1.3静态web

  • .htm,.html,这是网页的后缀,如果服务器上一直存在这些东西,我们就可以直接进行读取。通络
  • 图片.png
  • 静态web存在的缺点

    • web页面无法动态更新,所有用户看到的都是同一个页面
      • 轮播图,点击特效:伪动态
      • JavaScript[实际开发中,用的最多]
      • VBScript
    • 它无法和数据库交互

      • 这样的话数据无法持久化 用户无法交互

        1.4动态Web

        页面会动态展示:”Web的页面展示效果因人而异”;
        图片.png
        缺点
    • 加入服务器的动态web资源出现了错误,我们需要重新编写我们的后台程序,重新发布;

      • 停机维护

优点

  • 可以连接数据库

    • 图片.png

      2、Web服务器

      JSP/Servlet:
      B/S:浏览器和服务器
      C/S:客户端和服务器

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

        2.1、Web服务器Tomcat

        服务器是一种被动的操作,用来处理用户的一些请求和个用户一些响应信息;
        IIS
        微软的:ASP….,Windows自带

Tomcat
面向百度编程

下载Tomcat
安装or解压
了解配置文件和目录结构
这个东西的作用

图片.png

2.2、高难度面试题:

网站是如何进行访问的
1.输入域名;回车
2.检查本机system32\drives\etc\hosts配置文件下有没有这个域名央射
1.有:直接返回对应的ip地址,这个地址中,有我们需要访问web程序,可以直接访问
127.0.0.1 www.qinjiang.com
2.就去DNS服务器上寻找,找到的话就返回,找不到就报错

Tomcat图片.png

4、Http

4.1、什么是Http

  1. Http(超文本传输协议)是一个简单的请求响应协议,它通常运行在TCP之上
  2. - 文本:html,字符串
  3. - 超文本:图片,音乐,视频,定位,地图........;
  4. - 默认端口:80
  • https:安全的

    • 默认端口443

      4.2、两个时代

    • http1.0

      • HTTP/1.0:客户端可以与web服务器连接,只能获得一个web资源。断开连接
    • http2.0

      • HTTP/1.1:客户端可以与web服务器连接,可以获得多个web资源。

        4.3、Http请求

    • 客户端—-发请求—-服务

  • 百度

    1. Request URL: https://www.baidu.com/
    2. 请求方法: GET
    3. 状态代码: 200 OK
    4. 远程地址: 110.242.68.3:443
    5. 引荐来源网址政策: unsafe-url
    6. 英语的:
    7. image.png

      1、请求行

  • 请求行中的请求方式:GET

  • 请求方式:Get,Post,HEAD,DELETE,PUT,TRACT….

    • get:请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址显示数据内容不安全,但高效
    • post:请求能够携带的参数没有限制,大小没有限制,会在浏览器的URL地址显示数据内容安全,但不高效,但是5g出来了

      2、消息头

      百度:
  • image.png


  • 4.4、Http响应

    服务器 —->响应——>客户端
  1. Cache-Control: max-age=3600 //缓存控制
  2. Connection: keep-alive //连接
  3. Content-Encoding: gzip //编码
  4. Content-Type: text/javascript; charset=utf-8 //类型

    1、响应体

    • image.png

      2、响应状态码(重点)

      200:请求成功
      3xx:请求重定向

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

4xx:找不到资源 404
5xx:服务器代码错误 500 。 502:网关错误

常见面试题

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

5、Maven

为什么学习这个技术?

  1. 在JavaWeb开发中,需使用大量的jar包,我们手动去导入;
  2. 如何能够让idea帮我们自动帮我们导入和配置这个jar包;

    1. 由此Maven工具诞生了

      5.1、Maven项目架构管理工具

      我们目前用来就是方便导入jar包的
      Maven的核心思想:约定大于配置
    • 有约束,不要违反。

Maven会规定好你该如何去编写Java代码,必须按照这个规范来

5.2、下载安装Maven

Maven下载地址:https://maven.apache.org/
image.png
下载完成后解压

5.3、配置环境变量

配置如下

  1. M2_HOME Maven目录下的bin目录
  2. MAVEN_HOME Maven目录
  3. 在系统的path中配置%MAVEN_HOME%\bin
  4. image.png
  5. 测试Maven配置是否成功,

    5.4、阿里云镜像

    • 镜像:mirrors
      • 作用:加速我们下载
    • 国内建议使用阿里云镜像


alimaven
*,!jeecg,!jeecg-snapshots
aliyun maven
http://maven.aliyun.com/nexus/content/groups/public/

5.5、本地仓库

在本地的仓库,远程仓库
建立一个本地仓库
F:\apache-maven-3.8.2\maven-repo

5.6、在IDEA里面使用Maven

  • 启动IDEA
  • 创建一个Maven项目
  • image.png

  • image.png
  • image.png
  • 下载
  • image.png
  • 等待项目导入,初始化完毕
  • 配置成功
  • image.png
  • 观察maven仓库中多了什么东西;
  • IDEA的Maven设置
  • IDEA项目创建成功后,看一看maven的配置
  • image.png
  • 到这里,Maven在IDEA中的配置和使用就ok了

    5.7、创建一个Maven普通项目

image.png

5.8、在IDEA中标记文件夹功能

image.png
2。
image.png

5.9添加Tomcat

image.png

image.png

image.png
新建一个artifacts
image.png

必须要配置的: 我们访问一个网站,需要指定一个文件夹名字
image.png
这里启动Tomcat使用的是默认的index.jsp
image.png

6.0、分别表达的意思

pom.xml是maven的核心配置文件
image.png

6、pom.xml文件

6.1、jar依赖添加位置




junit
junit
4.11

  1. 由于Maven它的约束大于配置,我们之后可以能遇到我们写的配置文件,无法被导出或者生效的问题
  1. 问题Maven会导致资源无法被导出或者生效问题就得配置一个里面的
  2. image.png