自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(128)
  • 收藏
  • 关注

原创 SpringBoot(22) —— 员工管理系统:登陆拦截器

注意:上图指示出了拦截器只会拦截controller但是经过测试,springBoot中会拦截static文件夹下面静态资源的访问所以在放行的时候需要放行静态资源的请求目录1.代码实现2.测试1.代码实现定义一个类实现拦截器接口实现必要的preHandle()方法即可,其他两个可以先不用实现package com.thhh.config;import org.springframework.web.servlet.HandlerInterceptor;import j..

2020-09-30 15:57:34 201

原创 SpringBoot(21) —— 员工管理系统:登陆功能实现

目录1.登陆功能2.问题与解决1.登陆功能由于我们还没有使用数据库,所以对于登陆功能我们可以在后台设置一个假验证,用户名随便输入,只要密码为12345就可以登陆成功首先观察前端视图模板上表单提交地址,写一个controller来控制视图跳转并修改表单提交地址package com.thhh.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;impor

2020-09-30 10:28:45 597

原创 SpringBoot(20) —— 员工管理系统:国际化

页面国际化确保下面这个设置界面所有地方都是utf-8创建一个国际化文件夹,取名i18n(国际化 internationalization,从第一个字母到最后一个n字母中间有18个字母,所以简称i18n)在i18n下面创建两个配置文件login.properties和login_zh_CN.properties,可以发现我们创建了第二个配置文件之后,IDEA为我们创建了一个新的文件夹:Resource Bundle ‘login’我们可以在这个文件夹中再创建一个文件夹..

2020-09-30 09:35:07 256

原创 SpringBoot(19) —— 员工管理系统:首页实现

目录1.设置首页路由问题2.解决静态资源css、js、img加载不进来的问题3.注意点1.设置首页路由问题首页的静态资源我们已经导入了,所以直接去配置视图解析器编写controller跳转视图/开发网页接口package com.thhh.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;@Con

2020-09-29 21:37:35 326

原创 SpringBoot(18) —— 员工管理系统:准备工作

目录1.项目准备2.数据准备+dao层1.项目准备清理项目结构我们还是就使用创建的springboot-03-web项目,前面预备知识已经学习完了,所以把一些不用的东西都删除,留下一个干净的项目结构引入静态资源按照前面学习的知识点可知:页面/视图模板放在templates文件夹下;静态资源css、js、img放在static文件夹下(虽然静态资源有4个地方可以存放,但是还是使用springBoot项目默认的static文件夹)2.数据准备+dao层数据库先不用,现在

2020-09-29 20:09:38 250

原创 SpringBoot(17) —— 扩展springMVC

