SpringBoot + Vue实战开发

首先创建项目就不多说了不管是IDEA或者是MyEdclipse 百度上都有。
JDK要1.8以上版本的

先简单的介绍一下SpringBoot，SpringBoot是继SSM(Spring,SpringMVC,MyBatis)后出来的一个微服框架,其中微服框架包括(SpringBoot,Spring Cloud,Vue),这是微服的三个组件，SpringCloud我们稍后会说*，好了,先让我们了解一下SpringBoot吧

pom.xml 系统自带的文件

<dependency><groundId>org.springframework</groundId><artifactId>spring-boot-starter-parent</artifactId>
</dependency>
这个配置文件是创建SpringBoot项目必须要引入的标签，后期的话就可以不用引入了，
因为后期有更加简洁的方法

这个是SpringBoot里面常用的注解和组件，可以先了解一下

// 以httpEncodingAutoConfiguration(Http编码自动配置)为例解释自动配置原理
@Configuration   // 表示这是一个配置类，和以前编写的配置文件一样，也可以给容器中添加组件
@EnableConfigyrationProperties   // 启动指定类的ConfigurationProperties功能； 将配置文件中对应的值和HttpEncodingProperties                                 // 绑定起来,并把HttpEncodingProperties加入到ioc容器中@CondittionalOrWebApplication// Spring底层@Conditional注解(Spring注解版)根据不同的条件   // 如果满足指定的条件，整个配置类里面的配置就会生效   // 判断当前是否是web应用。如果是当前配置类生效@ConditionalOnClass(CharacterEncodingFilter.class) // 判断当前项目有没有这个类                                                    // CharacterEncodingFilter；SpringMVC进行乱码处理的过滤器
@ConditionalOnProperty(prefix = "spring.http.encoding", value = "enabled", matchIfMissing = true)// 判断配置文件是否存在某个位置 spring.http.eccoding;如果不存在,判断也是成立的
// 即使我们配置文件中不能配置spring.http.encoding = true 也是默认的public class HttpEncodingAutoConfiguration(){// 他已经和springboot配置文件映射了    private final HttpEncodingProperties properties;// 只有一个有参构造函数的时候，参数的值会从容器中拿到   public HttpEncodingAutoConfiguration(HttpEncodingAutoConfigurationproperties){this.properties  = properties;
@Bean  //给容器中添加一个组件，这个组件的某些值会从properties中获取
@ConditionalOnMissingBean(CharacterEncodingFilter.class)
// 判断有有没有这个容器
public CharacterEncodingFilter CharacterEncodingFilter(){CharacterEncodingFilter filter = new OrderedCharacterEncodingFilter();filter.setEncoding(this.properties.getCharset().name());filter.setForceRequestEncoding(this.properties.shouldForce(Type.REQUEST));filter.setForceResponseEncoding(this.properties.shouldForce(Type.RESPONSE));                               return filter    }}

如果你想在win下运行SpringBoot项目的话，请先加入

<!--将应用打包成可执行jar包--><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build>这样的话你的项目就会被打成jar包运行了  命令是java -jar 打包好的jar包名字(按TAB补齐)

做登录注册的时候，我们需要解析JSON数据，这个时候我们有三种方式：
第一种：就是SpringMVC自带的JSON解析器。原理很简单，可自行上百度查找。
第二种：我们可以使用Google研发出来的Gson解析器。具体配置及用法请看下图：
第三种：我们可以使用阿里巴巴的JSON解析器fastJson，具体配置及用法请参照下图：

SpringBoot + Vue实战开发相关推荐

基于 SpringBoot + Vue 框架开发的网页版聊天室项目
‍ ‍简介微言聊天室是基于前后端分离,采用SpringBoot+Vue框架开发的网页版聊天室.使用了Spring Security安全框架进行密码的加密存储和登录登出等逻辑的处理,以WebSocke ...
Vue实战开发移动端旅游网站
Vue实战开发旅游网站项目搭建搭建步骤项目结构首页拆解首页组件拆分步骤网络请求库axios axios与ajax Promise 安装axios 如何使用axios 请求和响应的拦截使 ...
基于Springboot+VUE框架开发的企业微信SCRM系统
应用介绍基于Springboot+ vue框架开发的企业微信SCRM 系统是一款基于人工智能的企业微信SCRM系统,企业微信SCRM系统基于企业微信开放能力,不仅集成了企微基础的客户管理和后台管理功 ...
SpringBoot+Vue项目实例开发及部署
目录一.SpringBoot快速上手 1.SpringBoot介绍 2.SpringBoot特点 3.快速创建SpringBoot应用 4.SpringBoot开发热部署二.Web开发基础 1.W ...
基于springboot+vue+element-ui开发的大型智慧校园电子班牌系统源码
Java智慧校园系统源码智慧学校源码小程序+电子班牌开发环境:Java+springboot+vue+element-ui+mysql 有演示,可正常上手项目+正版授权. 智慧校园云平台实现了智 ...
微信小程序|Springboot+Vue+Node开发实现医疗预约挂号系统
作者主页:编程指南针作者简介:Java领域优质创作者.CSDN博客专家 .掘金特邀作者.多年架构师设计经验.腾讯课堂常驻讲师主要内容:Java项目.毕业设计.简历模板.学习资料.面试题库.技术互助 ...
SpringBoot + Vue + Electron 开发 QQ 版聊天工具
一.简介这是一款基于 JS 实现的超轻量级桌面版聊天软件.主要适用于私有云项目内部聊天,企业内部管理通讯等功能,主要通讯协议websocket.也支持web网页聊天实现.文字聊天,互传文件,离线消息 ...
Vue实战开发（一）验证码与登录页面
文章目录前言环境准备页面跳转登录页面验证码组件使用组件引入组件页面使用完整代码前言许久不见,最近在怼pytorch头有点小大,不过还好.最近也是要到期末了,所以的话刚刚好准备把这 ...
Vue实战开发二（个人中心实现）
文章目录前言效果预览项目结构个人页面框架总结前言本来是想要说一下那个如何整合那个vue的Markdown编辑器的,但是由于这个后端没有搭建起来,所以图片上传做不了,所以先不介绍,后面在介 ...

SpringBoot + Vue实战开发

SpringBoot + Vue实战开发相关推荐

最新文章

热门文章