javaWeb笔记

javaWeb

​ 黑马javaweb : CSDN笔记javaweb，
​ https://heuqqdmbyk.feishu.cn/wiki/space/7413668442156498972?ccm_open_type=lark_wiki_spaceLink&open_tab_from=wiki_home
​ 苍穹外卖：
​ 苍穹外卖_吾浴西风的博客-CSDN博客

Web开发

什么是web开发

​ Web：全球广域网，也称为万维网(www World Wide Web)，能够通过浏览器访问的网站

网站的工作流程

​ 1.首先我们需要通过浏览器访问发布到前端服务器中的前端程序，这时候前端程序会将前端代码返回给浏览器
​ 2.浏览器得到前端代码，此时浏览器会将前端代码进行解析，然后展示到浏览器的窗口中，这时候我们就看到了网站的页面
​ 3.但是此时这个页面是没有数据的，因为数据在我们的数据库中，所以我们浏览器需要根据前端代码中指定的后台服务器的地址 向 我们的后台服务器
​ （内部有java程序）发起请求，后台服务器再去从数据库中获取数据，然后返回给浏览器
​ 4.浏览器拿到后台返回的数据后，然后将数据展示在前端资源也就是网页上

网站的开发模式

前后端分离

​ 目前企业开发的主流，市场占有率70%以上）这种开发模式的特点如下
​ 前端人员开发前端程序，前端程序单独部署到前端服务器上
​ 后端人员开开发后端程序，后端程序单独部署到后端服务器上

混合开发

​ （早期的开发技术，目前慢慢退出市场），这种开发模式的特点是：前端人员开发的代码和后端人员开发的代码在同一个项目中，一起打包部署

Web开发技术栈

前端web开发：

技术 描述
HTML 用于构建网站的基础结构的
css 用于美化页面的，作用和化妆或者整容作用一样
JavaScript 实现网页和用户的交互
Vue 主要用于将数据填充到html页面上的
Element 主要提供了一些非常美观的组件
Nginx 一款web服务器软件，可以用于部署我们的前端工程

后端web开发：

技术 描述
Maven 一款java中用于管理项目的软件
Mysql 最常用的一款数据库软件之一
SpringBoot spring家族的产品，当前最为主流的项目开发技术。
Mybatis 用于操作数据库的框架
阶段 内容
Web前端基础 HTML、CSS、JS、Vue3、Ajax
Web后端基础 Maven、HTTP协议、Spring IOC、DI、MySQL、JDBC、Mybatis
Web后端实战 Tlias案例（基于案例讲解web开发的核心知识）
Web后端进阶 SpringAOP、SpringBoot原理、自定义Starter、Maven高级
前端web实战 Vue工程化、ElementPlus、Tlias案例
项目部署 Linux、Docker

HTTP协议

版本

​ HTTP/1.1

  • HTTP 的第一个标准化版本 HTTP/1.1 ( RFC 2068 ) 于 1997 年初发布，支持七种请求方法：OPTIONS，GET，HEAD，POST，PUT，DELETE，和TRACE

  • HTTP/1.1 是 HTTP 1.0 的增强：

    • 虚拟主机允许从单个 IP 地址提供多个域。

    • 持久连接和流水线连接允许 Web 浏览器通过单个持久连接发送多个请求。

    • 缓存支持节省了带宽并使响应速度更快。

  • HTTP/1.1 在接下来的 15 年左右将非常稳定。

  • 在此期间，出现了 HTTPS（安全超文本传输协议）。它是使用 SSL/TLS 进行安全加密通信的 HTTP 的安全版本。

​ 后面还有2和3版本，但一般使用1.1版本

会话方式

  • 浏览器与WEB服务器的连接过程是短暂的，每次连接只处理一个请求和响应。对每一个页面的访问，浏览器与WEB服务器都要建立一次单独的连接。
  • 浏览器到WEB服务器之间的所有通讯都是完全独立分开的请求和响应对。

请求和响应报文

​ 报文格式：
​ 主体上分为报文首部和报文主体,中间空行隔开
​ 报文首部可以继续细分为 "行" 和 "头"

请求报文

​ 客户端发给服务端的报文

  • 请求报文格式
    • 请求首行（请求行）； GET/POST 资源路径?参数 HTTP/1.1
    • 请求头信息（请求头）；
    • 空行；
    • 请求体；POST请求才有请求体

发送GET请求特点

1、由于请求参数在请求首行中已经携带了，所以没有请求体，也没有请求空行
2、请求参数拼接在url地址中，地址栏可见[url?name1=value1&name2=value2]，不安全
3、由于参数在地址栏中携带，所以由大小限制[地址栏数据大小一般限制为4k]，只能携带纯文本
4、get请求参数只能上传文本数据
5、没有请求体。所以封装和解析都快，效率高， 浏览器默认提交的请求都是get请求比如：地址栏输入回车,超链接,表单默认的提交方式
6，get方式也可以有请求体，但是浏览器form表单的提交都是不把数据放在请求体内的

发送post请求特点

1、POST请求有请求体，而GET请求没有请求体。
2、post请求数据在请求体中携带，请求体数据大小没有限制，可以用来上传所有内容[文件、文本]
3、只能使用post请求上传文件
4、post请求报文多了和请求体相关的配置[请求头]
5、地址栏参数不可见，相对安全
6、post效率比get低

  • 请求行组成部分
    • 请求方式
    • 访问服务器的资源路径?参数1=值1&参数2=值2 ... ... //一般get方式会将参数放在这里
    • 协议及版本 HTTP/1.1
