人人开源前后端分离项目下载与配置

文章目录

  • 人人开源前后端分离项目下载与配置
  • 前后端分离框架介绍
  • 后端项目下载与配置
    • 1、renren-fast后台项目介绍
    • 2、开发环境搭建
    • 3、下载后端renren-fast的源码
    • 4、IDEA导入renren-fast项目
    • 5、创建数据库renren_fast,执行对应的SQL
    • 6、启动renren-fast后端项目
  • 前台项目的下载与配置
    • 1、 renren-fast-vue前端项目项目介绍
    • 2、搭建开发环境
    • 3、初始化工程
  • 参考资料

简单记录 - Docker环境下的前后端分离项目部署与运维

以renren-fast开源项目为部署案例,详细讲解了这个项目的前端部分和后端部分的安装和配置,在Windows平台上运行调试该项目。

前后端分离框架介绍

Docker环境下的前后端分离项目部署与运维人人开源框架介绍

人人开源的renren-fast项目为部署案例

人人开源项目 https://www.renren.io/community/project

renren-security | 轻量级权限管理系统

renren-fast | Java快速开发平台

renren-generator | 代码生成器

renren-security

renren-fast

renren-generator

下载 - 部署 - 运行

项目是前后端分离的,先部署好后端,再部署好前端页面,就能看到页面的效果了。

项目下载

  • 后台地址:https://gitee.com/renrenio/renren-fast
  • 前端项目element-ui地址:https://github.com/daxiongYang/renren-fast-vue
  • 代码生成器:https://gitee.com/renrenio/renren-generator

后端项目下载与配置

1、renren-fast后台项目介绍

官方介绍 https://www.renren.io/guide

  • 一个轻量级的Java快速开发平台,能快速开发项目并交付【接私活利器】
  • 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击
  • 实现前后端分离,通过token进行数据交互
  • 实现管理员列表、角色管理、菜单管理、定时任务、参数管理、系统日志、文件上传(云存储)等功能
  • 开发文档、前端源码下载、后端源码下载、项目演示(账号密码:admin/admin)

renren-fast后台项目技术栈

SSM 框架 Spring Spring MVC Mybatis

Spring Boot

Shiro 权限管理

Redis 高速缓存

Swagger 后台API调试

JWT 授权、信息交换、跨域认证

2、开发环境搭建

开发环境

  • JDK1.8 https://www.oracle.com/java/technologies/javase-jdk8-downloads.html

  • MySQL5.7 https://downloads.mysql.com/archives/community/

  • Maven http://maven.apache.org/download.cgi

  • IDEA(https://www.jetbrains.com/idea/download/)

配置好环境变量

在默认情况下,Maven下载JAR可能会有一些慢,可以修改为国内阿里云等下载地址。修改Maven的配置(settings.xml配置)

Maven conf/settings.xml 加上阿里镜像

<mirrors><!--阿里云仓库--><mirror><id>alimaven</id><name>aliyun maven</name><url>http://maven.aliyun.com/nexus/content/groups/public/</url><mirrorOf>central</mirrorOf>        </mirror>
</mirrors>

3、下载后端renren-fast的源码

可以下载源码下来解压 https://gitee.com/renrenio/renren-fast

也可以直接通过Git,弄下renren-fast的源码 git clone

git clone https://gitee.com/renrenio/renren-fast

我的执行

x1c@DESKTOP-HVI7SH0 MINGW64 /f/project/renren
$ git clone https://gitee.com/renrenio/renren-fast
Cloning into 'renren-fast'...
remote: Enumerating objects: 1764, done.
remote: Counting objects: 100% (1764/1764), done.
remote: Compressing objects: 100% (881/881), done.
remote: Total 1764 (delta 853), reused 1553 (delta 724), pack-reused 0
Receiving objects: 100% (1764/1764), 2.80 MiB | 610.00 KiB/s, done.
Resolving deltas: 100% (853/853), done.x1c@DESKTOP-HVI7SH0 MINGW64 /f/project/renren
$

4、IDEA导入renren-fast项目

IDEA导入renren-fast项目

选择项目位置


选择Maven方法导入

5、创建数据库renren_fast,执行对应的SQL

打开DataGrip,Navicat或 直接运行MySQL都可以的。

一般需要直接创建数据库

创建数据库 renren_fast ,数据库编码为 UTF-8

执行 db/mysql.sql 文件,初始化表数据

执行mysql.sql

修改 application-dev.yml ,更新MySQL账号和密码

6、启动renren-fast后端项目

运行 io.renren.RenrenApplication.java 的 main 方法,则可启动项目

开发文档 https://www.renren.io/guide#end

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

Swagger注释路径:http://localhost:8080/renren-fast/swagger-ui.html

前台项目的下载与配置

1、 renren-fast-vue前端项目项目介绍

renren-fast-vue基于vue、element-ui构建开发,实现renren-fast后台管理前端功能。

renren-fast前端项目

  • Vue

  • ElementUI

  • NodeJS

2、搭建开发环境

安装Node.js https://nodejs.org/en/

配置好环境

3、初始化工程

git clone https://github.com/daxiongYang/renren-fast-vue.git
cd  renren-fast-vue
npm install
npm run dev

克隆renren-fast-vue项目

cd 进入工程目录

安装依赖

启动服务

访问localhost:8001

Module build failed Error Node Sass does not yet support your current environment OS X 64-bit...

Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)

