vue和springboot实现网页聊天_使用 SpringBoot+Vue 实现留言版

一.新建Vue项目和SpringBoot项目

新建Vue项目

新建文件夹SpringBoot-Vue-MessageBoard

创建Vue项目使用vue ui命令(需要vue 3.0

选择刚才的目录

名字为Vue创建后V还是小写 创建后可以改为大写

取消git初始化

手动配置

取消

打开

创建项目，不保存预设

新建SpringBoot项目

用IDEA打开SpringBoot-Vue-MessageBoard这个目录

创建SpringBoot项目

右键

选择Spring Initializr

选择这四个

名字改为SpringBoot

二. 后端

配置application.properties

#Mysql

spring.datasource.url=jdbc:mysql://localhost:3306/enaium?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai

spring.datasource.username=root

spring.datasource.password=root

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

spring.jpa.show-sql= true

spring.jpa.properties.hibernate.format_sql = true

#Server

server.port=8181

写实体类

package cn.enaium.message.entity;

import lombok.AllArgsConstructor;

import lombok.Data;

import lombok.NoArgsConstruct