谷粒商城项目工具准备

已于 2023-06-10 01:01:10 修改
阅读量1.6k 收藏 11
点赞数
分类专栏： java开发基础知识 Java web开发实战技术 文章标签： java linux 网络
于 2021-11-14 19:02:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17369545/article/details/120339934
版权

谷粒商城项目新手

返回导航页

https://blog.csdn.net/hancoder/article/details/106922139

1、前置知识-安装虚拟机

nacos安装方式：（仓库里找吧）

https://gitee.com/coder-msc/tools

使用vagrant
先下载VirtualBOX
下载地址：https://www.virtualbox.org/wiki/Downloads
后安装vagrant
下载地址： https://www.vagrantup.com/

输入vagrant init centos/7，即可初始化一个centos7系统。（注意这个命令在哪个目录下执行的，他的Vagrantfile就生成在哪里）
修改配置文件
需要cmd看ipconfig 以太网适配器 VirtualBox Host-Only Networkz这个地址，因此192.168.33.10也可能
config.vm.network “private_network”,ip:“192.168.56.10”
vagrant up 命令是安装并启动虚拟机，
如果是第一次，它会下载对应的虚拟机镜像文件，下载完成了之后就会自动启动虚拟机，
以后再执行这个命令就是直接启动已经安装的虚拟机了。
（出现下面的报错，都是网络不好，重新下载即可）
vagrant reload 改完重启启动虚拟机环境。

虚拟机问题
使用的网络方式是网络地址转换NAT（端口转发），如果其他主机要访问虚拟机，必须由windows端口如3333断发给虚拟机端口如3306。
这样每在linux里安一个软件都要进行端口映射，不方便，（也可以在virualBox里挨个设置）。我们想要给虚拟机一个固定的ip地址
，windows和虚拟机可以互相ping通。

使用Xshell连接虚拟机

如何通过其他工具链接ssh

vi /etc/ssh/sshd_config

修改 PasswordAuthentication yes

systemctl restart sshd.service 或 service sshd restart

连接192.168.56.10:22端口成功，用户名root，密码vagrant

也可以通过vagrant ssh-config查看ip和端口，此时是127.0.0.1:2222

vagrant reload

》在这里插入图片描述

密钥路径： X:\vagrant\centos.vagrant\machines\default\virtualbox

在这里插入图片描述
在这里插入图片描述

虚拟机安装让必要软件

1、配置源

# 备份原yum源

mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup
# 使用新yum源
curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.163.com/.help/CentOS7-Base-163.repo
# 生成缓存
yum makecache

在这里插入图片描述

2、虚拟机安装docker

# https://docs.docker.com/engine/install/centos/


#卸载系统之前的docker 
sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-engine
                  
                  
sudo yum install -y yum-utils

# 配置镜像
sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo
    
sudo yum install docker-ce docker-ce-cli containerd.io

sudo systemctl start docker
# 设置开机自启动
sudo systemctl enable docker

docker -v
sudo docker images

# 配置镜像加速
https://cr.console.aliyun.com/cn-qingdao/instances/mirrors

sudo mkdir -p /etc/docker
sudo tee /etc/docker/daemon.json <<-'EOF'
{
  "registry-mirrors": ["https://lrhf8l1s.mirror.aliyuncs.com"]
}
EOF
sudo systemctl daemon-reload
sudo systemctl restart docker

在这里插入图片描述

安装mysql

sudo docker pull mysql:5.7

# --name指定容器名字 -v目录挂载 -p指定端口映射  -e设置mysql参数 -d后台运行
sudo docker run -p 3306:3306 --name mysql \
-v /mydata/mysql/log:/var/log/mysql \
-v /mydata/mysql/data:/var/lib/mysql \
-v /mydata/mysql/conf:/etc/mysql \
-e MYSQL_ROOT_PASSWORD=root \
-d mysql:5.7

修改MySQL配置

docker exec -it mysql bin/bash
exit;

因为有目录映射，所以我们可以直接在镜像外执行
进入目录： vi /mydata/mysql/conf/my.conf 

[client]
default-character-set=utf8
[mysql]
default-character-set=utf8
[mysqld]
init_connect='SET collation_connection = utf8_unicode_ci'
init_connect='SET NAMES utf8'
character-set-server=utf8
collation-server=utf8_unicode_ci
skip-character-set-client-handshake
skip-name-resolve

