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.使用注解开发
代码练习