Spring Boot + vue-element 开发个人博客项目实战教程(五、项目部署到gitee管理)

简介: Spring Boot + vue-element 开发个人博客项目实战教程(五、项目部署到gitee管理)

⭐ 作者简介:码上言



⭐ 代表教程:Spring Boot + vue-element 开发个人博客项目实战教程



⭐专栏内容:零基础学Java个人博客系统

项目部署视频

https://www.bilibili.com/video/BV1sg4y1A7Kv/?vd_source=dc7bf298d3c608d281c16239b3f5167b

文章目录

基础项目已经搭建完成,这里我再补充一篇关于项目版本管理的文章,这个在公司里开发项目很重要,很多人开发同一个项目,需要提交整合项目,则需要有个地方存储项目,然后所有的人都提交到同一个项目地址进行整合。这里就需要使用git分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

一、什么是Git

菜鸟教程 | Git教程

廖雪峰 | Git教程

Git 完整命令手册地址:http://git-scm.com/docs
概念:Git是目前世界上最先进的分布式版本控制系统(没有之一),用于敏捷高效地处理任何或小或大的项目。

可能有的人使用SVN进行项目高版本管理,这里要和Git区别开来。

二、Git安装配置

在使用Git前我们需要先安装 Git。Git 各平台安装包下载地址为:http://git-scm.com/downloads

我在这里只讲在windows上安装Git。安装包下载地址:https://gitforwindows.org/

官网慢,可以用国内的镜像:https://npm.taobao.org/mirrors/git-for-windows/

我用的是国内的镜像下载的具体如下:下载最新的版本然后点进入,我电脑64位的,所以找到64位的下载
下载完成后进行安装,直接next下一步
选择安装路径,点击next下一步。
以下红色框中一个是创建桌面快捷方式可选可不选,检查更新也是可选可不选,然后点击Next下一步。


然后不需要修改,直接下一步
选择Git文件默认的编辑器,默认即可,下一步。
继续下一步。
调整PATH环境,默认下一步。
以下都是默认,直接一路Next,最后可能会遇到一个多选的,可以都勾选上

然后点击安装即可。

此时,在任何地方右击鼠标,会出现以下两个选项,就安装成功使用了。
三、注册Gitee账号

Gitee地址:https://gitee.com/

个人开发者可免费创建 1000 个仓库(不限公有、私有),提供最多 5G 的免费代码存储空间

通过访问 https://gitee.com/,从首页右上角点击「注册」或点击「加入 Gitee」即可注册个人账号。


在 Gitee 的注册界面依次填入各项,需注意的是:邮箱建议填写国内邮箱如163邮箱/QQ邮箱,以免因为众所周知的原因无法接收激活邮件,个性地址一经选定,无法修改,请慎重填写。当然,你也可以通过微信授权等第三方登录平台授权登录,授权登录后按照引导提示填写相关信息即可完成注册。

四、创建项目仓库

以下来自Gitee帮助中心

1、通过网站右上角的「+」号,选择「新建仓库」,进入新建仓库页面2、在新建仓库页面填写仓库信息。仓库相关概念说明如下:

● 仓库名称: 仓库的名称,用于仓库命名

● 归属:仓库归属账户,可以是个人账号/组织/企业中的一种,创建成功后该账户默认为仓库的拥有者(管理员)

● 路径:仓库的git访问路径,由用户个性地址+仓库路径名称组成。创建仓库后用户将通过该路径访问仓库。

● 仓库介绍:仓库的简单介绍

● 是否开源:设置仓库是否为公开仓库,公开仓库对所有人可见,私有仓库仅限仓库成员可见。

● 选择语言:仓库主要开发用的编程语言

● 添加.gitignore:系统默认提供的git忽略提交的文件模板,设置.gitignore后将默认忽略指定目录/文件到仓库

● 添加开源许可证:如果仓库为公开仓库,可以添加设置仓库的开源协议,作为对当前项目仓库和衍生项目仓库许可约束,开源许可证决定了该开源项目是否对商业友好。

● Readme:项目仓库自述文档,通常包含有软件的描述或使用的注意事项。

● 使用***模板文件初始化仓库:使用Issue或Pull Request文件模板初始化仓库


其他的默认即可,点击创建,然后会出现以下页面,就创建成功了。
此时我们已经在Gitee上创建了一个仓库,现在我们需要把我们的项目上传到本仓库中进行管理。

五、上传项目