目录1.日期格式设置2.注解@EnableWebMvc3.小结1.日期格式设置springBoot中自动配置springMVC还有一个特性为Formatter说到格式,首先最让我们头疼就就是日期格式,我们可以去看看springBoot里日期格式默认是什么样的直接去WebMvcAutoConfiguration的配置类WebMvcProperties中看看日期默认格式@Deprecated@DeprecatedConfigurationProperty(replacement = "sprin

2020-09-29 17:14:45 347

原创 SpringBoot(16) —— MVC配置原理

在进行项目编写前,我们还需要知道一个东西,就是SpringBoot对我们的SpringMVC还做了哪些配置,包括如何扩展,如何定制只有把这些都搞清楚了,我们在之后使用才会更加得心应手途径一:源码分析,途径二:官方文档!SpringMVC官方doc.springboot为springmvc提供了自动配置,可以很好地与大多数应用程序配合使用自动配置在Spring的默认设置之上添加了以下功能:- 包含内容协商视图解析器和Bean名称视图解析器Bean- 对服务静态资源的支持,包括对web...

2020-09-29 15:55:12 845

原创 SpringBoot(15) —— thymeleaf语法

使用${}取值的规则- ${x} will return a variable x stored into the Thymeleaf context or as a request attribute.- 将返回存储在Thymeleaf上下文中或作为请求属性的变量x。- ${param.x} will return a request parameter called x (which might be multivalued).- ${param.x}将返回一个名为x的请求参数(可能是多值的

2020-09-29 12:28:54 187

原创 SpringBoot(14) —— thymeleaf

目录1.模板引擎2.导入thymeleaf依赖3.使用thymeleaf4.小结1.模板引擎前端交给我们的页面,是html页面。如果是我们以前开发,我们需要把他们转成jsp页面,jsp好处就是当我们查出一些数据转发到JSP页面以后,我们可以用jsp轻松实现数据的显示,及交互等jsp支持非常强大的功能,包括能写Java代码,但是呢,我们现在的这种情况,SpringBoot这个项目首先是以jar的方式,不是war;第二,我们用的还是嵌入式的Tomcat,所以呢,他现在默认是不支持jsp的那

2020-09-29 10:44:09 260

原创 SpringBoot(13) —— 首页和图标定制

目录1.首页2.图标1.首页和静态资源一样,首页的配置也在自动配置类WebMvcAutoConfiguration中,这个类中有一个方法叫getWelcomePage()private Optional<Resource> getWelcomePage() { String[] locations = getResourceLocations(this.resourceProperties.getStaticLocations()); return Arrays.stream(loc

2020-09-29 09:11:31 276

原创 SpringBoot(12) —— 静态资源导入探究

目录1.源码分析2.小结1.源码分析创建一个新项目:springboot-03-web创建一个controller,测试web环境是否搭建成功package com.thhh.controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic

2020-09-29 00:50:34 202

原创 SpringBoot(12) —— web开发探究

先回顾一下前面的知识点springBoot帮我们自动配置了什么?我们能不能对这些自动配置进行修改?能修改哪些东西?能不能进行扩展?【XXXAutoConfiguration】springBoot帮我们自动配置的东西都在当前这个场景的自动配置类XXXAutoConfiguration中【XXXProperties】我们可以通过项目的配置文件修改当前场景的自动配置类XXXAutoConfiguration中的XXXProperties类的成员属性的值对这些自动配置进行修改能修改的东西都.

2020-09-28 21:02:02 107

原创 SpringBoot(11) —— 自动配置原理再理解

说到自动配置,就不得不说在第5篇博客中说到的springBoot的自动配置原理(SpringBoot(5) —— SpringBoot自动装配原理).),实现自动配置原理的重要文件就是"META-INF/spring.factories",这个文件中存储了几乎所有场景下的自动配置类我们在application.yml/prtperties中可以配置的东西和"META-INF/spring.factories"文件有莫大的关系我们可以在"META-INF/spring.factories"文.

2020-09-28 20:20:56 273

原创 SpringBoot(10) —— 多环境配置&配置文件位置

目录1.配置文件可以存放的位置2.多环境配置1.配置文件可以存放的位置直接启动springBoot项目删除file:./config/删除file: ./删除classpath: /config从上面的结果我们就验证了官方文档上说的4个位置配置配置文件,最终生效的配置文件的顺序2.多环境配置    在实际的开发中,我们肯定会使用到多套数据库环境,多套环境就对应原来的多个properties文件,当我们在某一个配置文件位置同时存在多套

2020-09-28 15:19:25 480

原创 SpringBoot(9) —— JSR303校验

目录1.什么是JSR303校验2.怎么使用JSR303校验3.测试1.什么是JSR303校验JSR-303 是 JAVA EE 6 中的一项子规范,叫做 Bean Validation,官方参考实现是Hibernate Validator此实现与 Hibernate ORM 没有任何关系。JSR 303 用于对 Java Bean 中的字段的值进行验证Spring MVC 3.x 之中也大力支持 JSR-303,可以在控制器中对表单提交的数据方便地验证可以使用注解的方式进行验证2.怎么使

2020-09-28 12:06:59 201

原创 SpringBoot(8) —— yaml给对象属性赋值的几种方式

目录1.为什么要使用yaml给对象属性赋值2.实践3.扩展1.为什么要使用yaml给对象属性赋值yaml可以直接给实体类的属性赋值原来我们学习的给实体类赋值的方式有两种:①调用有参构造 ②使用注解@value上面两种方式都可以实现对对象成员属性的赋值,但是我们每new一个新对象我们就需要在调用构造的地方显式的传入数据或使用注解@value的地方修改源代码,这显然不是我们想要的yaml可以实现在配置文件中配置对象属性2.实践创建两个pojo:dog+personpackage com.

2020-09-28 10:09:21 2962 3

原创 SpringBoot(7) —— yaml语法讲解

目录1.配置文件2.yaml基本语法3.实践    创建好的springBoot项目会有3个初始化好的模板文件,上一篇博客讲了主启动类,这篇博客用来讲配置文件1.配置文件SpringBoot使用一个全局的配置文件,配置文件名称是固定的application.properties语法结构:key=valueapplication.yml【官方更加推荐】语法结构: key:空格value 【注意:空格必须要有】配置文件的作用:修改Sp

2020-09-27 23:59:49 1464

原创 SpringBoot(6) ——主启动类/入口程序 怎么运行的

目录Run面试题Runpackage com.thhh;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication //标注这个类是一个springBoot的应用public class Springboot01HelloworldApplication {

2020-09-27 23:12:28 910

原创 SpringBoot(5) —— SpringBoot自动装配原理

目录1.pom.xml2.启动器3.入口程序1.注解分析4.结论1.pom.xml通过前面的学习我们知道在项目的pom.xml中,明显指出了我们创建的项目只是一个父工程的一个子model查看父工程的配置查看父工程spring-boot-dependencies:用于管理依赖的版本号(版本仓库,所以我们在我们创建的项目中引入依赖的时候不需要指定依赖的版本)、导入项目需要的核心依赖以及导入项目需要的插件spring-boot-starter-parent:用于配置资源过滤,

2020-09-27 21:38:57 270

原创 SpringBoot(4) —— IEDA快速创建SpringBoot项目&彩蛋

目录1.使用IDEA快速创建SpringBoot项目2.彩蛋1.使用IDEA快速创建SpringBoot项目这里我们就不选中自动导入依赖,看看会是什么情况运行入口程序手动导入spring-mvc依赖再次运行入口程序写一个controller测试项目环境【注意:从现在开始,我们就将controller中定义的方法称为一个对前端开发的接口,前端只要请求这个接口就可以获取到这个方法返回的资源】package com.thhh.controller;imp

2020-09-27 00:33:16 273

原创 SpringBoot(3) —— 第一个SpringBoot程序

1.项目环境(要用就用新的)JDK14maven 3.6.3SpringBoot为官方最新版IDEA 2020.22.搭建springBoot项目springBoot项目初始化需要使用到springBoot官网上的一个网站,但是IDEA内部集成了它,所以我们也可以直接再IDEA中创建一个SpringBoot项目启动项目测试项目环境是否搭建成功直接去项目的入口程序中点击运行即可启动项目访问8080端口创建完整的项目包结构  注意

2020-09-26 23:40:36 362 1

原创 SpringBoot(2) —— 什么是微服务架构

微服务1.什么是微服务?    微服务是一种架构风格(前面学习的RestFul风格也就是一种风格,但是它是接口风格,而微服务是一种架构风格,我们学习过的结构就是MVC 3层架构和MVVM前端架构),它要求我们在开发一个应用的时候,这个应用必须构建成一系列小服务的组合;可以通过http的方式进行互通。要说微服务架构,先得说说过去我们的单体应用架构。2.单体应用架构    所谓单体应用架构(all in one)是指,我们

2020-09-26 17:04:50 637

原创 SpringBoot(1) —— 什么是SpringBoot

1.什么是Spring    Spring是一个开源框架,2003 年兴起的一个轻量级的Java 开发框架,作者:Rod Johnson    Spring是为了解决企业级应用开发的复杂性而创建的,简化开发2.Spring是如何简化Java开发的    为了降低Java开发的复杂性,Spring采用了以下4种关键策略:基于POJO的轻量级和最小侵入性编程;通过IOC,

2020-09-26 16:43:03 217

原创 Vue(21) —— vue学习小结

在我们学习vue的整个过程中,我们始终是按照上面这张图中的内容在进行学习逻辑:v-if、v-for事件:v-on、v-bind、自定义事件分发、v-model实现双向数据绑定视图:组件的定义和使用,主要还是用于显式的视图组件的模板的设置和数据模板的使用通信:axios实现vue中的异步通信在写第一个vue程序之前,我们学习了什么是MVVM模式,现在应该就已经知道了M:model,就是指的后端传递数据的模块,这一部分我们在学习的时候并没有涉及,我们主要是学习前端知识V:view,就..

2020-09-26 16:06:52 145

原创 Vue(20) —— 404和路由钩子

目录1.路由模式2.处理4043.路由钩子4.路由钩子的使用5.在钩子函数中使用异步请求6.小结    前面我们实现的功能中,请求组件的时候它的url中总是有一个"#"符号,这显然和我们平时使用的习惯不符,所以我们需要解决这个问题;这个问题可以通过设置路由对象的路由模式解决1.路由模式vue的辅助类VueRouter的路由模式有两种hash:路径带 # 符号,如 http://localhost/#/loginhistory:路径不带 # 符号,如

2020-09-26 14:59:46 323

原创 Vue(19) —— 参数传递&重定向

目录1.参数传递2.怎么传递参数3.测试4.怎么实现重定向1.参数传递    参数传递在路由中的重要性不言而喻,我们就是需要通过传递的参数达到相同页面框架,不同用户展示不同数据的效果,如果没有参数的传递,那么页面对于各个用户来说就是相同的,这显然不是我们想要的2.怎么传递参数    vue中参数的传递还是遵循了原来的参数传递方式,即通过url传递参数,所以我们需要对组件绑定的url进行改进,使它可以接收参数,并将参数显

2020-09-26 10:53:47 866

原创 Vue(18) —— 路由嵌套

目录1.什么是路由嵌套2.怎么使用路由嵌套3.测试4.扩展elementUI的使用1.什么是路由嵌套    嵌套路由又称子路由,在实际应用中,一般由多层嵌套的组件组合而成。一样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如:/user/foo/profile /user/foo/list+------------------+ +-----------------+|

2020-09-26 09:25:53 403

原创 Vue(17) —— vue实战快速上手:vue+elementUI

    咱们采用实战教学模式并结合 ElementUI 组件库,将所需知识点应用到实际中,以最快速度带领你们掌握 Vue 的使用    下面我们将学习的vue知识点、创建vue工程都串起来回顾一遍1.创建vue项目结构建立一个名为 hello-vue 的工程 vue init webpack hello-vue安装依赖,咱们须要安装 vue-router、element-ui、sass-loader 和 n

2020-09-26 00:54:34 524 1

原创 Vue(16) —— vue-router路由

说明    学习的时候,尽可能的打开官方的文档    Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌,包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的连接HTML5 历史模式或 hash 模式,在 IE9

2020-09-25 19:56:51 199

原创 Vue(15) —— vue-cli项目文件解析

目录0.vue-cli项目3大金刚1.vue文件和直接定义的组件之间的对象关系2.一些属性的作用3.index.html和main.js和App.vue之间数据怎么传递的4.index.html和main.js和App.vue的关系5.全局组件和局部组件的区别0.vue-cli项目3大金刚index.html:我们访问http://localhost:8080/ 返回的请求资源文件,这不就和javaweb项目的web文件夹下的index.jsp一个道理?整个项目只有这一个 html 文件,所以这是一

2020-09-25 18:45:15 645

原创 Vue(14) —— webpack学习使用

目录1.什么是webpack2.为什么要使用webpack3.安装webpack4.使用webpack5.小结1.什么是webpack    WebPack 是一款模块加载器兼打包工具,它能把各类资源,如 JS、JSX、ES六、SASS、LESS、图片等都做为模块来处理和使用2.为什么要使用webpack    因为现在很多浏览器都还停留在ES5规范,但是我们编写前端代码的时候需要使用到EES6的规范和新特性,所以这就

2020-09-25 11:23:47 166

原创 Vue(13) —— 第一个Vue-cli项目

目录1.环境准备2.第一个 vue-cli 应用程序初始化并运行认识vue项目的目录结构1.环境准备    vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板;    预先定义好的目录结构及基础代码,就比如我们在建立 Maven 项目时能够选择建立一个骨架项目,这个骨架项目就是脚手架,咱们的开发更加的快速;主要的功能统一的目录结构本地调试热部署单元测试集成打包上线须要的环境N

2020-09-25 09:46:42 188

原创 Vue(12) —— Vue入门小结

Vue 入门小结    核心 : 数据驱动 , 组件化    优点: 借鉴了 AngulaJS 的模块化开发 和 React 的虚拟Dom , 虚拟Dom就是把Dom操做放到内存中执行;    经常使用的属性:v-ifv-else-ifv-elsev-forv-on 绑定事件 , 简写@v-model 数据双向绑定v-bind 给组件绑定参数,简写 : 

2020-09-24 23:25:21 150

原创 Vue(11) —— 自定义事件内容分发

目录1.什么是事件2.需求3.分析4.代码实现在上一篇博客中我们介绍了"v-bind:“的简写,为” : "这一篇博客介绍"v-on:“的简写,为” @ "1.什么是事件    事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行2.需求    在前面插槽的基础上,我们需要实现点击删除按钮就删除一个li的数据3.分析上图    经过以上代码不

2020-09-24 23:07:02 681

原创 Vue(10) —— 插槽slot

目录1.什么是插槽2.怎么使用插槽小结1.什么是插槽    在 Vue.js 中咱们使用 slot 元素做为承载分发内容的出口,作者称其为 插槽,能够应用在组合组件的场景中2.怎么使用插槽<div id="vue" > <p>学习路线</p> <ul> <li>java</li> <li>spring框架</li&gt

2020-09-24 19:31:13 174

原创 Vue(9) —— 计算属性

目录1.什么是计算属性(vue的特色)2.怎么使用计算属性注意:methods 和 computed 里的东西不能重名3.结论1.什么是计算属性(vue的特色)    计算属性的重点突出在 属性 两个字上(属性是名词),首先它是个 属性 其次这个属性有 计算的能力(计算是动词),这里的 计算 就是个函数;简单点说,它就是一个可以将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;能够想象为缓存(内存中)!   &nbs

2020-09-24 17:01:32 174

原创 Vue(8) —— Axios异步通信

目录1.什么是Axios2.为何要使用 Axios3.第一个Axios程序1.生命周期2.代码实现3.数据渲染1.什么是Axios    Axios 是一个开源的能够用在浏览器端和 NodeJS 的异步通讯框架,它的主要做用就是实现 AJAX 异步通讯,其功能特色以下:从浏览器中建立 XMLHttpRequests从 node.js 建立 http 请求支持 Promise API [JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自

2020-09-24 15:32:18 311

原创 Vue(7) —— Vue组件讲解

1.什么是组件组件是可复用的 Vue 实例,说白了就是一组能够重复使用的模板,跟 JSTL 的自定义标签、Thymeleaf 的 th:fragment等框架有着殊途同归之妙;一般一个应用会以一棵嵌套的组件树的形式来组织:我们可以简单的将组件理解为我们在HTML文件中使用的标签2.怎么使用组件/怎么自定义组件在定义中说了,组件是用来提高复用的,且组件的内容就是我们在HTML文件中使用的标签使用语法 Vue.component("组件名称",{ templ

2020-09-24 12:41:57 250

原创 Vue(6) —— Vue中数据的双向绑定

1.什么是双向数据绑定Vue.js是一个MVVM框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化,这也算是Vue.js 的精髓之处了值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定;单向数据绑定是使用状态管理工具的前提,如果我们使用vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突2.为什么要实现数据的双向绑定在Vue.js中,如果使用vuex,实际上数据还是单向的,之所以说是

2020-09-24 11:26:29 292

原创 Vue(5) —— Vue绑定事件

绑定事件其实Vue里面的绑定事件就和js里面原理一样,只是Vue使用形式不同js里面要绑定触发事件,我们直接在标签里面写上触发事件和执行的js方法即可;在Vue中,我们首先需要在Vue对象的构造函数传入的对象中新增一个属性methods,然后在这个对象里面定义一个个要执行的方法,最后在要绑定的元素上面写上v-on:触发事件=“methods中的函数名称”(这里的触发事件就是js里面的触发事件,其实我们只需要记住经常用的就行,甚至不用记,直接百度jQuery 事件.)<!DOCTYPE ht..

2020-09-24 10:36:15 353

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除