创建springboot项目 (idea版vue 您所在的位置:网站首页 idea创建一个新项目如何配置 创建springboot项目 (idea版vue

创建springboot项目 (idea版vue

2023-09-12 06:21| 来源: 网络整理| 查看: 265

1.新建项目 在这里插入图片描述 2.如图 在这里插入图片描述 3.如图 在这里插入图片描述 4.选依赖 在这里插入图片描述 在这里插入图片描述

在这里插入图片描述 在这里插入图片描述 5.finish

在这里插入图片描述 6.配置阿里云仓库

nexus-aliyun nexus-aliyun http://maven.aliyun.com/nexus/content/groups/public/ true false public aliyun nexus http://maven.aliyun.com/nexus/content/groups/public/ true false

在这里插入图片描述 然后点击一下刷新就可以啦,这样以后下载依赖会用阿里云,比国外要快很多!

7.删掉多余文件 在这里插入图片描述

8.启动一下,测试一下,点击绿色的小三角的按钮,他会报一个错误,说是数据库没有配置,下面我们就来配置一下。, 9.配置数据库

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/qing?serverTimezone=GMT%2b8 spring.datasource.username=root spring.datasource.password=123456

在这里插入图片描述 10.用Navicat测试连接 在这里插入图片描述 在这里插入图片描述 11.新建数据库 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 数据库创建完成,下面去测试一下springboot项目

12.测试, idea中点绿色小按钮,如果出现这个页面,就说明连接成功了

回到idea

13.再去写一个接口测试一下

package com.jyb.springboot; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RestController; @RestController @SpringBootApplication public class SpringbootApplication { public static void main(String[] args) { SpringApplication.run(SpringbootApplication.class, args); } @GetMapping("/") public String index() { return "恭喜,您的springboot搭建完成!!!"; } }

在这里插入图片描述

在这里插入图片描述 现在springboot项目就已经搭建完成了,但是有的同学会说前端不是8080吗?现在被后端占用了,那怎么办呢?那我们就去改一下后端的端口号

server.port=9090

在这里插入图片描述

再重启一下,现在8080已经无法访问,再去访问一下9090 在这里插入图片描述 在这里插入图片描述

OK,完成!!!

但是又有同学要说了,vue和springboot在两个地方,每次都得打开两个idea,特别不方便,所以怎么办呢?当然有办法,看宾叔娓娓道来!

1.先把vue的文件夹剪切到springboot中。

在这里插入图片描述 到idea中看一下,已经有了! 在这里插入图片描述

下面再介绍一下启动方式 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 然后点击绿色的箭头启动一下,此时可以看到是启动的vue的项目 在这里插入图片描述 此时看到vue已经启动完成,去浏览器看一下

http://localhost:8080/

在这里插入图片描述 成功启动了的

如果要再切换springboot,切换这个,再点击绿色的箭头,启动 在这里插入图片描述 在这里插入图片描述 服务已经启动,我们再去浏览器测试一下

localhost:9090

在这里插入图片描述 完成

现在搭建vue-springboot的环境的所有的工作都已经完成,开始愉快的写代码叭,代码美美与共,设计天下大同,让我们所有程序员,携手共建更美好的世界!!!


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有