# 退出保存 重启
docker restart mysql
# 每次开机都启动
docker update redis --restart=always

账号密码：root root即可访问MySQL

修改MySQL初始密码

1、使用命令，进入 docker 挂载下的 msyql 中
docker exec -it mysql /bin/bash

在这里插入图片描述

2、修改密码：
ALTER USER 'root'@'%' IDENTIFIED BY '<new password>' PASSWORD EXPIRE NEVER;
ALTER USER 'root'@'localhost' IDENTIFIED BY '<new password>';
# 注：这两个密码需要一样
比如改为 1234 那么如下
ALTER USER 'root'@'%' IDENTIFIED BY '1234' PASSWORD EXPIRE NEVER;

3.退出，重启 docker挂载的mysql
exit;
exit
4、重启MySQL镜像
docker restart mysql

安装Redis
如果直接挂载的话docker会以为挂载的是一个目录，所以我们先创建一个文件然后再挂载，在虚拟机中。

# 在虚拟机中新建文件夹、文件
mkdir -p /mydata/redis/conf
touch /mydata/redis/conf/redis.conf
# 下载镜像
docker pull redis
# 启动并挂载
docker run -p 6379:6379 --name redis \
-v /mydata/redis/data:/data \
-v /mydata/redis/conf/redis.conf:/etc/redis/redis.conf \
-d redis redis-server /etc/redis/redis.conf

# 直接进去redis客户端。
docker exec -it redis redis-cli

// 默认是不持久化的。在配置文件中输入appendonly yes，就可以aof持久化了。
// 修改完docker restart redis，docker -it redis redis-cli

vim /mydata/redis/conf/redis.conf
# 插入下面内容
appendonly yes

保存 重启
docker restart redis

设置redis容器在docker启动的时候启动
docker update redis --restart=always

安装Nginx

docker pull nginx:1.10
# 随便启动一个nginx实例，只是为了复制出配置，放到docker里作为镜像的统一配置
docker run -p 80:80 --name nginx -d nginx:1.10

cd /mydata/nginx
docker container cp nginx:/etc/nginx .
然后在外部 /mydata/nginx/nginx 有了一堆文件
mv /mydata/nginx/nginx /mydata/nginx/conf
# 停掉nginx
docker stop nginx
docker rm nginx

# 创建新的nginx
docker run -p 80:80 --name nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx \
-v /mydata/nginx/conf:/etc/nginx \
-d nginx:1.10

# 注意一下这个路径映射到了/usr/share/nginx/html，我们在nginx配置文件中是写/usr/share/nginx/html，不是写/mydata/nginx/html

docker update nginx --restart=always

# 测试Nginx是否成功
cd /mydata/nginx/html/
vim index.html
随便写写
测试 http://192.168.56.10:80
docker安装其余用到的软件

docker安装elasticsearch 、kibana

项目架构图

在这里插入图片描述

项目划分图

在这里插入图片描述

创建项目
修改总项目的.gitignore，把小项目里的垃圾文件在提交的时候忽略掉，
**/mvnw
**/mvnw.cmd
**/.mvn
**/target/
.idea
**/.gitignore

在这里插入图片描述
在这里插入图片描述
详细代码
https://gitee.com/coder-msc/gilimall/blob/develop/pom.xml
在这里插入图片描述

创建数据库

脚本见这个
点他—> 数据库脚本文件
在这里插入图片描述

人人开源项目
https://gitee.com/renrenio

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

在这里插入图片描述
移动文件夹，并且加入聚合项目里
在这里插入图片描述
启动看看
在这里插入图片描述

人人开源前端

vscode下载、安装、中文
Vscode下载地址-官网
汉化
ctrl + shift + P 搜索 configure language 安装中文插件
在这里插入图片描述
插件安装搜索： @category:“language packs”
在这里插入图片描述
安装Node
参考这个大佬写的
https://blog.csdn.net/qq_34732729/article/details/105652029

跑起来项目
直接将下载的前端文件拖入VScode 在npm install
完事在 npm run dev
在这里插入图片描述
访问了看看
在这里插入图片描述

我的代码：

https://gitee.com/coder-msc/gulimall-admina
代码生产器
git clone https://gitee.com/renrenio/renren-generator.git

