【Docker】基于实例项目的集群部署(二)部署项目实例介绍与搭建 | 前后端分离项目

⭐️ 本文首发自 前端修罗场(点击加入),是一个由 资深开发者 独立运行 的专业技术社区,我专注 Web 技术、Web3、区块链、答疑解惑、面试辅导以及职业发展现在加入,私聊我即可获取一次免费的模拟面试机会,帮你评估知识点的掌握程度,获得更全面的学习指导意见,交个朋友,少走弯路,少吃亏!

部署项目简介

我们要部署的项目是人人网的一个基于前后端分离的项目:renren-fast。
你可以在这里对该项目进行下载,并对相关介绍文档进行了解:
https://www.renren.io/community/project
https://www.renren.io/guide/

在这里插入图片描述

后端项目搭建

首先来介绍下renren-fast的后端项目的架构:

在这里插入图片描述
简单说一下这里面涉及的技术:

  • SpringBoot:简化Spring框架。
    (参考:http://spring.io/projects/spring-boot/)
  • SSM(Spring+SpringMVC+MyBatis):三大框架的整合。
    (参考:https://www.cnblogs.com/zyw-205520/p/4771253.html)
  • Swagger:一种API的调式工具。(参考:https://swagger.io/)
  • JWT(JSON Web Tokens):拥有单点登录功能(微服务特点),能把认证信息保存在浏览器上。(参考:https://jwt.io/ https://www.cnblogs.com/cjsblog/p/9277677.html)
  • Redis
  • Shiro:权限验证机制。(参考:http://shiro.apache.org/)

导入前,先进行环境配置:

搭建Maven环境

Maven是一套软件工程管理和整合工具:
在这里插入图片描述

首先,先到这个地址下载需要的文件:
http://maven.apache.org/download.cgi
在这里插入图片描述

然后修改修改 “系统变量”:
在变量名Path 的值中追加你前面下载的maven的bin路径,如E:\maven\bin;
在这里插入图片描述

接着,修改maven\conf目录下的settings.xml配置文件,并在<settings>下修改:

在这里插入图片描述

<mirrors>
    <mirror>
      <id>alimaven</id>
      <name>aliyun maven</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
      <mirrorOf>central</mirrorOf>        
    </mirror>
  </mirrors>

然后,回到Eclipse中配置Maven:
windows系统,在Eclipse的window菜单下找到Preferences:
在这里插入图片描述

当你单击“Apply”时,可能会报如下错误:
org.apache.maven.archiver.MavenArchiver.getManifest错误
解决方法请参考:https://www.cnblogs.com/asderx/p/6541945.html

现在我们把renren-fast的后端项目先下载下来,下载ZIP文件。然后使用Eclipse导入这个项目:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

接着,我们把这个项目跑起来:

  • 连接MySQL数据库,新建一个名称为renren_fast的数据库:
    在这里插入图片描述

然后右键,选择“运行SQL”(在renren-fast后端项目的根目录下方有一个db文件夹,里面有Mysql文件):
在这里插入图片描述
点击开始执行后,会生成数据表。

接着,回到Eclipse中修改数据库连接信息,在src\main\resources目录下找到:application-dev.yml文件,修改username和password:
在这里插入图片描述

设置好之后,我们可以试运行一下:
在这里插入图片描述

  • Eclipse安装Spring插件
    https://blog.csdn.net/super_big_sun/article/details/72854877

前端项目搭建

前面说完了后端项目的搭建,现在说说前端项目:

首先先下载

renren-fast的前端项目是基于VUE+NodeJS+ElementUI架构的项目。

所以,首先请安装NodeJS环境,选择LTS版本:
在这里插入图片描述

安装完成后,接着使用命令行工具,进入到前面下载的前端项目的根目录,如:cd E:\renren-fast-vue
接着分别使用命令:
npm install
npm run dev

注意:在npm install安装过程中可能会遇到以下问题(标题上附上了解决方法的链接):

至此,我们就将需要部署在Docker中的前后端项目进行了介绍和搭建,如在搭建过程中遇到问题,请留言 ^_^

下一篇中,我们将进入到实际的部署中。但是,在部署之前,我们先了解一波Linux基础知识。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程轨迹_

期望和你分享一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值