POST /05_web_tomcat/login_success.html HTTP/1.1
  • 请求头
Host: localhost:8080
Connection: keep-alive
Content-Length: 31     -请求体内容的长度
Cache-Control: max-age=0  -无缓存
Origin: http://localhost:8080
Upgrade-Insecure-Requests: 1  -协议的自动升级
Content-Type: application/x-www-form-urlencoded   -请求体内容类型[服务器根据类型解析请求体参数]
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.75 Safari/537.36
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Referer: http://localhost:8080/05_web_tomcat/login.html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
Cookie:JSESSIONID-

  • 请求空行

  • 请求体:浏览器提交给服务器的数据 (post才有)

username=admin&password=1232131
响应报文

响应报文格式

  • 响应首行（响应行）； 协议/版本 状态码 状态码描述
  • 响应头信息（响应头）；
  • 空行；
  • 响应体；
  • 响应行组成部分
    • 协议及版本 HTTP/1.1
    • 响应状态码 200
    • 状态描述 OK (可省)
HTTP/1.1 200 OK
说明：响应协议为HTTP1.1，响应状态码为200，表示请求成功；
  • 响应头
Server: Apache-Coyote/1.1   服务器的版本信息
Accept-Ranges: bytes
ETag: W/"157-1534126125811"
Last-Modified: Mon, 13 Aug 2018 02:08:45 GMT
Content-Type: text/html    响应体数据的类型[浏览器根据类型解析响应体数据]
Content-Length: 157   响应体内容的字节数
Date: Mon, 13 Aug 2018 02:47:57 GMT  响应的时间，这可能会有8小时的时区差
  • 响应体
<!--需要浏览器解析使用的内容[如果响应的是html页面，最终响应体内容会被浏览器显示到页面中]-->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
  </head>
  <body>
    恭喜你，登录成功了...
  </body>
</html>

​ 注：
​ 响应头中的 Content-Type 决定着浏览器会如何处理响应体内返回的数据
​ 在请求静态资源时，tomcat会自动根据conf/web.xml内记录的关系来自动加上文件对应的MIME类型
​ 在请求动态资源时，可使用 response.setHeader来设置或直接用response.setContentType来直接设置

响应状态码

响应状态码:响应码对浏览器来说很重要，它告诉浏览器响应的结果。比较有代表性的响应码如下：

  • 200： 请求成功，浏览器会把响应体内容（通常是html）显示在浏览器中；
  • 302： 重定向，当响应码为302时，表示服务器要求浏览器重新再发一个请求，服务器会发送一个响应头Location指定新请求的URL地址；
  • 304： 使用了本地缓存
  • 404： 请求的资源没有找到，说明客户端错误的请求了不存在的资源；
  • 405： 请求的方式不允许
  • 500： 请求资源找到了，但服务器内部出现了错误；

MVC架构模式

定义

MVC（Model View Controller）是软件工程中的一种软件架构模式，它把软件系统分为模型、视图和控制器三个基本部分。用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。

  • M：Model 模型层,具体功能如下

    1. 存放和数据库对象的实体类以及一些用于存储非数据库表完整相关的VO对象
    2. 存放一些对数据进行逻辑运算操作的的一些业务处理代码

  • V：View 视图层,具体功能如下

    1. 存放一些视图文件相关的代码 html css js等
    2. 在前后端分离的项目中,后端已经没有视图文件,该层次已经衍化成独立的前端项目

  • C：Controller 控制层,具体功能如下

    1. 接收客户端请求,获得请求数据
    2. 将准备好的数据响应给客户端

MVC模式下,项目中的常见包

  • M:

    1. 实体类包(pojo /entity /bean) 专门存放和数据库对应的实体类和一些VO对象
    2. 数据库访问包(dao/mapper) 专门存放对数据库不同表格CURD方法封装的一些类
    3. 服务包(service) 专门存放对数据进行业务逻辑运算的一些类

  • C:

    1. 控制层包(controller)

  • V:

    1. web目录下的视图资源 html css js img 等
    2. 前端工程化后,在后端项目中已经不存在了

具体结构

​ contoller层
​ controller层负责处理外部传来的接口
​ service层
​ service层负责提供具体的业务处理方法，供controller层调用，可使用一个接口对应一个实现类来方便调用
​ 在接口方法上提供该方法使用的注释
​ dao，mapper层
​ dao或mapper层提供对数据库的处理方法，负责操控数据库
​ 实体类(bean,pojo等)
​ 实体类负责将对数据库操纵的数据进行封装，方便进行专递及使用

前端

Web标准

​ Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定
​ 有三个组成部分
​ HTML：负责网页的结构（页面元素和内容）
​ CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）
​ JavaScript：负责网页的行为（交互效果）

HTML

什么是HTML

​ **HTML: **HyperText Markup Language，超文本标记语言
​ 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容
​ 标记语言：由标签构成的语言
​ HTML标签都是预定义好的。例如：使用

标签展示标题，使用展示超链接，使用展示图片，

posted @ 2025-06-14 00:09  LittleD-  阅读(14)  评论(0)    收藏  举报