在这里插入图片描述
mybatis的小鸟，需要安装mybatisx插件就可以显示了。
在这里插入图片描述

测试代码

如果代码依赖有报错的，那就到renren_fast去拷贝过来，并修改JDK版本为1.8.

## 新建yml文件，设置mybatis扫描路径，数据库连接地址。
spring:
  datasource:
    username: root
    password: root
    url: jdbc:mysql://192.168.56.10:3306/gulimall_pms?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai
    driver-class-name: com.mysql.jdbc.Driver

# MapperScan
# sql映射文件位置
mybatis-plus:
  mapper-locations: classpath:/mapper/**/*.xml
  global-config:
    db-config:
      id-type: auto

在这里插入图片描述
在这里插入图片描述
测试通过，后续接着补充营销服务、优惠券服务等的代码。

common里引入springcloud -alibaba
<dependency>
    <groupId>com.alibaba.cloud</groupId>
    <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
</dependency>

yml配置文件写法

spring:
  datasource:
    username: root
    password: root
    url: jdbc:mysql://192.168.56.10:3306/gulimall_sms?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai
    driver-class-name: com.mysql.cj.jdbc.Driver
  cloud:
    nacos:
      discovery:
        server-addr: 127.0.0.1:8848
  application:
    name: gulimall-coupon



mybatis-plus:
  mapper-locations: classpath:/mapper/**/*.xml
  global-config:
    db-config:
      id-type: auto
      logic-delete-value: 1
      logic-not-delete-value: 0
server:
  port: 7000

每个服务要有远程调用能力，需要引入OpenFeign组件

<dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-openfeign</artifactId>
        </dependency>

要远程调用成功，这个注解很关键

在这里插入图片描述

Springboot版本和springbootCloud版本问题

不要用最新版，新版取消了Ribbon会报错的，建议降低版本使用，版本依赖可以参考我的代码。

https://gitee.com/coder-msc/gilimall
配置中心

在coupons项目中创建/src/main/resources/bootstrap.properties ，这个文件是springboot里规定的，他优先级别application.properties高

# 改名字，对应nacos里的配置文件名
spring.application.name=gulimall-coupon
spring.cloud.nacos.config.server-addr=127.0.0.1:8848

浏览器去nacos里的配置列表，点击＋号，data ID：gulimall-coupon.properties，配置

# gulimall-coupon.properties
coupon.user.name="配置中心"      
coupon.user.age=12
网关

创建网关项目

