数据库准备本地数据库准备在本地使用navicat 添加本地数据库连接: 创建一个wiki数据库: 创建一个专用的账户: 配置权限设置单个库的权限: 通过这个用户名创建数据库的连接: 然后就能操作数据库了阿里云数据库准备略IDEA数据库插件配置 使用IDEA右侧的Database创建连接: 输入账号密码测试连接(如果是首次连接可能需要下载驱动 看看报错有没有提示下载): 之后我们就可以直接操作数据库
①创建一台opencloud8的腾讯云服务器②用xshell连接服务器③vue中新建.env.development配置文件 .env.development:VUE_APP_BASEURL='http://localhost:9090' .env.production:VUE_APP_BASEURL='http://服务器ip:9090'④修改main.jsimport Vu
# 从零开始实现springboot vue架构 ## 行动计划 为了帮助你理解如何实现springboot vue架构,我制定了以下步骤计划: ```markdown | 步骤 | 描述 | |------|--------------------------------------| | 1 | 创建一个Spring
原创 2024-06-18 06:35:06
31阅读
# Spring Boot 与 Vue.js 架构详解 在当前的Web应用开发中,前后端分离的架构越来越受到欢迎。Spring Boot与Vue.js的结合,是一种高效构建现代化Web应用的方式。本文将围绕Spring Boot和Vue.js的架构进行探讨,并通过示例代码、饼状图和状态图来阐述其关键概念和应用。 ## 1. 什么是Spring Boot? Spring Boot是一个用于简化
原创 9月前
90阅读
一、准备工作1.1 下载node + vue① 下载 nodenode.js下载地址:建议下载稳定版Node.jshttps://nodejs.org/zh-cn/② 下载vue在控制台输入如下指令npm install -g @vue/cli 1.2 租用xx云服务器,这里以阿里云服务器为例建议百度 阿里云/华为云/百度云服务器购买教程,下面给两个挺好的例子SpringBoot项目部署
转载 2024-03-14 17:08:58
113阅读
一、首先拿到spring boot + vue项目,可以从git 上获取到        1、spring boot 项目导入idea中启动,运行mian函数启动项目(tomcat端口改为80) 二、安装node(最新版)https://nodejs.org/en/download/(具体安装过程,查百度)      &nbsp
文章目录1:项目部署所使用的工具或资源2:SpringBoot项目部署2.1更改跨域配置2.2项目打包2.3部署jar包2.3.1上传jar包和静态资源文件2.3.2安装JDK2.3.3安装MySQL2.3.4导入sql文件资源2.3.5运行jar包2.4接口测试3.Vue项目部署3.1更改代理服务器、axios、Vuex配置3.2将项目打包上传到云服务器3.3Nginx安装3.4部署第一个Vu
# SpringBoot vue 技术架构 ## 概述 SpringBoot是一种基于Spring框架的快速开发框架,而Vue是一种流行的前端框架。将SpringBootVue结合起来,可以构建一个强大的全栈应用程序。本文将介绍SpringBootVue的技术架构,并提供一些代码示例。 ## 技术架构 SpringBootVue的结合可以实现前后端分离的开发模式。前端使用Vue进行页
原创 2024-01-11 05:42:36
349阅读
## Spring Boot Vue 组织架构实现步骤 作为一名经验丰富的开发者,我将指导你如何实现 Spring Boot Vue 组织架构。下面是整个实现过程的流程图: | 步骤 | 说明 | | --- | --- | | 1 | 创建 Spring Boot 项目 | | 2 | 集成 Vue 前端框架 | | 3 | 设计数据库表结构 | | 4 | 创建实体类和数据访问层(DAO)
原创 2023-07-23 08:33:53
191阅读
# Spring Boot + Vue 技术架构实现指南 在现代开发中,Spring Boot与Vue常常被搭配使用,前端使用Vue.js框架,后端使用Spring Boot框架。这样的技术架构使我们能够构建单页面应用(SPA),提供良好的用户体验。接下来,我将为你讲解如何实现这个架构,并提供每一步的详细指导。 ## 一、整体流程 以下是创建Spring Boot与Vue的技术架构的基本步骤
原创 9月前
229阅读
前言开发后台系统时经常遇到实现上传文件的功能,在这记录一下我的方法后端:SpringBoot2 前端:Vue3+ElementPlus 工具:IDEA一、后端/** * 上传采购合同PDF * * @author Leo高洋 * @create 2023-01-20 6:51 */ @PostMapping("/uploadContract
摘要SpringBoot简介 SpringBoot是一个默认就集成了绝大部分常规开发时都使用的依赖、完成了绝大部分的常规配置、基于SpringMVC的框架。SpringBoot的核心思想是约定大于配置,因为在传统的SSM项目中,创建项目后,需要自定义大量的配置,而不同的项目的配置却大同小异,甚至就是完全相同,所以,SpringBoot就直接完成了相关的配置,并要求使用者遵循配置值的约定,例如它将D
springboot+vue本地部署最近完成项目,需要部署到本地,期间遇到了一些问题,最后写下流程以作记录。springboot打包这块的内容较为简单一般为在pom.xml中加入<build> <plugins> <plugin> <groupId>org.springframework.boot&lt
转载 2023-06-16 15:35:57
117阅读
一、Vue打包+部署1. 打包(npm run build:prod)打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏览器打开,==会发现报错==解决步骤:打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件其中dev是开发环境,build是构建
转载 2023-05-29 13:56:09
162阅读
Vue整合SpringBoot框架一、新建Springboot模块二、分别运行vuespringboot 一、新建Springboot模块(1)先在文件中找到new然后选模块(2)选择Spring Initializr 然后这里推荐用阿里的镜像源在Custom中填入下面的阿里镜像源地址:https://start.aliyun.com/ 这里可以直接下一步,当然你也可以修改包名和项目名称(3)然
转载 2023-09-24 09:19:13
267阅读
目录1、前期准备2、创建一个vue项目3、vue前端4、java后端5、启动5.1、启动vue项目 5.2、启动后端 6、效果7、总结8、参考资料vue官方文档:介绍 — Vue.js (vuejs.org)elementUI官方文档:elementUI项目代码:(master分支)myfirstVue_web:https://gitee.com/wulinchun/myfir
转载 2024-08-01 12:01:43
187阅读
VUE和Spring Boot属于什么架构? 在现代Web开发中,VUE和Spring Boot的组合越来越受到开发者的追捧。这两种技术分别代表着前端与后端开发的两个重要部分,能够形成高效的全栈应用。VUE是一种用于构建用户界面的渐进式JavaScript框架,而Spring Boot则是一个基于Spring框架的后端开发工具,旨在简化Java应用的启动和开发过程。本文将从多个维度解析VUE与S
原创 5月前
65阅读
## Spring Boot 和 Vue架构图 在现代 web 开发中,Spring Boot 和 Vue.js 是两个非常流行的框架。Spring Boot 是一个用于构建 Java 应用程序的开源框架,而 Vue.js 是一个用于构建用户界面的 JavaScript 框架。它们可以很好地结合在一起,形成一个强大的全栈开发架构。 ### 架构图示例 下面是一个简单的 Spring Bo
原创 2024-01-31 06:42:01
741阅读
目录(一). 添加后台功能页(二). 子页面路由(三). 问题解析前言本篇文章是前期准备页面工作的最后一篇了,后面会开始设计数据库,权限和业务逻辑的开发,其实该篇文章在5天前就已经准备和整理好了,只是一直没有发出来,原因一个是在设计数据库,想早早把数据库这块整理好,另一个就是 最近一直在家里办公,效率低下,时不时的会被打断,我这种自律性不高的人,总是这样一拖再拖,后期我会控制节奏的更新,让项目尽快
转载 2024-05-15 12:30:45
53阅读
案例目录 《个人小博客》 1、登录注册(带验证码) 2、发布小文章(添加文章)3、文章管理(删改查) 项目技术栈介绍 前端:vue3+elementplus 后端:springboot+mybatisplus jdk:1.8以上 数据库:mysql前端部分演示开始第一:前端部分(效果图)实现代码也非常简单 article.vue<el-card> <el-
  • 1
  • 2
  • 3
  • 4
  • 5