renren_fast项目解读 —— 环境搭建过程

全栈程序员-站长 • 2025年7月20日下午2:15 • 未分类 • 阅读 2

文章目录

01 | 基本环境的保证

进行基本软件安装。（jdk1.8、mysql5、navicat、idea2017、tomcat7、Git）
进行基本应用的安装：everything、edge、7z、flux（看个人情况选择安装）

02 | 后端环境的搭建

进行后端项目的导入
2. 创建数据库renren_fast ，数据库编码为 UTF-8
```
 DROP DATABASE IF EXISTS renren_fast; CREATE DATABASE renren_fast DEFAULT CHARACTER SET utf8; 
```
3. 执行 db/mysql.sql 文件，初始化数据（默认支持MySQL）
  直接将sql拖到数据库名字上即可。
4. 修改 application-dev.yml ，更新MySQL账号和密码
5. 运行 io.renren.RenrenApplication.java 的 main 方法，则可启动项目
```
Swagger路径：http://localhost:8080/renren-fast/swagger/index.html 
Swagger注解路径：http://localhost:8080/renren-fast/swagger-ui.html
```
6. 项目入口网址：
VCS—》check out Version Control–》Git—》复制链接https://gitee.com/renrenio/renren-fast.git —-》clone

03 | 前端环境的搭建

安装nodejs8.x启动项目：官网：nodejs.cn/download/
- 安装好后查看nodejs版本：node -v
- 打开前端代码的文件夹
- 进入源码目录，shift+鼠标右键，打开powershell窗口，可换成cmd
- 安装依赖：使用淘宝镜像
```
 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install 注意这一步，如果中间有错，要重来，一定要删除项目下的node_modules的文件夹。 
```
- 启动项目：npm run dev
- 浏览器输入：http://localhost:8001/#/login
安装vscode启动项目：
- 安装一路next
- vscode打开文件夹
- 工具栏—》查看—-》集成终端—-》输入 npm run dev

生成环境，打包并把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
 ```