IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> 创建springboot项目 (idea版vue-springboot)超详细 超完整 -> 正文阅读

[Java知识库]创建springboot项目 (idea版vue-springboot)超详细 超完整

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

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

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

<repositories>
    <repository>
        <id>nexus-aliyun</id>
        <name>nexus-aliyun</name>
        <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
        <releases>
            <enabled>true</enabled>
        </releases>
        <snapshots>
            <enabled>false</enabled>
        </snapshots>
    </repository>
</repositories>

<pluginRepositories>
    <pluginRepository>
        <id>public</id>
        <name>aliyun nexus</name>
        <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
        <releases>
            <enabled>true</enabled>
        </releases>
        <snapshots>
            <enabled>false</enabled>
        </snapshots>
    </pluginRepository>
</pluginRepositories>

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

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的环境的所有的工作都已经完成,开始愉快的写代码叭,代码美美与共,设计天下大同,让我们所有程序员,携手共建更美好的世界!!!

  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2022-03-12 17:18:07  更:2022-03-12 17:22:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:06:32-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码