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

部署项目简介

我们要部署的项目是人人网的一个基于前后端分离的项目：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配置文件，并在下修改：

    
      alimaven
      aliyun maven
      http://maven.aliyun.com/nexus/content/groups/public/
      central        
    
  

然后，回到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安装过程中可能会遇到以下问题(标题上附上了解决方法的链接)：

• 安装node-sass提示没有vendor目录的解决办法
• npm 安装 chromedriver 失败的解决办法

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

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