1、首先进入到项目中,然后右击,选择Git Bash Here
2、打开Git之后,我们需要设置下用户名和邮箱

在 Gitee 平台中,强烈建议您在【设置-多邮箱管理】中的“提交邮箱”与上面配置信息中的邮箱地址保持一致,这样平台就能及时地统计您在平台中提交代码的贡献了

$ git config --global user.name "你的名字或昵称"
$ git config --global user.email "你的邮箱"


3、此时就配置完成了,这时我们查看以下我们配置的用户名和邮箱。

$ git config user.name
$ git config user.email


4、这时,就完成了配置工作,接下来初始化本地环境,把该项目变成可被git管理的仓库。

$ git init


执行完后,我们再看一下项目文件中多了一个.git文件
5、将本地代码库与远程代码库相关联。我们打开Gitee,找到我们的仓库,查找地址在刚下的git中输入以下命令

$ git remote add origin https://gitee.com/xyhwh/personal_blog.git


6、使用 git pull origin master 命令,将码云上的仓库pull到本地文件夹

  git pull origin master


7、接下来将当前目录所有文件添加到git暂存区。

$ git add . (注意这里有个空格加点)

8、提交并备注提交信息(说明信息为必填项,最好是信息有意义,便于后期理解)

$ git commit -m '初始化项目'


会有一大堆的信息创建,很快等待创建完成。

9、将文件上传到远程版本库master分支

$ git push origin master


10、此时,将项目上传到Gitee已将完成,这是我们查看以下仓库中有没有我们上传的项目。
然后我们再用IDEA打开我们的项目

以后我们就用这三个按钮进行代码的更新,提交等操作。

git push 命用于从将本地的分支版本上传到远程并合并。

在项目的左下角,会看到有Git:

点击这个Git可以查看开发过程中提交的代码记录,便于代码的维护和查找。然后在编写代码的时候,会在左侧会出现绿色的标注,则表示是新增的代码。

以上就是将项目部署到Gitee仓库中,这个很重要,尽量要学会部署。


上一篇:Spring Boot + vue-element 开发个人博客项目实战教程(四、数据库搭建和配置)

下一篇:Spring Boot + vue-element 开发个人博客项目实战教程(六、项目包创建和配置Mybatis)

目录
相关文章
|
30天前
|
Java API 数据库
构建RESTful API已经成为现代Web开发的标准做法之一。Spring Boot框架因其简洁的配置、快速的启动特性及丰富的功能集而备受开发者青睐。
【10月更文挑战第11天】本文介绍如何使用Spring Boot构建在线图书管理系统的RESTful API。通过创建Spring Boot项目,定义`Book`实体类、`BookRepository`接口和`BookService`服务类,最后实现`BookController`控制器来处理HTTP请求,展示了从基础环境搭建到API测试的完整过程。
40 4
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
137 1
|
16天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
94 62
|
3天前
|
存储 运维 安全
Spring运维之boot项目多环境(yaml 多文件 proerties)及分组管理与开发控制
通过以上措施,可以保证Spring Boot项目的配置管理在专业水准上,并且易于维护和管理,符合搜索引擎收录标准。
12 2
|
14天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
32 2
|
16天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
23天前
|
XML Java 数据格式
提升效率!Spring Boot 开发中的常见失误轻松规避
本文深入探讨了在 Spring Boot 开发中常见的失误,包括不当使用注解、不良异常处理、低效日志记录等,提供了有效的规避策略,帮助开发者提升代码质量和系统性能,构建更健壮、高效的应用程序。
|
8天前
|
安全 Java 测试技术
Java开发必读,谈谈对Spring IOC与AOP的理解
Spring的IOC和AOP机制通过依赖注入和横切关注点的分离,大大提高了代码的模块化和可维护性。IOC使得对象的创建和管理变得灵活可控,降低了对象之间的耦合度;AOP则通过动态代理机制实现了横切关注点的集中管理,减少了重复代码。理解和掌握这两个核心概念,是高效使用Spring框架的关键。希望本文对你深入理解Spring的IOC和AOP有所帮助。
15 0
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用
【10月更文挑战第8天】本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,通过 Spring Initializr 创建并配置 Spring Boot 项目,实现后端 API 和安全配置。接着,使用 Ant Design Pro Vue 脚手架创建前端项目,配置动态路由和菜单,并创建相应的页面组件。最后,通过具体实践心得,分享了版本兼容性、安全性、性能调优等注意事项,帮助读者快速搭建高效且易维护的应用框架。
39 3
|
12天前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
28 0