三、伊森商城快速开发人人开源后台管理 p10

131.313

已于 2022-11-15 12:49:50 修改

阅读量427

点赞数

分类专栏：伊森商城文章标签：前端

于 2022-11-14 22:32:36 首次发布

本文链接：https://blog.csdn.net/weixin_56220914/article/details/127849542

版权

伊森商城专栏收录该内容

28 篇文章 0 订阅

订阅专栏

4、人人开源-renren-fast-vue克隆

5、将renren-fast添加到商城项目里

6、前端工程

7、pom.xml添加renren-fast

一、gitee人人开源克隆与配置

1、后台管理需求

通过后台管理系统，操作管理各服务的后台管理功能，我们的后台管理功能也是前后端分离的。虽然说我们做前后端分离，但是在实际开发中，由于各种原因，我们还是需要编写后台管理系统的前端代码。

如果我们从头到尾来搭建一个后台管理系统，来写前端，后端，这是一个非常耗时且繁重的工作。所有希望能有一个搭建好的脚手架工程，稍加改造，就能作为一个后台管理系统使用。

2、人人开源

打开gitee官网，搜索人人开源

随便点击人人开源的项目来

点击进入人人开源

renren-fast：java的后台管理系统(配套renren-fast-vue做成前后端分离后台管理系统)

renren-fast-vue：搭配renren-fast，使用vue写的后台管理系统的前端工程

renren-security：也是后台管理系统，只不过不是前后端分离

renren-generator：代码生成器，基本的增删查改就不用写了

3、人人开源-renren-fast克隆

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

4、人人开源-renren-fast-vue克隆

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

5、将renren-fast添加到商城项目里

先将.git文件删除

将整个文件复制到商城总项目中

6、前端工程

首先也将 .git删除

使用的时候，下次我们用到vscode打开

7、pom.xml添加renren-fast

将刚刚添加进来的renren-fast加入到总项目pom.xml的module中

<modules>
        <module>LeesonShop-coupon</module>
        <module>LeesonShop-member</module>
        <module>LeesonShop-order</module>
        <module>LeesonShop-product</module>
        <module>LeesonShop-ware</module>
        <module>renren-fast</module>
    </modules>

二、搭建基本运行环境

1、创建后台管理系统数据库

打开renren-fast的db文件夹，将mysql文件导入进去

2、修改renren-fast配置文件

application.yml文件

指定端口号 port: 8080

访问的项目名地址 context-path: /renren-fast

2.1、配置数据库

打开application-dev.yml配置数据库，这里使用的是阿里Druid数据源

url: jdbc:mysql://192.168.56.10:3306/leesonshop_admin?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
username: root
password: root

2.2、运行测试

启动成功，前后端分离，此时前端还没有启动，前端没有显示

三、启动前端项目

1、安装Node.js

前端开发，少不了 node.js ； Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

http://nodejs.cn/api/

我们关注与 node.js 的 npm 功能就行；

NPM 是随同 NodeJS 一起安装的 包管理 工具， JavaScript-NPM ， Java-Maven ；

1 ）、官网下载安装 node.js ，并使用 node -v 检查版本

2 ）、配置 npm 使用淘宝镜像

npm config set registry http://registry.npm.taobao.org/

3 ）、大家如果 npm install 安装依赖出现 chromedriver 之类问题，先在项目里运行下面命令

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

然后再运行 npm install