• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
 






天生自然

 
 

Powered by 博客园
博客园 | 首页 | 新随笔 | 联系 | 订阅 订阅 | 管理

随笔分类 -  吴裕雄--天生自然-Vue-And-SpringBoot前后端分离开发学习笔记

上一页 1 2 3 4 5 6 下一页

 
@ControllerAdvice + @ExceptionHandler
摘要:使用 @ControllerAdvice 注解处理全局异常 实际开发中,需要对异常分门别类的进行处理,使用 @ControllerAdvice + @ExceptionHandler 注解能够处理全局异常,这种方式推荐使用,可以根据不同的异常对不 同的异常进行处理。 使用方式:定义一个类,使用 @C 阅读全文
posted @ 2021-10-23 15:39 吴裕雄
使用LoggerFactory输出异常信息到页面
摘要:<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/P 阅读全文
posted @ 2021-10-23 13:36 吴裕雄
配置嵌入式 Servlet 容器
摘要:没有使用Spring Boot开发时,需要安装tomcat环境,项目打成war包后进行部署。 而Spring Boot默认使用tomcat作为嵌入式的Servlet容器。 如何定制和修改 Servlet 容器的相关配置 在内置的 Tomcat 中,不再有 web.xml 文件可以供我们修改,在 Sp 阅读全文
posted @ 2021-10-23 13:08 吴裕雄
Spring Boot 中的异常处
摘要:Spring Boot 框架异常处理有五种处理方式,从范围来说包括有全局异常捕获处理方式和局部异常捕获处 理方式 自定义异常错误页 在遇到异常时,Spring Boot 会自动跳到一个默认的异常页面,如请求上述 http://localhost:8080/exceptionMethod 路径时发生 阅读全文
posted @ 2021-10-23 13:00 吴裕雄
封装统一返回的json数据结构
摘要:在实际项目中,我们需要封装一个统一的 Json返回结构存储返回信息。 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema 阅读全文
posted @ 2021-10-23 11:11 吴裕雄
Spring Boot 返回 Json
摘要:在项目开发中,接口与接口之间,前后端之间数据的传输都使用Json格式,在 Spring Boot 中,接口返回Json格式的数据很简单,在 Controller 中使用@RestController注解即可返回 Json 格式的数据。 Spring Boot 中默认使用的 JSON 解析框架是 Ja 阅读全文
posted @ 2021-10-23 10:21 吴裕雄
第一个代码
摘要:<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/P 阅读全文
posted @ 2021-10-20 23:22 吴裕雄
Spring Boot 整合 Web
摘要:Spring Boot 项目中在 src/main/resources 下面有两个文件夹,static 和 templates。 static static 目录中存放静态页面。Spring Boot 通过 classpath/static(classpath 指 resources 根目录)目录访 阅读全文
posted @ 2021-10-17 23:17 吴裕雄
Spring Boot 简介
摘要:Spring Boot 是一个框架,一种全新的编程规范,他的产生简化了框架的使用,所谓简化是指简化了 Spring 众多框架中所需的大量且繁琐的配置文件,所以 Spring Boot 是一个服务于框架的框架,服务范围是简化配置文件。从本质上来说,Spring Boot 其实就是 Spring 框架的 阅读全文
posted @ 2021-10-17 22:18 吴裕雄
VUE学习笔记--Vuex
摘要:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。在学习 Vue.js 时,大家一定知道在 Vue 中各个组件之间传值的痛苦,在 Vue 中我们可 以使用 Vuex 来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新。 Vuex 是适用于在 Vue 项目开发时使用 阅读全文
posted @ 2021-10-17 22:00 吴裕雄
VUE学习笔记--Axios
摘要:Axios 是一个基于 Promise 的 HTTP 库,简洁、易用且高效的代码封装库。通俗的讲, 它是当下比较流行的一种 Ajax 框架,可以使用它发起 http 请求接口功能,它是基于 Promise 的,相比较 Ajax 的回掉函数能够更好的管理异步操作。 Axios 的特点: 从浏览器中创建 阅读全文
posted @ 2021-10-17 21:47 吴裕雄
VUE学习笔记--Vue-router
摘要:Vue-router就是WebApp的链接路径管理系统。简单可以理解为路径的跳转。 那么我们为什么不能用 a 标签,这是因为用 Vue 做的都是单页应用(当你的项目准备 打包时,运行 npm run build 时,就会生成 dist 文件夹,这里面只有静态资源和一个 index.html 页面), 阅读全文
posted @ 2021-10-17 18:52 吴裕雄
VUE学习笔记--了解element-ui组件库
摘要:饿了么推出了基于 Vue2.0 的组件库,它的名称叫做 element-ui,提供了丰富的 PC 端组件。 ElementUI 官网:http://element-cn.eleme.io/#/zh-CN。 element-ui 组件库有以下四大优势: 丰富的 feature:丰富的组件,自定义主题, 阅读全文
posted @ 2021-10-17 17:19 吴裕雄
VUE学习笔记--Vue-cli
摘要:Vue 脚手架能自动生成 vue 和 webpack 的项目模板。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 一个运 阅读全文
posted @ 2021-10-17 13:31 吴裕雄
VUE学习笔记--过渡与动画
摘要:Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/ 离开过渡。 条件渲染 (使用 v-if)。 条件展示 (使用 v-show)。 动态组件。 组件根节点。 语法格式如下: <transition name = "nameoftransition"> <d 阅读全文
posted @ 2021-10-17 12:14 吴裕雄
VUE学习笔记--动态组件
摘要:让多个组件使用同一个挂载点,并动态切换,这就是动态组件。通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件。它的应用场景往往应用在路由控制或者 tab 切换中。 <!DOCTYPE html> <html> <head> <title></title> <m 阅读全文
posted @ 2021-10-17 09:41 吴裕雄
VUE学习笔记--内容分发
摘要:基础用法 标签<slot>会把组件使用上下文的内容注入到此标签所占据的位置上。组件分发的概念简单而强大,因为它意味着对一个隔离的组件除了通过属性、事件交互之外,还可以注入内容。 尽管内容分发这个概念看起来极为复杂,而实际上可以简单了解为把HTML标签传入组件的一种方法。所以归根结底,内容分发是一种为 阅读全文
posted @ 2021-10-17 09:29 吴裕雄
VUE学习笔记--组件选项
摘要:Vue 的组件最核心的选项有以下几个: 模板(template) 初始数据(data) 接受的外部参数(props) 方法(methods) 生命周期钩子函数(lifecycle hooks) 组件 props 组件中更重要的是组件间进行通信,选项props是组件中非常重要的一个选项,起到父子组件间 阅读全文
posted @ 2021-10-17 09:18 吴裕雄
VUE学习笔记--什么是组件
摘要:<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"/> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <bo 阅读全文
posted @ 2021-10-11 23:02 吴裕雄
VUE学习笔记--指令的注册
摘要:自定义指令的注册分为全局注册和局部注册。 语法:Vue.directive(id,definition)。id 是指令的唯一标识,definition 定义对象则是指令的相关属性及钩子函数。 全局自定义指令,格式如下 Vue.directive('focus', { // 注册一个全局自定义指令 v 阅读全文
posted @ 2021-10-11 22:43 吴裕雄
 

上一页 1 2 3 4 5 6 下一页