二阶段后续复习

1.Vue组件

概述

扩展了HTML的元素 优点:提高了组件代码的复用性
使用步骤:1.创建vue组件
2.使用组件(当做HTML标签)
分类:1.全局组件
2.局部组件
全局组件语法:Vue.component(1,2)–1是标签名/组件名2是配置选项
局部组件语法:给Vue对象添加components属性

测试代码

在这里插入图片描述
在这里插入图片描述

2.Axios技术

概述

是Vue提供的Ajax技术,和JS实现的Ajax不同,Vue提供了更简单语法,封装了js代码
Ajax技术是实现了网页的局部刷新,异步访问的功能.
优点: 避免了刷新整个网页,而只刷新局部

语法

在这里插入图片描述

使用步骤

引入vue.js + 引入axios.js

代码

在这里插入图片描述
1.json文件代码
在这里插入图片描述

总结

在这里插入图片描述

3.Vue路由

接受浏览器的请求,根据不同的请求的方式,找到匹配的组件
工具类:
1.VueRouter表示Vue的路由对象.
2.routes属性是VueRouter的核心属性,用来把不同的请求匹配的不同的组件
使用步骤:
1.引入vue.js 2.引入vue-router.js

代码

在这里插入图片描述
在这里插入图片描述

4.maven

概述

是一个用来项目构建工具,用来管理项目中用到的jar包.
Maven的核心: 下载jar包 + 存放jar包 + 编译jar包
特征:
1.远程仓库/中央仓库: 本质上就是一个国外的网址
2.镜像仓库: 就是一个国内的网址,比如:阿里云
3.本地仓库: 需要你在磁盘中创建一个文件夹,存放下载好的jar包
4.坐标: 唯一定位jar包的方式.
groupId是组id,通常他的值是公司的域名
artifactId是项目id,通常他的值是项目名称
version是jar包的版本号
5.依赖: jar包之间也有复杂的依赖关系, maven可以下载所有关联的jar包

使用步骤

1.解压maven的压缩包
2.找到settings.xml文件(在D:\apache-maven-3.6.3\conf里),修改两处:
本地仓库: 存放jar包的位置,自己指定一个磁盘路径
镜像仓库: 下载jar包的网址,阿里云

关于maven的总结

1.解压maven的压缩包
2.找到settings.xml文件,修改了本地仓库和镜像仓库
3.在IDEA里创建Maven工程
4.给Maven工程配置Maven,否则都用的默认位置,jar包会下载到C盘
5.修改pom.xml , 添加jar包的坐标
6.点刷新按钮,下载jar包
7.只要pom.xml文件里没有飘红就行了

5.SpringBoot

概述

是由Spring团队开发的,整合了Spring框架,SpringMVC框架的所有jar包.
优点:
1.简化了Maven的操作,以前自己找jar包的坐标,现在直接创建springboot工程勾选你要的功能
2.SpringBoot项目可以快速启动/关闭,就是像服务器(Tomcat)一样的操作.被整合了
3.简单快速整合其他技术

6.SpringMVC框架

概述

是Spring团队的产品,遵循MVC设计模式
MVC设计模式: 最终实现松耦合
M:Model是模型层,用来封装数据
V:View是视图层,用来展示数据
C:Controller是控制层,用来接收浏览器发出的请求,并做出数据的响应
SpringMVC框架用来接受请求 + 做出响应

SpringMVC的工作原理

涉及五个组件
1,前端控制器DispatcherServlet: 接受请求,并且调度
2,处理器映射器HandlerMapping: 根据地址栏的写法,找到能处理这次请求的类和方法
3,处理器适配器HandlerAdapter: 真正开始找到方法,执行方法体处理业务,并返回结果
4,视图解析器ViewResolver: 找到能够展示数据的页面
5,视图渲染View: 把数据展示在页面上
在这里插入图片描述

解析请求参数

浏览器发送数据给服务器有两种方式? get 和 post
get 的数据.在地址栏展示,用?拼接的参数
post的数据,安全不在地址栏展示
开发步骤:
1.导入SpringMVC相关的jar包(被Springboot整合了)
2.使用注解开发
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

代码练习

在这里插入图片描述
在这里插入图片描述

7.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值