【Docker】1、 前后端分离项目 下载启动运行
人人开源前后端分离项目下载与配置
文章目录
- 人人开源前后端分离项目下载与配置
- 前后端分离框架介绍
- 后端项目下载与配置
- 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、 前后端分离项目 下载启动运行相关推荐
- Docker部署前后端分离项目
云主机 centos7 中Docker容器式部署前后端分离项目Django+Vue.js 前期准备: Docker安装Docker - CentOS Docker 软件包和依赖包已经包含在默认的 Ce ...
- linux(centos7) docker配置前后端分离项目环境
一.安装docker 1.更新yum包,并安装需要的软件包,yum-util 提供yum-config-manager功能,另两个是devicemapper驱动依赖 yum -y upgrade yu ...
- 基于docker部署前后端分离项目--->docker+Dockerfile+vue+nginx+uwsgi+django+socket+负载均衡
1. 介绍 本文基于阿里云服务器,安装的ubuntu20.04系统 适用于conten7.5系列 适用于ubuntu16.04以上系列 vue已经打包完成,所以不能使用我的vue项目 2. 部署 部署 ...
- 在Docker 上完成对Springboot+Mysql+Redis的前后端分离项目的部署(全流程,全截图)
本文章全部阅读大约2小时,包含一个完整的springboot + vue +mysql+redis前后端分离项目的部署在docker上的全流程,比较复杂,请做好心理准备,遇到问题可留言或则私信 目录 ...
- 利用Docker一键部署若依前后端分离项目详细教程
本文内容,主要介绍一下,在Linux服务器中如何利用Docker一键部署若依前后端分离项目. 若依前后端分离版本开源地址:https://gitee.com/y_project/RuoYi-Vue 目 ...
- 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
- iis cgi 无法使用_ASP.NET Core前后端分离项目使用gitlabci持续集成到IIS
(给DotNet加星标,提升.Net技能) 转自:饭勺oOcnblogs.com/fanshaoO/p/12054985.html 现在好多使用gitlab-ci的持续集成的教程,大部分都是发布到li ...
- 从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建 参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
- 最细致的Spring Boot结合Vue前后端分离项目打包部署步骤(搭配Nginx)
文章目录 前言 一.环境准备 二.SpringBoot项目打jar包 1.1 使用Maven的package插件打包 1.2 上传至Linux服务器 三.Vue项目打包 1.1 修改后台请求地址 1. ...
最新文章
- VTK:曲线样条CurveSpline用法实战
- 泛型中的模糊继承,解析T的意义
- 机器学习---knn之价格预测
- linux 内核 工作队列,Linux内核新旧工作队列机制的剖析和比较
- 围绕LEADS理念以开发者为中心,华为HDG伴你梦飞扬!(转载)
- 通讯超时什么意思_威伦触摸屏通讯报错了怎么办?
- Dubbo to Mesh 云原生架构改造方案解析
- 【Absible学习】Ansible普通用户sudo执行指令
- 服务器取绝对路劲的问题
- Office365 PPT加载本地模板
- FireBug使用方法
- 压缩文件密码暴力破解——cRARk使用方法
- python单位根检验看结果_python做adf检验
- 2021-11-27 2021年施工员-装饰方向-岗位技能(施工员)考试题及施工员-装饰方向-岗位技能(施工员)考试题库
- 因果性与因果模型 | 中国人民大学哲学与认知科学明德讲坛
- 目前是大专学历如何快速提升到本科学历?学历提升有哪几种形式呢?
- JAVA8元空间是什么?
- JS高级程序设计读书笔记(第五章 引用变量)
- 移动APP集成支付宝--服务器端设计
- Miniconda的安装与使用及pip在conda环境中的安装
热门文章
- 王者荣耀s18赛季服务器什么时候维护好,王者荣耀S18什么时候开始 S18赛季开始时间...
- 饭局上领导说“我的酒你敢不喝”,别说“我过敏”,这3句话管用
- python绘制路飞_路飞学城-Python开发集训-第一章
- PID, PPID, PGID与SID
- 业内顶尖 vivo NEX双屏版黑科技TOF技术大揭秘
- linux java 段错误的是,Linux下的段错误产生的原因及调试方法 转
- 特征值、特征向量、特征矩阵、特征多项式、特征方程
- aware java_Spring中Aware接口说明
- 【愚公系列】2023年02月 WMS智能仓储系统-007.Swagger接口文档的配置
- JQuery 实现简单的网页信息管理