spring:
  application:
    name: gulimall-gateway
  cloud:
    gateway:
      routes:
        - id: test_route
          uri: https://www.baidu.com
          predicates:
            - Query=url,baidu

        - id: qq_route
          uri: https://www.qq.com
          predicates:
            - Query=url,qq

        - id: product_route
          uri: lb://gulimall-product
          predicates:
            - Path=/api/product/**
          filters:
            - RewritePath=/api/(?<segment>.*),/$\{segment}

        - id: third_party_route
          uri: lb://gulimall-third-party
          predicates:
            - Path=/api/thirdparty/**
          filters:
            - RewritePath=/api/thirdparty/(?<segment>.*),/$\{segment}

        - id: member_route
          uri: lb://gulimall-member
          predicates:
            - Path=/api/member/**
          filters:
            - RewritePath=/api/(?<segment>.*),/$\{segment}

        - id: ware_route
          uri: lb://gulimall-ware
          predicates:
            - Path=/api/ware/**
          filters:
            - RewritePath=/api/(?<segment>.*),/$\{segment}

        - id: admin_route
          uri: lb://renren-fast
          predicates:
            - Path=/api/**
          filters:  # 这段过滤器和验证码有关，api内容缓存了/renren-fast，还得注意/renren-fast也注册到nacos中
            - RewritePath=/api/(?<segment>.*),/renren-fast/$\{segment}
后端初始化结束

到此为止，后端基础代码已经搭建完毕，可以使用我的代码来构建

管理后台

打开人人fast
在这里插入图片描述
后端
在这里插入图片描述
在这里插入图片描述
配置跨域
在这里插入图片描述
在这里插入图片描述

@Bean
    public CorsWebFilter corsWebFilter(){

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration corsConfiguration = new CorsConfiguration();

        // 配置跨域
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);

        source.registerCorsConfiguration("/**",corsConfiguration);



        return new CorsWebFilter(source);
    }

在这里插入图片描述

以后的基础代码直接copy吧，看着视频，拷着代码，一步一步来 多香。都是业务代码了。理解业务即可

做一点补充哈，少了个字段，加上就行。大约在视频P78的地方；
代码仓库也给放这了 看着拷贝吧！

https://gitee.com/coder-msc/gilimall

在这里插入图片描述

踩坑补充

一、
※p84 关于pubsub、publish报错，无法发送查询品牌信息的请求：
1、npm install --save pubsub-js
2、在src下的main.js中引用：
① import PubSub from ‘pubsub-js’
② Vue.prototype.PubSub = PubSub

二、
补充缺失的SQL
在这里插入图片描述

https://gitee.com/coder-msc/gilimall/tree/master/%E9%A1%B9%E7%9B%AE%E5%A4%87%E7%94%A8%E8%84%9A%E6%9C%AC%E7%AD%89%E6%96%87%E4%BB%B6/sql%E8%84%9A%E6%9C%AC

三、补充前端缺失代码
foreach前，必须要判空，否则会报错页面不显示
在这里插入图片描述
在这里插入图片描述

码头薯条Pro
关注
  • 0
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
谷粒商城（三）-软件安装，下载git进行版本控制，码云上创建项目、IDEA上克隆码云上创建的项目，初始化数据库
小茜的博客
11-29 1230
一、安装软件： 1、在本地安装和配置jdk和maven maven的settins中配置阿里云镜像 2、idea安装插件lombok，mybatisX。 简化javabean的开发 简化mapper定位xml文件的方法 3、下载vsCode用于前端管理系统，在vsCode里安装插件。 Auto Close Tag Auto Rename Tag Chinese ESlint（前端语法检查） HTML CSS Support（编写html、css） HTML Snippets（简化html开发） JavaS
01-谷粒商城项目 配置项目环境（一）VirtualBox与Vagrant
weixin_44610169的博客
10-16 757
当前网络配置默认是网络地址转发，这种模式是将虚拟机的端口与本机的端口进行绑定映射，不方便后期使用，每添加一个端口就需要添加一个端口映射。我们可以打开Vagrantfile文件，在其中打开这句设置的注解，通过cmd查询ip地址，将其修改。然后我们使用命令vagrant reload重启，连接后使用ip addr 查看虚拟机网络地址。与我们文件中修改的地址相同，我们可以使用本机与虚拟机进行互ping，看看是否可以测通。命令会自动从云端获取centos，但外网有些慢，所以先手动下载box文件，然后使用。
【挑战30天首通《谷粒商城》】-【第一天】08、环境-linux安装docker
最新发布
ladymorgana的博客
05-09 629
安装 docker配置镜像加速docker虚拟化容器技术基于镜像可以秒级启停各种容器每一种容器都是一个完整的运行环境，容器之间互相隔离。
谷粒商城笔记+踩坑（1）——架构、项目环境搭建、代码生成器
vincewm的博客
09-23 1万+
项目介绍、项目环境搭建、docker配置mysql,redis,jdk,maven、人人开源、快速开发、安装nodejs、逆向工程搭建，人人开源代码生成器
todo谷粒商城二本地虚拟机环境搭建及项目初始化
梦想是很难很难的，所以先勇敢一点
10-05 1401
VirtualBox VirtualBox相对VMware来说是轻量级的虚拟软件, 最关键的是VirtualBox是开源免费的。 使用之前要开启电脑的CPU虚拟化，自行百度 VirtualBox6.0.12下载地址 之前创建linux虚拟机需要先下载镜像，然后创建，麻烦了些。 使用Vagrant可以快速的创建虚拟机。 Vagrant 官方镜像仓库 Vagrant 下载 学习视频B站链接： https://www.bilibili.com/video/BV1np4y1C7Yf?p=3 ...
谷粒商城代码及文档
qq_25983579的博客
03-24 4016
项目：https://github.com/zsy0216/guli-mall 文档：https://www.yuque.com/zhangshuaiyin/guli-mall
谷粒商城项目课程笔记.zip
01-11
【谷粒商城项目课程笔记】是一份详细的电商项目学习资料，涵盖了从项目设计到实现的全过程，旨在帮助学习者理解并掌握电商平台的开发技术。在这个压缩包中，我们可以找到一系列关于"谷粒商城"项目的笔记内容，这将是...
谷粒商城电商项目资料源码
08-21
gulimall（谷粒商城） 项目是一套电商项目，包括前台商城系统以及后台管理系统，基于 SpringCloud + SpringCloudAlibaba + MyBatis-Plus实现，采用 Docker 容器化部署。前台商城系统包括：用户登录、注册、商品搜索...
谷粒商城全套资料.zip
02-20
5. **商城项目**：作为电商项目，谷粒商城可能涉及到用户管理、商品展示、购物、支付、评价等多个业务场景。通过实践这些功能的开发，学习者可以了解一个完整的电商系统是如何运作的，同时提升自己的项目实战能力。 ...
尚硅谷谷粒商城电商项目文档及源码.zip
04-03
《尚硅谷谷粒商城电商项目：深度解析与学习指南》 尚硅谷的谷粒商城电商项目，是一个典型的在线购物平台的实例，旨在帮助开发者学习和理解电商系统的构建过程。该项目涵盖了从需求分析、设计、编码到测试的完整开发...
谷粒商城项目笔记.zip
01-26
【谷粒商城项目笔记】是一份综合性的学习资源，涵盖了从初级到高级的全面知识，旨在帮助用户深入了解和掌握谷粒商城的开发与运营。这份资料可能是由谷粒商城的官方提供，或者是社区中热心开发者整理的精华内容，无论...
谷粒商城 微服务分布式 电商项目 2020 完整代码
09-01
谷粒商城--微服务分布式电商项目 2020 最新 完整的课件代码
谷粒商城-2020.5月最新升级全套版-基础+高级+高可用集群
07-16
谷粒商城-2020.5月最新升级-全套版-基础+高级+高可用集群，已完结！
谷粒商城详细资料.rar
12-23
gulimall,谷粒商城官方详细文档，包含老师在授课时的相关课件，源码。 包括基础篇、高级篇、集群篇等资源，非常详细。 如侵权请联系删除。
谷粒商城（一）
小草莓的博客
06-30 1197
谷粒商城项目，懂得都懂
谷粒商城一介绍及基本架构todo
热门推荐
梦想是很难很难的，所以先勇敢一点
09-27 1万+
工作两年，技术依然在小白附近徘徊，即使有一些进步，但也不值一提两年的工作内容，几乎就是cv加一些简单的百度，从细节方面说，经历的细节不算多，从架构方面讲，自己远远达不到那个级别。谷粒商城主要是看，由于项目成熟，从开发到部署很完整，百度的生态也很好，决定从0开始开发谷粒商城，直到部署上线。
谷粒商城-2020-学习笔记-16-人人开源搭建后台管理系统
weixin_43686221的博客
06-16 797
第一步，打开人人开源码云，克隆renren-fast 后台项目和renren-fast-vue 前台项目 第二步，将renren-fast 后台放入父目录下，形成一个微服务，并在父工程pom下加入 <module>renren-fast</module> 第三步，创建gulimall_admin数据库，来自于renren-fast的sql下，字符集取utf8mb4，排序规则默认 第四步，修改renren-fast的application.yml的数据库配置 第五步，IDEA右
谷粒商城分布式基础和对应的环境搭建
smilecb的博客
07-11 275
谷粒商城
全网最全谷粒商城记录_01、简介-项目介绍（2022-07-06更新完成）
鲁迷那的专栏—坚持实践后再写出来！
02-23 7913
目录 一、项目简介 1、项目背景 1）电商模式 1、B2B 模式 2、B2C 模式 3、C2B 模式 4、C2C 模式 5、O2O 模式 2）XX商城 2、项目架构图 3、项目技术&特色 4、项目前置要求 一、项目简介 1、项目背景 1）电商模式 市面上有5种常见的电商模式 B2B、B2C、C2B、C2C、O2O 1、B2B 模式 B2B(Business to Business)，是指商家和商家建立的商业关系，如阿里巴巴 2、B2C 模式 B..
谷粒商城项目的详细开发过程
05-24
谷粒商城项目的详细开发过程主要包括以下几个方面： 1.需求分析：对项目的需求进行详细的分析和梳理，包括功能需求、性能需求、安全需求等，确定项目的范围和目标。 2.技术选型：根据项目需求和实际情况，选择适合...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码头薯条Pro

本文能帮到阁下，在下很开心！！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值