当前位置： 首页 > article >正文

【前后端分离项目】Vue+Springboot+MySQL

article 2025/10/13 4:47:56

文章目录

    • 1.安装 Node.js
    • 2.配置 Node.js 环境
    • 3.安装 Node.js 国内镜像
    • 4.创建 Vue 项目
    • 5.运行 Vue 项目
    • 6.访问 Vue 项目
    • 7.创建 Spring Boot 项目
    • 8.运行 Spring Boot 项目
    • 9.访问 Spring Boot 项目
    • 10.实现 Vue 与 Spring Boot 联动
    • 11.安装 axios
    • 12.编写请求
    • 13.调用函数请求接口
    • 14.配置 CORS（跨域资源共享）
    • 15.重启 Spring Boot 项目
    • 16.联动数据库
    • 17.项目结构
    • 18.创建数据库
    • 19.配置数据库连接
    • 20.创建实体类
    • 21.创建 Mapper 接口
    • 22.接受前端请求
    • 23.安装 vue-router
    • 24.main.ts
    • 25.index.ts
    • 26.Login.vue
    • 27.Register.vue
    • 28.Info.vue
    • 29.开启数据库服务+重启 Spring Boot 项目

1.安装 Node.js

官方下载地址：https://nodejs.org/zh-cn/

在这里插入图片描述

若输出如下，表示安装成功：

在这里插入图片描述

2.配置 Node.js 环境

请根据网上教程配置环境。

执行以下命令：

node -v
npm -v

若输出如下信息，表示配置成功：

在这里插入图片描述

3.安装 Node.js 国内镜像

目的：加速下载速度。

执行以下命令

相关文章：

【前后端分离项目】Vue+Springboot+MySQL

文章目录 1.安装 Node.js2.配置 Node.js 环境3.安装 Node.js 国内镜像4.创建 Vue 项目5.运行 Vue 项目6.访问 Vue 项目7.创建 Spring Boot 项目8.运行 Spring Boot 项目9.访问 Spring Boot 项目10.实现 Vue 与 Spring Boot 联动11.安装 axios12.编写请求13.调用函数请求接口14.…...

编程日记 2025/10/10 22:36:16

数据结构和算法(八)--2-3查找树

目录 一、平衡树 1、2-3查找树 1.1、定义 1.2、查找 1.3、插入 1.3.1、向2-结点中插入新键 1.3.2、向一棵只含有一个3-结点的树中插入新键 1.3.3、向一个父结点为2-结点的3-结点中插入新键 1.3.4、向一个父结点为3-结点的3-结点中插入新键 1.3.5、分解根结点 1.4、2…...

编程日记 2025/10/5 21:35:46

Java爬虫入门：从网页抓取到数据提取（正则表达式篇）

在当今信息爆炸的时代，如何从浩瀚的互联网中快速、准确地获取所需数据成为了一个重要的技能。网络爬虫技术应运而生，它允许我们自动化地访问网页并提取其中的信息。Java作为一门功能强大且拥有丰富生态的编程语言，在构建网络爬虫方面也表现出…...

编程日记 2025/9/25 19:08:24

Unity-Shader详解-其二

前向渲染和延迟渲染 前向渲染和延迟渲染总的来说是我们的两种主要的渲染方式。 我们在Unity的Project Settings中的Graphic界面能够找到渲染队列的设定： 我们也可以在Main Camera这里进行设置： 那这里我们首先介绍一下两种渲染（Forward R…...

编程日记 2025/10/6 5:41:22

深入浅出理解并应用自然语言处理（NLP）中的 Transformer 模型

1 引言 随着信息技术的飞速发展，自然语言处理（Natural Language Processing, NLP）作为人工智能领域的一个重要分支，已经取得了长足的进步。从早期基于规则的方法到如今的深度学习技术，NLP 正在以前所未有的速度改变着我…...

编程日记 2025/10/6 2:01:45

当自动驾驶遇上“安全驾校”：NVIDIA如何用技术给无人驾驶赋能？

自动驾驶技术的商业化落地，核心在于能否通过严苛的安全验证。国内的汽车企业其实也在做自动驾驶，但是吧，基本都在L2级别。换句话说就是在应急时刻内，还是需要人来辅助驾驶，AI驾驶只是决策层，并不能完全掌握…...

编程日记 2025/9/29 8:21:59

WIN11安装Ubuntu22.04双系统，驱动cuda，配置3D GS

前言：看了很多基于3D GS开发的SLAM系统都默认在Ubuntu20.04-22.04中运行，并且WIN11不太方便安装cmake等基础编译库。所以还是在Ubuntu系统中进行咱的研究吧。 step 1. WIN11安装Ubuntu双系统 首先确认系统是否为UEFI模式。 winX进行磁盘管理&#xff…...

编程日记 2025/6/30 23:57:27

【OSG学习笔记】Day 9: 状态集（StateSet）与渲染优化 —— 管理混合、深度测试、雾效等渲染状态

