在腾讯云上部署Java SpringBoot+Vue项目（包含mysql数据库）全流程

已于 2024-08-13 23:55:05 修改
阅读量918 收藏 20
点赞数 20
文章标签： maven java spring spring boot vue.js nginx linux
于 2024-08-13 23:53:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_69166053/article/details/141172623
版权

在腾讯云服务器上部署JavaSpringboot（包含mysql数据库）+Vue项目

在腾讯云官网购买服务器（我是试用一个月的）并安装Linux操作系统
  1. 点击立即试用在这里插入图片描述
  2. 成功注册后登录点击重装系统
    在这里插入图片描述
  3. 选择操作系统版本和类型
    我选择的是CentOS 7.6在这里插入图片描述
  4. 安装完成后登录你的服务器
    在这里插入图片描述
安装和使用宝塔（给服务器下载项目运行所需的软件）

  1. 进入宝塔官网点击立即免费安装
    在这里插入图片描述

  2. 点击立即安装到服务器
    在这里插入图片描述

  3. 安装完成后弹出访问链接和密码
    在这里插入图片描述
    输入该用户名和密码登录

  4. 放开Linux云服务器宝塔访问端口
    在这里插入图片描述

  5. 进入宝塔面板点击立即修复(我没有修复，因为我只试用一个月，不考虑安全性)
    在这里插入图片描述

  6. 进入设置面板端口页面，将端口号改为第八步你开放的端口
    在这里插入图片描述

  7. 回到首页后点击立即处理
    在这里插入图片描述

  8. 点击确定
    在这里插入图片描述

  9. 点击继续前往
    在这里插入图片描述

  10. 进入服务器面板
    在这里插入图片描述

  11. 在软件商店目录里搜素和下载mysql(mysql我选择的是8.0.36)和Ngnix
    在这里插入图片描述

  12. 进入首页，开启mysql和Ngnix
    在这里插入图片描述

  13. 配置Ngnix和mysql
    在这里插入图片描述
    在这里插入图片描述
    点击配置修改，将第二行的#删掉，your_password改成你自己的密码
    在这里插入图片描述
    配置完成后重启nginx和mysql
    在这里插入图片描述

  14. 配置mysql，将自己项目的数据库导入远程服务器中我是在navicat中，其他数据库类似
    将数据库导出
    在这里插入图片描述
    将数据库文件导入远程服务器中
    在这里插入图片描述
    点击导入
    在这里插入图片描述
    再点击导入
    在这里插入图片描述

  15. 开放前后端端口（在宝塔和腾讯云中都要开放）前后端必须都开放，重点是nginx监听的端口
    在这里插入图片描述
    在这里插入图片描述

