第三阶段20天内容简要

Day01

配置IDEA里面的SpringBoot项目,以及讲解配置文件和相关注解

 :i:如何在一个页面中创建多个项目?

I:前后端项目交互可以分解为公共思路方法层,还有具体业务层.

Day02

SpringBoot热部署;

Lombook插件

SpringBoot整合MyBatis

 i : SpringBoot如何整合MyBatis?

安装三个jar包

06.24下午视频82分钟

Day03

Mybatis实现数据查询时有2种Sql的写法.

1. 将所有的Sql语句都写到xml 映射文件中. (万能操作方式)
    
2. 可以将Sql语句通过注解的方式标识在接口方法中.(只适用于简单操作)
    

2. MybatisPlus

1. 导入jar包文件
2. 思想: 使用对象的方式操作数据库
3. 编辑POJO 实现对象与数据表的映射关系.
4. 继承公共的接口,获取常用的CURD操作.
5. 实现数据操作.

day04

1. json格式
2. jquery
3. Ajax
4. 跨域
5. Js原生for循环写法,关键字 in/of ;js关键字:var.let,const;

Q:Ajax为何可以异步?面试题

Day05-06

Day07

1. axios学习
2. 掌握前后端交互 ajax业务处理
3. SpringMVC中的参数接收/原理

Day08

1. Ajax异步调用
2. Ajax异步调用优化写法
3. 组件化思想
4. 路由机制

Day09

1. 组件化思想
2. 关于路由机制
3. 京淘前台/后台搭建

Day10

1. 搭建前后端框架
2. 熟悉脚手架结构(了解----看懂----掌握)
3. 了解前端JS elementUI
4. 实现用户登录

Day11实现用户登录操作

1. 编辑页面JS

属性绑定username和password;

1. Form表单校验

Rules定义校验规则;

Prop设定才有校验方式

1. 重置按钮实现

官网API:resetFileds

1. 表单重置所有字段初始值;
2. 移出校验结果

1. 登录实现之前后端

登录步骤

       1再次校验用户的数据是否有效validate

       2发起Ajax请求实现用户登录请求. username/password post请求

       3在后端服务器 通过username/password 进行数据的查询.结果 1.有数据 用户名密码正确. 2.无数据 用户名或密码错误

       4后端将数据处理完成之后,返回特定的数据. 告知前端 数据处理情况(回执!!!)status=200 代表操作成功!!! status=201 表示业务操作失败

       5前端通过JS判断服务器的回执. 如果状态码等于200 提示用户登录成功, 否则告知用户用户名或密码错误.

       6一般为了校验用户是否登录,会返回一个特殊的密钥-TOKEN(密文),如果没有密钥则需要重新登录.

1.说明: 前后端在进行交互时需要有一种统一的方式进行返回, 规定在京淘项目后端采用SysResult对象进行统一返回

2.VO层说明: 前端获取服务器数据时 一般都通过VO层进行封装.

Day12

1实现用户登录

a.用户登录凭证存储:前端要保存token信息;

Session与Cookie

Session是会话机制,打开浏览器建立会话机制..在会话的时间内,该机制一直有效.当会话结束的时候,之前保存的数据会被销毁.

I以上两个在哪里可以查看? Token是从后端返回的数据中携带的data;老师没讲.

先知道会话,打开页面,访问哪家服务器

b.实现用户页面跳转,从登录页面到主页

c.路由导航守卫:

需求,未登录不许跳;登录后才可转.方式检查session中的token;  By编辑index.JS

2.主页左侧菜单列表展现

展现一级二级权限信息

3.用户模块实现

a.欢迎页面跳转

b. 需求说明

       用户管理模块主要负责用户相关信息的维护,

       1.展现用户列表

       2.更新用户列表

       3.修改用户的状态

       4.删除用户

       5.新增用户

用sql语言在xml文件中写映射.

Day13

1. 利用MP实现分页查询
2. 修改状态status
3. 用户新增

正则表达式

1. 数据自动填充

MP自动填充创建时间和修改时间

Day14

1. 事务控制:

原子性;

Spring中的@Transactional.

注解属性 @Transactional(rollbackFor = Exception.class)  rollbackFor/noRollbackFor

原理AOP

1. 全局异常处理机制

Try/catch在文件中太多代码混乱,将异常信息抽取,提供了全局异常处理机制;建立MyException类;

3.商品分类业务实现

商品有三级.

一开始有两个循环嵌套. 后面从数据库提取一次数据,然后用Map整理;

Day15

ElementUI

商品分类新增;

商品分类删除:删除一级,后端把相关该一级下的二级三级都应删除;

商品列表展现,查询条件加上分页展现;

Day15

ElementUI

Day16

1.VMware下载

1.1 网址

https://www.vmware.com/cn/products/workstation-pro/workstation-pro-evaluation.html

3. 虚拟机安装

3.1 网卡说明

3.2 虚拟机基本配置

3.2.1 网段配置

路径 编辑----虚拟网络编辑器

 3.2.3 修改后的结果

3.3 导入Linux系统
3.3.1 路径
在本地文件目录进行解压.要求不要有中文/空格/特殊字符.

解压之后的效果如图:

3.3.2 虚拟机打开
选中.vmx 文件双击运行即可. 用户名和密码: root/root

3.3.3 虚拟化禁用问题
解决: 开机 狂点F1/F2/F8/DELETE 搜自己电脑的型号 如何进入BIOS系统
cpu设置: VT-X 禁用改为启用 F10保存退出.

3.4 虚拟机网络说明
3.4.1 桥接模式
规则: 如果需要与局域网中的其他设备进行通信 则首选桥接模式.
特点:
1.在局域网址的其他主机 可以访问虚拟机
2.要想使用桥接则必须有物理设备 (路由器(WIFI)/交换机)

3.4.2 NAT模式
特点: 只允许主机与虚拟机通讯.采用NAT
 

安装虚拟机,运行Linux.

连接网络,桥接模式与NAT模式 

Day17反向代理机制

步骤:
核心知识: 用户出于某种原因 无法直接访问服务器.所以采用代理机制
1. 用户向代理服务器发送请求,(以为代理服务器就是真实目标服务器)
2. 代理服务器接收请求时,根据自己的映射文件,重新发起新的请求 访问真实的目标服务器.
3. 根据映射路径,查找真实的服务器资源.
4. 获取资源返回给代理服务器.
5. 代理服务器将资源交换给用户.
 

2.2 正向代理机制
2.2.1 正向代理
正向代理，意思是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。
特点:
1.正向代理介于用户与目标服务器之间.
2.用户非常清楚的知道自己访问的远程资源到底是谁.
3.一般采用正向代理时 都是为了实现网络的通信.

2.2.2 正向代理解析

2.6 反向代理入门案例

2.6.1 nginx配置文件位置

2.7.3 HOSTS文件

作用: 主要在本机实现 域名与IP的映射.
文件位置:

图片回显的工作原理

 

i:hosts文件如何让image.jt.com的链接从发到公网到发给nginx的?

hosts文件中设置好image.jt.com和主机ip127.0.0.1之后,程序访问image.jt.com不到公网,而是到ip127.0.0.1 .而个人理解,nginx安装后占用的就是本机的ip地址127. 所以hosts让发送到ip127,就是发送给nginx进行处理.

Day18项目部署流程图

集群概念:

Day19

2.项目部署说明

2.1 部署流程图

说明: 部署分为2步 第一步:完成Mysql数据库安装 第二步 完成tomcat集群的部署.

Day20

3.4 实现前端项目部署

3.4.1 最终部署流程图