一:创建项目微服务
商品服务,仓库服务,订单服务,优惠券服务,用户服务
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