//将旧版本卸载
npm uninstall node-sass -g
//安装最新版
npm install node-sass -g

部署上 Linux

生成环境,打包并把dist目录文件,部署到Nginx里等等

构建生产环境(默认) npm run build

# 构建测试环境
npm run build --qa
# 构建验收环境
npm run build --uat
# 构建生产环境
npm run build --prod
# 安装Nginx,并配置Nginx server {listen       80;server_name  localhost;
location / {
root E:\\renren-fast-vue; index index.html index.htm;
} }
# 启动Nginx后,访问如下路径即可 http://localhost

登录的账号密码:admin/admin

参考资料

1、https://www.renren.io/community/project - 人人开源项目
2、Docker环境下的前后端分离项目部署与运维 - 神思者

【Docker】1、 前后端分离项目 下载启动运行相关推荐

  1. Docker部署前后端分离项目

    云主机 centos7 中Docker容器式部署前后端分离项目Django+Vue.js 前期准备: Docker安装Docker - CentOS Docker 软件包和依赖包已经包含在默认的 Ce ...

  2. linux(centos7) docker配置前后端分离项目环境

    一.安装docker 1.更新yum包,并安装需要的软件包,yum-util 提供yum-config-manager功能,另两个是devicemapper驱动依赖 yum -y upgrade yu ...

  3. 基于docker部署前后端分离项目--->docker+Dockerfile+vue+nginx+uwsgi+django+socket+负载均衡

    1. 介绍 本文基于阿里云服务器,安装的ubuntu20.04系统 适用于conten7.5系列 适用于ubuntu16.04以上系列 vue已经打包完成,所以不能使用我的vue项目 2. 部署 部署 ...

  4. 在Docker 上完成对Springboot+Mysql+Redis的前后端分离项目的部署(全流程,全截图)

    本文章全部阅读大约2小时,包含一个完整的springboot + vue +mysql+redis前后端分离项目的部署在docker上的全流程,比较复杂,请做好心理准备,遇到问题可留言或则私信 目录 ...

  5. 利用Docker一键部署若依前后端分离项目详细教程

    本文内容,主要介绍一下,在Linux服务器中如何利用Docker一键部署若依前后端分离项目. 若依前后端分离版本开源地址:https://gitee.com/y_project/RuoYi-Vue 目 ...

  6. 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)

    可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)

  7. iis cgi 无法使用_ASP.NET Core前后端分离项目使用gitlabci持续集成到IIS

    (给DotNet加星标,提升.Net技能) 转自:饭勺oOcnblogs.com/fanshaoO/p/12054985.html 现在好多使用gitlab-ci的持续集成的教程,大部分都是发布到li ...

  8. 从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目

    从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建 参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...

  9. 最细致的Spring Boot结合Vue前后端分离项目打包部署步骤(搭配Nginx)

    文章目录 前言 一.环境准备 二.SpringBoot项目打jar包 1.1 使用Maven的package插件打包 1.2 上传至Linux服务器 三.Vue项目打包 1.1 修改后台请求地址 1. ...

最新文章

  1. VTK:曲线样条CurveSpline用法实战
  2. 泛型中的模糊继承,解析T的意义
  3. 机器学习---knn之价格预测
  4. linux 内核 工作队列,Linux内核新旧工作队列机制的剖析和比较
  5. 围绕LEADS理念以开发者为中心,华为HDG伴你梦飞扬!(转载)
  6. 通讯超时什么意思_威伦触摸屏通讯报错了怎么办?
  7. Dubbo to Mesh 云原生架构改造方案解析
  8. 【Absible学习】Ansible普通用户sudo执行指令
  9. 服务器取绝对路劲的问题
  10. Office365 PPT加载本地模板
  11. FireBug使用方法
  12. 压缩文件密码暴力破解——cRARk使用方法
  13. python单位根检验看结果_python做adf检验
  14. 2021-11-27 2021年施工员-装饰方向-岗位技能(施工员)考试题及施工员-装饰方向-岗位技能(施工员)考试题库
  15. 因果性与因果模型 | 中国人民大学哲学与认知科学明德讲坛
  16. 目前是大专学历如何快速提升到本科学历?学历提升有哪几种形式呢?
  17. JAVA8元空间是什么?
  18. JS高级程序设计读书笔记(第五章 引用变量)
  19. 移动APP集成支付宝--服务器端设计
  20. Miniconda的安装与使用及pip在conda环境中的安装

热门文章

  1. 王者荣耀s18赛季服务器什么时候维护好,王者荣耀S18什么时候开始 S18赛季开始时间...
  2. 饭局上领导说“我的酒你敢不喝”,别说“我过敏”,这3句话管用
  3. python绘制路飞_路飞学城-Python开发集训-第一章
  4. PID, PPID, PGID与SID
  5. 业内顶尖 vivo NEX双屏版黑科技TOF技术大揭秘
  6. linux java 段错误的是,Linux下的段错误产生的原因及调试方法 转
  7. 特征值、特征向量、特征矩阵、特征多项式、特征方程
  8. aware java_Spring中Aware接口说明
  9. 【愚公系列】2023年02月 WMS智能仓储系统-007.Swagger接口文档的配置
  10. JQuery 实现简单的网页信息管理