【大型电商项目开发】后台系统搭建-04

一：创建项目微服务

商品服务，仓库服务，订单服务，优惠券服务，用户服务

1.新建商品服务gulimail-product等模块

导入微服务的必要组件

其他模块方法类似，如下图

2.新建总服务的pom文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.sysg.gulimail</groupId>
    <artifactId>gulimail</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>gulimail</name>
    <description>聚合服务</description>
    <packaging>pom</packaging>
    <!--聚合其他微服务-->
    <modules>
        <module>gulimail-coupon</module>
        <module>gulimail-member</module>
        <module>gulimail-order</module>
        <module>gulimail-product</module>
        <module>gulimail-ware</module>
    </modules>

</project>

刷新一下maven依赖

点击加号把主项目的pom文件引进来

3.版本控制
点击主项目的.gitignore文件，将不需要添加到版本控制的文件都注释掉

4.提交代码到码云

二:数据库设计

1.打开PowerDesigner，查看谷粒商城的数据库设计

2.点击数据库，创建数据库

3.将已经建立好的数据库关系，导入已经创建好的数据库中

三:搭建后台管理系统

1.码云搜索人人开源，将此项目作为后台脚手架进行开发。

选择人人开源/renren-security

克隆renren-fast

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

克隆renren-fast-vue

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

2.复制项目到gulimail
将renren-fast放置到后台代码里面，打开idea

将renren-fast-vue放置到前台代码里面，打开VSCode
3.配置gulimail的pom文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.sysg.gulimail</groupId>
<artifactId>gulimail</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>gulimail</name>
<description>聚合服务</description>
<packaging>pom</packaging>
<!--聚合其他微服务-->
<modules>
    <module>gulimail-coupon</module>
    <module>gulimail-member</module>
    <module>gulimail-order</module>
    <module>gulimail-product</module>
    <module>gulimail-ware</module>
    <module>renren-fast</module>
</modules>

</project>

4.导入renren-fast’数据库
打开SQLyog，创建gulimail_admin数据库，将数据库信息复制到query上

5.修改renren-fast项目文件
修改数据库地址，用户名以及密码

然后去主启动类，启动renren-fast项目

6.搭建前台renren-fast-vue项目
使用VSCode打开renren-fast-vue项目

安装node.js
打开node.js的官网

nodejs.org

安装完成后进入到cmd页面查看是否安装成功

node -v

配置npm使用淘宝镜像

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

打开vscode软件，打开控制终端，输入

npm install

下载依赖

7.启动项目
使用npm run dev项目启动项目

npm run dev

注：如果启动报错
1.首先删除掉：node_moudle
2.执行以下命令

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

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

3.然后再执行

npm install

4.重新启动项目 npm run dev
注：sass安装失败的问题
1. vscode 下在项目根目录打开终端,npm install node-sass@4.13.1,项目默认的 sass地址一直404的话可以考虑这样做
2.安装完成后打开 package-lock.json ctrl+f 查找 sass,当version="4.13.1"时证明安装成功(当然前提是上一步没报错)
3.npm run dev

8.node.js16.13.0版本 对应node-sass sass-loader 可行版本号 node -v
安装node.js的时候，从官方下载了最新的版本v16.13.0，于是在vue项目中使用lang="scss"的时候，就掉进了一个大坑里，安装sass-loader会发现各种版本冲突，不是webpack就是node-sass…。
安装淘宝镜像

npm install -g mirror-config-china --registry=http://registry.npm.taobao.org

安装node-sass

npm install node-sass@6.0.1 --save-dev

安装sass-loader

npm install sass-loader@10.2.0 --save-dev