Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)

背景

在本地环境下配置前后端分离项目,大体步骤如下:

1、前后端项目下载

2、windows7环境下安装jdk1.8

3、java开发工具安装配置

(1)eclpise
(2)IntelliJ IDEA
如上两个工具随便安装一个就行

4、windows7环境下mysql安装与配置

5、后端项目配置

6、前端项目配置

一、项目下载地址

https://www.renren.io/community/project

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第1张图片如果不想注册账号下载,直接下载如下百度网盘的也行:
1、前端项目:

链接:https://pan.baidu.com/s/1d67rgn6A64b-ulLqBQoBiw 
提取码:tlni 

2、后端项目:

链接:https://pan.baidu.com/s/1xNYryxnE2s243gSrAzfICg 
提取码:7mo5 

二、windows7环境安装jdk1.8

详细安装步骤参照这篇文档:

windows7环境下安装jdk1.8

三、java开发工具ide安装配置

1、eclipse

安装步骤参见:windows7环境安装eclipse

2、IntelliJ IDEA

安装步骤参见:windows7环境下安装IntelliJ IDEA

四、windows7环境下安装mysql

按步骤参见:windows7环境下安装mysql5.5.17

五、后端项目配置

1、后端项目使用的技术

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第2张图片

2、配置Maven环境

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第3张图片maven配置参见:maven下载与配置

3、导入项目

(1)解压下载好的后端项目

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第4张图片

(2)导入项目到eclipse(导入eclipse比较慢,建议导入IntelliJ IDEA移步到(3))

File-Import 导入maven项目
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第5张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第6张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第7张图片右下角显示正在导入中:
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第8张图片这里导入完成后有一些显示错误,是因为这是个maven项目要安装一个STS插件

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第9张图片
Eclipse 提供了一个专门开发 SpringBoot 的插件叫做 Spring Tool Suite. 这个插件的安装是使用国外的源,安装很卡,起码几十分钟去了。

在Help-Eclipse Marketplace搜索sts进行安装。
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第10张图片点击进行安装
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第11张图片点击Confirm
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第12张图片然后继续等待…
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第13张图片点击、Confirm以及Finish
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第14张图片
点击Finish
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第15张图片等待一会
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第16张图片点击Yes重启下Eclipse
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第17张图片

注意:这里使用eclipse导入是比较慢的,这里推荐使用IntelliJ IDEA进行导入

(3)也可以使用IntelliJ IDEA进行导入

首先也是要在IntelliJ IDEA配置maven
如下:
打开File-Settings 搜索maven,然后进行配置

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第18张图片
然后导入项目
File-Open
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第19张图片
选择Maven项目
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第20张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第21张图片然后等一会:
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第22张图片右下角显示正在导入
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第23张图片如下,就说明项目导入成功了。
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第24张图片

4、导入数据到mysql数据库中

(1)创建一个数据库

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第25张图片

(2)连接到刚刚创建的数据库,并将数据库脚本加载执行

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第26张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第27张图片点击执行
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第28张图片刷新下,数据就被导入了
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第29张图片

5、修改代码数据库连接配置

注意将如下信息改成你自己设置的数据库名称
以及数据库用户和密码
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第30张图片

6、然后运行项目

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第31张图片出现如下信息说明项目启动成功!
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第32张图片

7、进行验证测试

在浏览器输入如下地址进入swagger界面

http://localhost:8080/renren-fast/swagger/index.html

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第33张图片获取验证码
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第34张图片用户登录!
Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第35张图片到此,人人开源项目的后端就在本地部署完成了!

六、前端项目配置

1、前端框架介绍

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第36张图片

2、nodejs安装

参见:windows7环境安装nodejs

3、解压下载好的前端项目

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第37张图片

4、初始化工程

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第38张图片

(1)进入工程目录下

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第39张图片

(2)npm install

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第40张图片注:如果发生报错,则在修改前端项目中 package.json文件:

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第41张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第42张图片

(3)npm run dev

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第43张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第44张图片然后会自动在浏览器打开前端的页面:

http://localhost:8001/#/login

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第45张图片

(4)测试登录

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第46张图片Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第47张图片如上,前后端就安装配置完成了!!
注:后端一定要运行!!

Docker01:开源项目renrenfast-前后端项目下载与配置(本地环境)_第48张图片

你可能感兴趣的:(Docker,MySQL,Redis,java,开发语言,后端)