06谷粒商城-搭建人人开源前后端项目

使用码云上的开源项目

  • 在码云上搜索人人开源

06谷粒商城-搭建人人开源前后端项目_第1张图片

  • 克隆这两个项目

06谷粒商城-搭建人人开源前后端项目_第2张图片

  • 使用git bash克隆到桌面
git clone https://gitee.com/renrenio/renren-fast.git

06谷粒商城-搭建人人开源前后端项目_第3张图片

这里只展示克隆后端的,前端按照同样的方法克隆

  • 删掉两个文件夹种的.git目录,这个是人人开源的git地址,我们不需要

06谷粒商城-搭建人人开源前后端项目_第4张图片

  • 找到自己谷粒商城的目录,先将后端项目复制到里面

此时项目中就会出现人人开源的包

  • 配置人人开源的model

06谷粒商城-搭建人人开源前后端项目_第5张图片

  • 搭建人人开源的后台管理系统的数据库(gulimall_admin)

06谷粒商城-搭建人人开源前后端项目_第6张图片

  • 将人人开源的db文件夹下的mysql.sql中的命令全部在自己的gulimall_admin中执行

06谷粒商城-搭建人人开源前后端项目_第7张图片

  • 修改基本的配置

在reren-fast中的application.yml中发现使用的是dev配置文件

06谷粒商城-搭建人人开源前后端项目_第8张图片

我们需要修改application-dev.yml配置文件的数据库链接和账号密码信息

06谷粒商城-搭建人人开源前后端项目_第9张图片

  • 配置完成之后就可以运行项目了

06谷粒商城-搭建人人开源前后端项目_第10张图片

启动成功

06谷粒商城-搭建人人开源前后端项目_第11张图片

  • 访问成功

06谷粒商城-搭建人人开源前后端项目_第12张图片

  • 使用vscode打开前端项目

后台已经搭建起来了,此时需要前端项目和它建立交互,将前端项目中的.git去掉之后直接将文件夹按照如图拖进vscode即可

06谷粒商城-搭建人人开源前后端项目_第13张图片

配置前端项目的运行环境

  • 安装node.js具体在网络上找安装教程
  • 检查是否安装成功,cmd命令进入doc界面
node -v
  • 设置淘宝的镜像进行下载组件,否则默认使用国外的网站下载非常的慢
npm config set registry https://registry.npm.taobao.org
  • 打开终端

输入命令,这个命令类似后端使用maven下载依赖,是下载前端的组件

npm install

06谷粒商城-搭建人人开源前后端项目_第14张图片

  • 下载好的组件都会在下面这个文件夹里

06谷粒商城-搭建人人开源前后端项目_第15张图片

  • 下载成功之后运行
 npm run dev
  • 项目已经运行起来了

06谷粒商城-搭建人人开源前后端项目_第16张图片

  • 书信验证码发现后台长产生了sql语句

  • 使用默认的账号密码

账号:admin

密码:admin

登录成功

06谷粒商城-搭建人人开源前后端项目_第17张图片

你可能感兴趣的:(#,谷粒商城基础篇)