干货开始。_ 一、StateSet核心概念与作用 StateSet 是OSG（OpenSceneGraph）中管理渲染状态的核心类，用于封装 OpenGL 渲染状态（如混合、深度测试、雾效、材质、纹理、着色器等），并将这些状态应用于节点或几何体。 通过合理组织 StateSet，可实现： 渲染状态的高效复用：…...

编程日记 2025/10/11 9:43:19

如何解析商品详情页面

解析商品详情页面是爬虫开发中的一个重要环节。由于商品详情页面通常包含丰富的信息，如商品名称、价格、描述、图片等，因此需要仔细分析页面结构并提取所需数据。以下是一个详细的步骤指南，展示如何使用 Java 和 Jsoup 解析商品详情页面。 一…...

编程日记 2025/10/8 1:17:13

Operating System 实验七 Linux文件系统实验

实验目标： 使用dd命令创建磁盘镜像文件ext2.img并格式化为ext2文件系统，然后通过mount命令挂载到Linux主机文件系统。查看ext2文件系统的超级块的信息，以及数据块的数量、数据块的大小、inode个数、空闲数据块的数量等信息 在文件系统中创建文件xxxxx.txt(其中xxxxx为你的学…...

编程日记 2025/10/8 15:14:25

使用 IntersectionObserver 实现懒加载提升网页性能的高效方案

在当今快节奏的网络环境中，用户对于网页加载速度的要求越来越高。对于前端开发者而言，优化网页性能、减少初始加载时间成为了一项至关重要的任务。懒加载（Lazy Loading）作为一种有效的性能优化策略，能够延迟非关键资源…...

编程日记 2025/10/1 2:20:47

Python-Django系列—部件

部件是 Django 对 HTML 输入元素的表示。部件处理 HTML 的渲染&#xff0c;以及从对应于部件的 GET&#xff0f;POST 字典中提取数据。 内置部件生成的 HTML 使用 HTML5 语法&#xff0c;目标是 <!DOCTYPE html>。例如&#xff0c;它使用布尔属性&#xff0c;如 checked…...

编程日记 2025/9/22 2:54:25

linux中shell脚本的编程使用

linux中shell脚本的编程使用 1.shell的初步理解1.1 怎么理解shell1.2 shell命令 2.shell编程2.1 什么是shell编程2.2 C语言编程 和 shell编程的区别 3.编写和运行第一个shell脚本程序3.1 编写时需要注意以下几点&#xff1a;3.1.1 shell脚本没有main函数&#xff0c;没有头文件…...

编程日记 2025/10/5 8:17:27

图像畸变-径向切向畸变实时图像RTSP推流

实验环境 注意&#xff1a;ffmpeg进程stdin写入两张图片的时间间隔不能太长&#xff0c;否则mediamtx会出现对应的推流session超时退出。 实验效果 全部代码 my_util.py #进度条 import os import sys import time import shutil import logging import time from datetime i…...

编程日记 2025/10/6 4:06:18

手搓雷达图（MATLAB）

看下别人做出来什么效果 话不多说&#xff0c;咱们直接开始 %% 可修改 labels {用户等级, 发帖数, 发帖频率, 点度中心度, 中介中心度, 帖子类型计分, 被列为提案数}; cluster_centers [0.8, 4.5, 3.2, 4.0, 3.8, 4.5, 4.2; % 核心用户0.2, 0.5, 0.3, 0.2, 0.1, 0.0, 0.0;…...

编程日记 2025/10/8 22:46:33

汽车零配件供应商如何通过EDI与主机厂生产采购流程结合

当前&#xff0c;全球汽车产业正经历深刻的数字化转型&#xff0c;供应链协同模式迎来全新变革。作为产业链核心环节&#xff0c;汽车零部件供应商与主机厂的高效对接已成为企业发展的战略要务。然而&#xff0c;面对主机厂日益严格的数字化采购要求&#xff0c;许多供应商在ED…...

编程日记 2025/10/6 5:41:25

闻性与空性：从耳根圆通到究竟解脱的禅修路径

一、闻性之不动&#xff1a;超越动静的觉性本质 在《楞严经》中&#xff0c;佛陀以钟声为喻揭示闻性的奥秘&#xff1a;钟声起时&#xff0c;闻性显现&#xff1b;钟声歇时&#xff0c;闻性不灭。此“不动”并非如磐石般凝固&#xff0c;而是指觉性本身超越生灭、来去的绝对性…...

编程日记 2025/9/29 9:49:09

第34课 常用快捷操作——按“空格键”旋转图元

概述 旋转某个图元&#xff0c;是设计过程中常需要用到的操作&#xff0c;无论是在原理图中旋转某个图形&#xff0c;还是在PCB图中旋转某个元素。 旋转操作的快捷键是空格键。下面作详细介绍。 按空格键旋转图元 当我们选中一个图元时&#xff0c;按下空格键&#xff0c;即…...

编程日记 2025/10/11 4:39:35

基于亚马逊云科技构建音频转文本无服务器应用程序

Amazon Transcribe是一项基于机器学习模型自动将语音转换为文本的服务。它提供了多种可以提高文本转录准确性的功能&#xff0c;例如语言自定义、内容过滤、多通道音频分析和说话人语音分割。Amazon Transcribe 可用作独立的转录服务&#xff0c;也可以集成到应用程序中提供语音…...

编程日记 2025/10/5 13:15:31

如何打包python程序为可执行文件

将 Python 程序打包为可执行文件是一个常见需求&#xff0c;尤其是在希望将应用程序分享给不具备 Python 环境的用户时。以下是使用 PyInstaller 工具将 Python 程序打包为可执行文件的步骤。 步骤 1&#xff1a;安装 PyInstaller 如果您还没有安装 PyInstaller&#xff0c;请…...

编程日记 2025/9/16 9:44:43

计算机二级MS Office第八套演示文稿

教程&#xff1a;...

编程日记 2025/10/3 3:15:24

K8S Service 原理、案例

一、理论介绍 1.1、3W 法则 1、是什么&#xff1f; Service 是一种为一组功能相同的 pod 提供单一不变的接入点的资源。当 Service 存在时&#xff0c;它的IP地址和端口不会改变。客户端通过IP地址和端口号与 Service 建立连接&#xff0c;这些连接会被路由到提供该 Service 的…...

编程日记 2025/9/29 9:49:10

实验四 进程调度实验

一、实验目的 1、了解操作系统CPU管理的主要内容。 2、加深理解操作系统管理控制进程的数据结构--PCB。 3、掌握几种常见的CPU调度算法&#xff08;FCFS、SJF、HRRF、RR&#xff09;的基本思想和实现过程。 4、用C语言模拟实现CPU调度算法。 5、掌握CPU调度算法性能评价指…...

编程日记 2025/9/17 7:08:25

ABAP Object Services

ABAP Object Services...

编程日记 2025/9/17 7:05:40

linux blueZ 第四篇：BLE GATT 编程与自动化——Python 与 C/C++ 实战

本篇聚焦 BLE（Bluetooth Low Energy）GATT 协议层的编程与自动化实践，涵盖 GATT 基础、DBus API 原理、Python（dbus-next/bleak）示例、C/C++ （BlueZ GATT API）示例，以及自动发现、读写特征、订阅通知、安全配对与脚本化测试。 目录 BLE GATT 基础概念 BlueZ DBus GATT 模…...

编程日记 2025/9/19 11:45:54

Linux线程与进程：探秘共享地址空间的并发实现与内

Linux系列 文章目录 Linux系列前言一、线程的概念二、线程与地址空间2.1 线程资源的分配2.2 虚拟地址到物理地址的转换 三 、线程VS进程总结 前言 在Linux操作系统中&#xff0c;线程作为CPU调度的基本单位&#xff0c;起着至关重要的作用。深入理解线程控制机制&#xff0c;是…...

编程日记 2025/10/5 7:16:10

ValueError: matmul: Input operand 1 has a mismatch in its core dimension 0

在遇到这个代码时&#xff0c;大多数情况下就是两个运算的向量维度不匹配&#xff0c;此时&#xff0c;可以打印一下两个数组的维度&#xff0c; # print(“[DEBUG] a shape:”, a.shape) # print(“[DEBUG]b:”, b.shape) 假设a.shape结果为[,200],b.shape结果为[210,255],那么…...

编程日记 2025/7/19 19:01:22

MySQL 8.4企业版 安装和配置审计插件

在最新的MySQL 8.4.4企业版上启用审计日志功能 操作系统&#xff1a;Ubuntu 24.04 数据库:8.4.4-commercial for Linux on x86_64 (MySQL Enterprise Server - Commercial) 1.查看安装脚本 下面2个脚本位于mysql安装目录 share 下&#xff0c;一个是window一个是linux可以用…...

编程日记 2025/10/9 12:23:26

科学养生，开启健康生活新方式

在快节奏的现代生活中&#xff0c;健康养生已成为人们关注的焦点。科学的养生方式不仅能增强体质&#xff0c;还能有效预防疾病&#xff0c;提升生活质量。​ 合理饮食是健康养生的基础。日常饮食应遵循均衡原则&#xff0c;保证蛋白质、碳水化合物、脂肪、维生素和矿物质的合…...

编程日记 2025/9/17 7:03:20

外贸图片翻译软件推荐用哪些？不损原图画质的跨境图片翻译器，收藏！

在跨境电商的 “江湖” 里&#xff0c;卖家们怀揣着全球 “捞金” 的梦想扬帆起航&#xff0c;可谁能想到&#xff0c;一个看似不起眼的 “小怪兽”—— 图片翻译难题&#xff0c;却常常让大家在 “出海” 途中 “栽跟头”。 电商跨境图片翻译全能王——风车AI翻译 [fengchef…...

编程日记 2025/9/17 7:00:22