腾讯云服务器中安装配置Java环境

  1. 下载和安装Xshell和Xftp(参照[https://blog.csdn.net/crr411422/article/details/131144560](
    在这里插入图片描述

  2. 在本地下载jdk的Linux安装包（注意是Linux安装包gz，我下载的是jdk8,）

在/usr/local目录下新建一个文件夹java，将jdk的包上传到java目录下
在这里插入图片描述
在xshell窗口里使用cd /usr/local/java/进入到java目录
在这里插入图片描述
使用命令tar -zxvf jdk-8u144-linux-x64.tar.gz将压缩包解压
解压完成后使用vim /etc/profile命令编辑环境变量
j进入文件之后，按一下i键，就进入到了编辑模式，下方会出现一个白色的insert英文，然后按下方向键，将光标移动到倒数第三行的位置，将 JAVA_HOME=/usr/local/java/jdk1.8.0_144 CLASSPATH=$JAVA_HOME/lib/ PATH=$PATH:$JAVA_HOME/bin export PATH JAVA_HOME CLASSPATH这些环境变量粘贴上去，可以在该位置右键—粘贴—粘贴到终端，然后按esc键退出编辑模式，输入:wq再回车，完成保存退出，再输入source /etc/profile命令刷新环境变量。
使用Java -version出现下述则配置成功
在这里插入图片描述

前后端项目打包上传
  1. 后端maven项目打包成jar包（maven项目要先进行clean清理在打包），前端Vue使用npm run build打包
    后端注意事项：
    在这里插入图片描述
    前端注意事项：
    在这里插入图片描述
    在xftp中进入home文件夹下，创建前后端项目存储的文件夹，将后端项目放在后端文件中，将前端文件放在admin文件夹下
    在这里插入图片描述
    在xShell中切换到后端项目存储路径下，执行nohup java -jar weibo-0.0.1-SNAPSHOT.jar >log.out ，将weibo-0.0.1-SNAPSHOT替换为你的jar包
    在这里插入图片描述
    启动后在后端文件夹下会出现一个log.out日志文件，内容如下则后端启动成功
    在这里插入图片描述
访问云服务器上的项目

使用你的公网ip和nginx监听的81端口号访问
在这里插入图片描述

小黄鱼145
关注
  • 20
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
从零开始——腾讯云服务器安装运行部署springboot+vue3项目教程
qq_53478650的博客
07-02 270
点击腾讯云官网右上角的控制台进入自己的服务器控制台 点击进入服务器具体信息页面。消息盒子会显示你安装软件的安装进度，按照你安装的软件数量等待相应比例的时间。两者优点兼顾的是中国香港的服务器，但是价格很贵，腾讯的需要提交认证进行申请。海外服务器的好处是域名不用备案，海外业务网速快，缺点是国内业务访问速度慢。国内服务器好处是国内业务快，服务器数量多不要求批量购买，缺点是需要备案。绑定登陆后，它会推荐你安装的套件，套件里有按你需求准备的基本工具。选择你需要的软件进行安装（我选择的是急速安装）
基于springboot+vue的高校学生党员发展管理系统源码数据库论文.docx
07-02
部署环节可能涉及云服务，如阿里云、腾讯云等，以实现高可用性和可扩展性。 综上所述，这个基于Vue和SpringBoot的高校学生党员发展管理系统结合了现代前端和后端技术，旨在解决高校党员管理中的效率问题，通过系统...
java项目的部署
07-17
云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署云平台部署
springboot+vue项目腾讯云服务器部署
qq_54802008的博客
03-22 611
1.vue项目打包 首页路由建议用"/" 确认无误之后 采用 npm run build 命令进行打包 复制dist里面的所有内容 把刚刚复制的都放进static里面去 主启动类 extends SpringBootServletInitializer implements WebApplicationInitializer @Override protected SpringApplicationBuilder configure(SpringApplicationBuild
Java项目部署服务器（简单版）
最新发布
Wangcr_xw的博客
06-05 2973
java项目部署、mysql安装和数据备份、redis单机、nginx安装以及配置
Java项目部署
weixin_46401545的博客
12-01 1992
项目部署 我们学习完javaweb的时候，可以通过自己的电脑进行访问网页，但是别人无法访问。想要分享给别人访问怎么办呢 首先我们需要一台服务器。（可以有一个可访问的ip地址哦） 服务器和Tomcat的区别我在整个专栏存在一篇文章 没有服务器 因为服务器也是挺贵的，云服务器有的时候可以免费领取到，但是次数也是有限的。想要在没有服务器的时候别人访问，就需要使用到局域网了 你的电脑连接一个网络，朋友也连接同一个网络，就可以访问到你写的小网页了 下面介绍步骤了 首先有一个小项目 我们编写一个SpringBoot小项
JAVA项目部署
struggling_fire的博客
04-27 3379
目录 一、前后端不分离 1.windows-Eclipse项目部署 2.IDEA项目部署-Springboot-jar包 一、前后端不分离 1.windows-Eclipse项目部署 ①打包war包：右键单击项目→export→war file→选择导出目录，选择优化等三个选项 ②部署到Tomcat:解压一个新的tomcat，复制war包到webapps中，先启动测试 报错就到logs文件夹找catalina日志文件 1.如果有tomcat，就直接复制war包到w.........
java+vue基于springboot+vue基于java的的医院综合管理系统实现与设计毕业论文.doc
12-15
后端开发使用IntelliJ IDEA集成开发环境，前端使用Vue CLI创建项目，数据库管理使用MySQL，版本控制使用Git，项目构建与部署利用Maven或Gradle。 2.3 服务器选择 系统运行于Tomcat或Jetty等Java应用服务器上，可以...
springboot+vue+微信小程序打造的商城系统.zip
09-05
本项目是一个基于SpringBoot、Vue.js以及微信小程序的商城系统，涵盖了从后台管理到前端用户交互的完整流程，是理想的本科毕业设计参考案例。通过这个系统，你可以学习和掌握多种现代Web开发技术，并理解如何将它们...
基于springboot+vue+小程序实现的咖啡店点餐系统源代码+数据库
07-16
在这个项目中，可能会使用MySQL或PostgreSQL等关系型数据库，用于存储菜单信息、订单数据、用户资料等。Spring Boot集成了JPA（Java Persistence API）和Spring Data，可以帮助开发者便捷地操作数据库，如增删改查等...
java项目部署
nullsheep的博客
06-05 392
1.修改端口号 第一步:找到你需要修改端口号目录下的servlet.xml 第二步:打开server.xml文档,找到，修改port端口号8080，修改完毕后，保存 Servlet.xml,然后重启Tomart服务，这样子就可以更改端口号了 <Connector port="8219" protocol="AJP/1.3" redirectPort="8443"/> <Connector URIEncoding="UTF-8" connectionTimeout="20000" port
部署java项目
qq_32172681的博客
10-17 525
1、打war包 2、放在tomcat的webapp目录下 3、执行bin目录的start.sh脚本 maven自动部署到远程tomcat教程： 1、环境如下 eclipse、apache-maven-3.0.5、apache-tomcat-7.0.39 2、配置如下 apache-maven-3.0.5配置C:\Program Files\apache-maven-3.0.5...
java 项目部署_java项目部署
weixin_39610422的博客
02-20 1969
本文章只为帮助大家学习项目的发布，为基础篇，在此给大家示范在window环境下的项目部署及运维。以下版本为讲解示例，可自行改至匹配版本。服务器：window service2008 R2 Standard(提前准备好服务器，可以在服务器商家租服务器，这里就不过多讲解了)应用服务器：Tomcat-8.0.26jdk：jdk1.7.0_60项目开发工具：MyEclipse2014第一步：连接到服务器这...
JAVA项目服务器部署
a594455873的专栏
07-07 128
1.下载Java JDK 搜索jdk下载，然后进入JAVA官方网站jdk下载页，选择自己的对应的操作系统，点击下载 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载对应的版本： 2.安装JDK，这一步全默认选择一直点击下一步next就可以了（注意路径C盘...
java服务器项目,java项目服务器部署
weixin_32495691的博客
08-06 417
java项目服务器部署 内容精选换一换硬件要求如表1所示。操作系统要求如表2所示。如果是全新安装操作系统，可选择“Minimal Install”安装方式并勾选Development Tools套件，否则很多软件包需要手动安装。计费项包括存储费和流量费，存储费根据存储库的不同进行收取。详细的计费项目如下所示：存储费：云硬盘备份存储库：备份云硬盘时购买。云服务器备份存储库：备份普通云服务器时购买。S...
在腾讯云服务器跑Vue + SpringBoot项目
peterpanya的博客
07-29 1210
背景:闲来无事,跟着做了个Vue+SpringBoot项目,做了一些之后项目内容没什么思路搞什么了,然后就想着再搭个服务器. 一:项目及云服务器还有域名准备 项目:这个…自己准备吧,只要自己做好的能在自己本地跑通的Vue+springboot项目就行 云服务器:腾讯云官网购买,买的学生套餐,一年120,假装自己赚了! (现在618只要95,唉~还是花藤爷爷赚了) 域名:还是腾讯云官网买的,新用户16块,也赚!反正也不知道其它平台多少,眼不见为净 二:云服务器搭建: 1.登录腾讯云官网,点击控制台,然后
springboot+vue项目怎么连接数据库的
05-12
在Spring Boot应用中连接数据库，通常需要使用Spring Data JPA或者Spring JDBC等技术。其中，Spring Data JPA是一种基于JPA规范的ORM框架，可以通过注解方式配置实体类映射关系，大大简化了数据访问层的开发。 在Vue项目中，可以使用axios等HTTP客户端库与后台进行数据交互。一般来说，后台会提供RESTful API接口供前端调用，前端通过发送HTTP请求来获取或者提交数据。 下面是一个简单的示例，演示了如何使用Spring Boot和Vue.js连接MySQL数据库： 1. 在pom.xml中添加MySQL驱动依赖： ``` <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.22</version> </dependency> ``` 2. 配置数据源和JPA 在application.properties或者application.yml文件中添加以下配置： ``` # 数据源配置 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/mydb?useSSL=false&serverTimezone=UTC spring.datasource.username=root spring.datasource.password=123456 # JPA配置 spring.jpa.show-sql=true spring.jpa.hibernate.ddl-auto=update spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL8Dialect ``` 3. 创建实体类和DAO接口 在src/main/java目录下创建实体类和DAO接口： ``` // User.java @Entity @Table(name = "user") public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private Integer age; // getter和setter省略 } // UserRepository.java @Repository public interface UserRepository extends JpaRepository<User, Long> { } ``` 4. 创建Controller 在src/main/java目录下创建UserController.java文件，编写RESTful API接口： ``` @RestController @RequestMapping("/api/user") public class UserController { @Autowired private UserRepository userRepository; @GetMapping("/{id}") public ResponseEntity<User> getUserById(@PathVariable Long id) { Optional<User> user = userRepository.findById(id); return user.map(u -> ResponseEntity.ok().body(u)) .orElse(ResponseEntity.notFound().build()); } @PostMapping("") public User createUser(@RequestBody User user) { return userRepository.save(user); } } ``` 5. 在Vue.js中调用API接口 在Vue.js中使用axios库发送HTTP请求，获取或者提交数据： ``` // 获取用户信息 axios.get('/api/user/1').then(response => { console.log(response.data); }); // 创建用户信息 axios.post('/api/user', { name: 'Tom', age: 20, }).then(response => { console.log(response.data); }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值