翁老师的教学团队

【代码】12-使用Vue与axios改造jquery列表页面。

1：导入文件》2：准备 app视图

axios介绍（1）以前 vue-resourcevue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务（2）现在（2.0之后） axios是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中美 [ˈprɑ:mɪs]axios的github:https://github.com/axios/axiosaxios使用（1）引入 （2）get请求（3）post请求<bod

注意：(1)想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象(2)root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法(3)root容器里的代码被称为Vue模板(4)Vue实例与容器是一一对应的(5)真实开发中只有一个Vue实例，并且会配合着组件一起使用(6){{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性(7)一旦data中的数据发生变化，那么模板中用到该数据的地方也会自动更新总结：Vue模板语法包括两大类：案例：数据绑

Thymeleaf介绍（1）什么是模板技术?由模板引擎将数据与模板页面合在一起，形成页面（2）什么是thymeleaf?SpringBoot并不推荐使用jsp，但是支持一些模板引擎技术，如：Freemarker，Thymeleaf，Mustache（3）为什么选择Thymeleaf可以完全替代jsp（4）有什么特点》动静结合，直接访问或者通过服务器访问浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行当有数据返回到页面时，Th

Spring Boot集成Jpa（1）添加Spring Data JPA的起步依赖（2）添加数据库驱动依赖（3） 在application.properties中配置数据库和jpa的相关属性空格不能随便删除spring: datasource: # hikari driver-class-name: com.mysql.cj.jdbc.Driver # mysql 8 username: root password: 123456 url: jdbc:mys

hikari数据库连接池（1）Hikari 光（2）Hikari 是什么?HikariCP是现在比较快，而且轻量的连接池（3）Hikari 有什么特点》Hikari是一款非常强大，高效，并且号称“史上最快连接池”》在springboot2.0之后，采用的默认数据库连接池就是Hikari。不需要引入依赖，已经在SpringBoot中包含了。GitHub地址：https://github.com/brettwooldridge/HikariCP手动使用hikaripom.xml

springboot集成jsp（1）springboot jsp页面》添加依赖servlet ,jstl ,JSP引擎》新建webapp目录(没有该目录不能创建jsp)》application.properties或者application.yml配置mvcspringboot不建议大家使用jsp，而推荐使用 thymeleaf大家只能手动添加依赖，并且手动创建webapp目录pom.xml <!-- 添加 servlet 依赖. --> <depen

Spring Boot的配置文件的类型和作用（1）SpringBoot是基于约定的，所以很多配置都有默认值（2）为什么还要有配置文件？想使用自己的配置替换默认配置（3）配置文件有两种application.propertiesapplication.yml（application.yaml）（4）SpringBoot默认会从Resources目录下加载application.properties或application.yml（application.yaml）文件Spring Boot

Spring Boot 集成Redis（1）添加redis的起步依赖（2） 配置redis的连接信息spring.redis.host=localhostspring.redis.port=6379（3）注入RedisTemplate测试redis操作@SpringBootTestclass Demo06redisApplicationTests { @Autowired RedisTemplate<String, String> rt; .

学习目标（1）后台使用springBoot（2）前台使用Vue准备数据库（1）创建数据库与表drop database vuejsdemo; create database vuejsdemo; use vuejsdemo;#创建数库中的表create table user(id int primary key auto_increment,age int,username varchar(20), `password` varchar(50), email varch

引入vue 与 axios <script src="js/vuejs-2.5.16.js"></script> <script src="js/axios-0.18.0.js"></script>引入自己的js<script src="js/moduel-user.js"></script>页面编写<div id="app"> <div v-if="viewid == 1"&gt

Spring Boot集成Mybatis（0）准备数据库创建user表create database springboot_test;create table person( id int primary key auto_increment, name varchar(20), age int)public class Person { private int id; private String name; private int age;（1）

学习目标（1）spring boot核心（2）spring boot整合Spring Boot课程内容介绍（1）Spring Boot简介（2）Spring Boot快速入门（3）Spring Boot原理分析（4）Spring Boot配置文件（5）Spring Boot与其他框架的整合Spring回顾（1）Spring是什么？Spring是Java企业版（Java Enterprise Edition，JEE，也称J2EE）的全栈，轻量级代替品（2）Spring核心是?

Spring Boot集成Junit5创建使用springboot创建就完成集成测试（1）在Spring Boot项目中使用Junit进行单元测试PersonService的方法（2）添加Junit的起步依赖以前使用junit4现在，springboot 2.4 自动使用junit5（3）编写测试类@SpringBootTestpublic class TextXxx在Spring Boot项目中如果编写测试类则必须要在类上面添加@SpringBootTest2.4.0版本使用J

整合SpringMVC：端口（1）可以修改tomcat的端口和访问项目中的静态资源（2）如何修改tomcat端口查询**Propertiesserver.port=8090server.servlet.context-path=/web01设置配置项（前缀+类变量名）到application配置文件中整合SpringMVC：静态资源http://localhost:8090/web01/js/jquery-2.2.3.min.js（1）static目录的作用是什么?类型we

【代码】Day45SpringBoot2.0完成业务集成事务管理。

（1）原生Ajax编程为什么不用？代码量大，使用不方便，封装成函数，直接调用（2)jQuery框架的ajax函数。

【代码】Day45SpringBoot2.0 集成jdbc完成CRUD。

4，接口直接写注解+ sql语句。1，依赖pom.xml。

1.Account模块Restful。