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

导读:本篇文章讲解 【大型电商项目开发】后台系统搭建-04,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

一:创建项目微服务

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

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

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/84145.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!