创建Springboot+vue3项目

这篇具有很好参考价值的文章主要介绍了创建Springboot+vue3项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目概述

后端:Springboot、mybatis-plus、java
前端:nodejs、vue脚手架、element-ui
数据库:mysql

创建springboot项目

创建springboot项目有两种方式,一种是使用maven创建,一种是使用Spring initializr创建
如果是maven创建,我们需要手动配置项目的依赖和目录结构,手动管理依赖的版本
如果是spring initializr创建,可以选择项目的依赖和配置,然后自动生成项目的基本结构和配置文件,自动管理依赖的版本
这里我们选择spring initializr创建,软件用的是IDEA 2021

文件 -> 新建 -> 项目
创建Springboot+vue3项目,spring boot,后端,java
spring initializr -> 看自己喜好配置 -> 下一步
创建Springboot+vue3项目,spring boot,后端,java

新建项目 -> 根据需要配置 -> 完成创建Springboot+vue3项目,spring boot,后端,java

加入mybatis-plus支持

mybatis-plus官网:https://baomidou.com/pages/bab2db/#release

1.加入依赖代码

<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>3.4.1</version>
</dependency>

2.创建数据库实例

创建Springboot+vue3项目,spring boot,后端,java

3.yml文件的配置

创建Springboot+vue3项目,spring boot,后端,java

4.编写测试代码

  • 创建实体类
@Data
public class User {

    //用于序列化和反序列化对象的版本控制
    private static final long serialVersionUID = 1L;

    @TableId(value = "id", type = IdType.AUTO)
    private Integer id;

    private String username;

    private String password;
}
  • 创建mapper接口
@Mapper
public interface UserMapper extends BaseMapper<User> {


    List<User> selectAll();
}
  • 创建service接口
public interface UserService extends IService<User> {


    List<User> selectAll();
}

  • 创建service实现类
@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements UserService {


    //用于标记一个类或方法作为资源
    //当被标记时,它可以被容器自动注入所需要的资源
    @Resource
    private UserMapper userMapper;

    @Override
    public List<User> selectAll() {
        return userMapper.selectAll();
    }
}
  • 创建配置文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.example.mapper.UserMapper">

<select id="selectAll" resultType="com.example.entity.User">
    select * from user
</select>

</mapper>
  • 测试类
@RestController
public class UserController {

    @Autowired
    private UserService userService;

    @GetMapping("/list")
    public List<User> hello(){
        return userService.selectAll();
    }


}

5.测试结果

创建Springboot+vue3项目,spring boot,后端,java

创建vue项目

打开终端或cmd,进入springboot项目同级文件夹中,运行如下命令创建一个项目
需要注意的是:项目名称不能存在大写,按照Vue CLI的规范,项目名称必须是小写字母、数字、连字符(-)或下划线(_)的组合,且必须以字母开头。这是因为在命名项目时,项目名称会用于生成文件夹名称、JavaScript模块名称等,而JavaScript中通常使用小写字母来命名变量和模块。

vue create 项目名称

在控制台中,上下键调整选项,空格选中或取消选中,回车确认
在这里我选择第三个,手动配置
创建Springboot+vue3项目,spring boot,后端,java

选择你需要的东西,但是需要注意的是,如果你是在学习阶段的话,建议把Linter / Formatter取消掉,因为这个是代码的规范化,有时候多一个空格或者少一个空格都会报错,但是我们平常的开发中,多一个空格或者少一个空格也无所谓,所以取消它,能省掉很多麻烦
在这里,我选择的是图中的三个选项
创建Springboot+vue3项目,spring boot,后端,java
然后选择版本,Vue目前有两个主流大 版本vue2和vue3,我选择3最新版本,因为3包含了2
创建Springboot+vue3项目,spring boot,后端,java
然后选择配置文件放在哪里, 是放在In dedicated config files专属文件中,或者是放在In package.json在package.json文件中
这里我选择第一个
创建Springboot+vue3项目,spring boot,后端,java
然后问你是否保存为未来项目的预置,y代表保存,并添加名字,n不保存
如果你保存了,下次你就可以直接选择你添加的名字,它就自动帮你选择你刚刚选择的了
这里我选择n,回车开始创建项目

报错

错误一

创建Springboot+vue3项目,spring boot,后端,java
有时候报错就莫名奇妙的,你可以先清除那些东西,然后重新加载,或者直接改版本。
创建Springboot+vue3项目,spring boot,后端,java

错误二

创建Springboot+vue3项目,spring boot,后端,java
降低版本
我选择的是2.6.7
然后出现了这个错误
创建Springboot+vue3项目,spring boot,后端,java
这是因为没有设置数据库对应pom的版本
创建Springboot+vue3项目,spring boot,后端,java

创建Springboot+vue3项目,spring boot,后端,java

错误三

创建Springboot+vue3项目,spring boot,后端,java
我出现这个问题的原因是因为Application启动类的位置不对.要将Application类放在最外侧,即包含所有子包 。而我的启动类则放在了test1里面。导致找不到页面。

