vue 写bean_Vue+ElementUI+Springboot(三):理解Vue渲染和编码,打通前后端

本文介绍了如何启动Springboot后端服务,包括项目创建、配置,以及编写DTO和Controller。同时,文章详细讲解了Vue的渲染原理,组件化编码风格,并展示了如何组织前端代码结构,使用axios进行HTTP请求,以及通过拦截器处理响应。最后,通过实例演示了Vue页面与后端API的交互过程。
摘要由CSDN通过智能技术生成

一、启动后端服务

安装java、maven、配置环境这些就忽略了,提醒下maven也应该配置阿里云的仓库,否则下载包很慢的。另外maven的依赖库存放位置要选在其他位置,否则C盘很快满…

1、打开IDEA,新建Springboot项目,JDK1.8:

2、选择springboot版本,勾选两个常用组件lombok和configuration

3、配置好IDE

设置里面:构建、执行、部署->构建工具->maven选择Enable Auto Importing

编辑器->常规->自动导入,勾选“快速优化导入”或者叫"xxx on the fly",会帮你清理无用的import

4、选择自己熟悉的配置

把springboot版本改回我用的较多的2.1.6:

删掉Test文件,因为2.2.x开始用Jupiter了,2.1.6还是Junit4。

application.properties改为application.yml。

pom添加web支持:

org.springframework.boot

spring-boot-starter-web

org.springframework.boot

spring-boot-starter-logging

编写一个DTO:@Builder

@Getter

@Setter

@NoArgsConstructor

@AllArgsConstructor

public class HelloDTO {

private String data;

}

编写一个controller:@RestController

public class HelloController {

@GetMapping("/hello")

public HelloDTO hello() {

return HelloDTO.builder().data("123").build();

}

}

配置允许跨域的bean,config/beans/CrossRegionConfig:@Configuration

public class CrossRegionConfig {

private CorsConfiguration buildConfig() {

CorsConfiguration corsConfigu

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值