spirngboot复习

• springboot是一个jar包

• parent统一了jar包管理，约束了子包的版本号，不需要子包添加版本号了。

• spring-boot-starter-web

• 版本号统一管理，********

• lombok,mysql,

• springboot的配置文件是application.yml/.properties

• 不配置的话就是默认值，等号后边那个，表示不写的话是默认值。********

• 启动类注解@SpringBootApplication

• main方法 SpringApplication.run(App.class)

• 默认会扫描启动类所在的包或者子包

集成Mybatis

• mybatis中 ${}和 #号 区别， ${}符号不加引号，但是 #给加引号********

• #{useranem}中的属性是User的属性*************

mybatis中 # 和$ 的区别********

• 用#号, insert into user(username,password) values(?,?),两个问号，分别注入值，有预编译，能够有效的防止sql注入

• 用$符号 insert into user(username,password) values(fjdk,34343);
  把username和password直接引入了sql语句，没有预编译，如果有sql注入也无法防止***************

• 结论： 尽量别用 $符号；

• 用户给你传了一个含有脚本的东西呢。。。就执行了

mybatis-plus来了******8

• 代码生成器得导入mybatis-plus-generate

• 版本号统一 mybatis-plus-boot-starter

• 基于模板引擎生成代码，导入
  freemarker

• 建立一个test/ com.neuedu.util.Auto

• 如何使用生成器呢，第一步骤copy过来，就是main里面的，
  然后修改

• 把所有带着scan的去掉

• @TableField(exist = false)
  不属于表的字段

• @JsonIgnore
  不序列化了,就是看不到pageNo和pageSize,withPage;

• save表示的是添加一个对象，update()表示的是修改，saveorupdate，如果主键不在表里面就添加，在表里面就修改。**********

前端

• 模块化开发
• 模块化：把页面分成一个个的模块，每个模块有独立的HTML，css js并且要保证模块在组装之后css和js互相不干扰，如果没有模块化，同一个页面，两个人分别作上下两部分，假如两个人标签id或者class起名重复了，会造成css中互相覆盖，

---

• 保证他们互相之间不能够冲突，一个模块可以是一个页面，也可以是页面的一个部分*******

• 模块化早期：low,

• 里面的是字符串，操作起来麻烦，不方便查看

• 方式vue-cli，vue脚手架，

Node，git

• vue-cli在整个前端项目中 只有一个页面
  只有一个vue对象，我们看到的不同的内容，全部是组件****

• vue-router–路由，类似于iframe,根据不同的地址加载不同的组件

• 整个项目都是用 es6 语法，来实现的，项目启动的时候 页面加载的是index.html,***********
  同时还加载了一个文件，main.js

• ./表示的当前目录

• 自带热部署*************8

• router-view就是根据地址的不同加载不同的内容

• import 和export是es6语法，表示的是导入和导出，

• 一般来说export只有一个，但是可以有多个，一般来说如果想要返回多个数据的话，就在export中的json中多写几个数据。

• import 变量 from 路径
  如果路径指向一个文件，可以不用写后缀名，

• 组件：
  const component = {
  data(){
  return {

    }
  

  },
  template: '

  ;
  }

组件的3大节点

• 1、每一个组件文件都是.vue为后缀名的文件，该文件下有3个节点，第一个是组件中html标签的部分，但是每个template只允许一个父节点，禁止写2个平级节点*******

• 2、

• 3、

• 如果路径指向一个目录，自动引入目录下为index.vue
  的文件

异步请求 axios

• 如何发起ajax请求，这里我们用Axios

• vue中用来发送异步请求，请求到服务器，返回数据

• 这里先引入，vue-cli中的npm 就类似前端的一个maven

• npm install axios

• 在main.js下写
  import axios from ‘axios’
  Vue.prototype.axios = axios
  axios.defaults.baseURL = ‘http://localhost’

获取： this.axios.get(地址).then(res=>{
response.log(res)
})

• 在Main.js下， Vue.prototype.属性名 = 属性值

• 自定义vue对象 的 属性， 一旦 定义了属性，所有的组件都可以用this.属性名来获取
  Vue.prototype.名字 = 数值

• 返回一个对象，把属性序列化成json,要序列化的属性必须有get方法，所以CommonResult上必须添加@Getter

• 字段封装

elementui