创建Springboot+vue3项目,spring boot,后端,java

创建Springboot+vue3项目,spring boot,后端,java文章来源地址https://www.toymoban.com/news/detail-638491.html

到了这里,关于创建Springboot+vue3项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 创建Springboot+vue3项目

    后端:Springboot、mybatis-plus、java 前端:nodejs、vue脚手架、element-ui 数据库:mysql 创建springboot项目有两种方式,一种是使用maven创建,一种是使用Spring initializr创建 如果是maven创建,我们需要手动配置项目的依赖和目录结构,手动管理依赖的版本 如果是spring initializr创建,可以选

    2024年02月13日
    浏览(43)
  • idea创建spring boot项目,java版本只能选择17和21

    java版本为\\\"11.0.20\\\",idea2023创建spring boot项目时(File-Project-Spring Initializr),java版本无法选择11,导致报错,如下图所示: spring2.X版本在2023年11月24日停止维护了,因此创建spring项目时不再有2.X版本的选项,只能从3.1.X版本开始选择 而Spring3.X版本不支持JDK8,JDK11,最低支持JDK1

    2024年02月05日
    浏览(56)
  • 如何通过IDEA创建基于Java8的Spring Boot项目

    上次发现我的 IDEA 创建 Spring Boot 项目时只支持 11 和 17 的 JDK 版本,于是就通过Maven搭建SpringBoot项目。 究其原因,原来是Spring官方抛弃了Java8!!! 使用IDEA内置的Spring Initializr创建SpringBoot项目时,已经没有了Java8的选项,只支持 = 17的版本: 网上逛了一圈,原来是Spring Boot官

    2024年01月19日
    浏览(53)
  • Java(一):创建 Spring Boot 项目并实现连接操作MySQL数据库

    MySQL 命令 Maven 相关地址 下载地址: https://maven.apache.org/ maven配置方法地址: https://developer.aliyun.com/mvn/guide 仓库搜索地址: https://mvnrepository.com/ https://repo.maven.apache.org/ maven 本地配置 conf/settings.xml 下载 idea 并配置本地环境 maven Maven 构建 生命周期 Maven 的构建 生命周期 包括 三

    2024年02月07日
    浏览(65)
  • idea创建spring boot项目时java version只能选择17和21

    首先说下原因,根据官网所说,以后jdk版本主流为17,而且在2023年11月24日,3.0以下的版本不再支持了,升级为17后大部分用户需要修改import相关API的时候,要用jakarta替换javax。比如:原来引入javax.servlet.Filter的地方,需要替换为jakarta.servlet.Filter 再说解决办法,网上查到的解决

    2024年01月18日
    浏览(49)
  • Java之Spring Boot+Vue+Element UI前后端分离项目

    typeId : this.typeId, }).then((res) = { this.$router.push(“/”); this.$message.success(“文章发布成功!”); }).catch(() = { this.$message.error(“文章发布失败!”); }); }, handleAvatarSuccess(res, file) { this.imageUrl = URL.createObjectURL(file.raw); this.thumbnail = “http://localhost:9090/img/” + res; }, selectType(typename,id) { t

    2024年04月27日
    浏览(76)
  • 解决在创建springboot项目中遇到:Error:(3, 32) java: 无法访问org.springframework.boot.SpringApplication

    报错信息: 解决步骤如下: 1.先把对应的java版本统一,不然它会爆一个跟 Error:java: 无效的源发行版: 13 的错误,共有以下几个地方需要修改    因为我用的是Java8,而java8对应的SDK版本是1.8 这里修改为你使用的java版本  还有这个地方也需要改为你使用的对应版本  这里呢,

    2024年02月12日
    浏览(52)
  • 【springboot】Spring 官方抛弃了 Java 8!新idea如何创建java8项目

    我本来以为是 IDEA 版本更新导致的 Bug,开始还没在意。 直到我今天自己初始化项目时才发现:卧槽,Java 8 真没了?! 具体一点,应该是使用 IDEA 内置的 Spring Initializr 创建 Spring Boot 新项目时,没有 Java 8 的选项了,只剩下了 = 17 的版本 去网上搜了一圈,原来这是因为 Sprin

    2024年02月04日
    浏览(42)
  • Spring Boot后端+Vue前端:打造高效二手车交易系统

    作者介绍: ✌️大厂全栈码农|毕设实战开发,专注于大学生项目实战开发、讲解和毕业答疑辅导。 🍅 获取源码联系方式请查看文末 🍅  推荐订阅精彩专栏 👇🏻 避免错过下次更新 Springboot项目精选实战案例 更多项目: CSDN主页YAML墨韵 学如逆水行舟,不进则退。学习如赶

    2024年04月28日
    浏览(62)
  • java版企业工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离 功能清单

         Java版工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离 功能清单如下: 首页 工作台:待办工作、消息通知、预警信息,点击可进入相应的列表 项目进度图表:选择(总体或单个)项目显示1、项目进度图表  2、项目信息 施工地图:1、展示当前角色权

    2024年02月08日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包