谷粒商城基础篇------快速开发

2. 快速开发

项目运行,需要启动数据库(在开始已经设置开linux自启docker,开docker自启容器的应用(redis/mysql))

sudo docker ps
sudo docker ps -a
# 这两个命令的差别就是后者会显示  【已创建但没有启动的容器】

2.1 人人开源

(1)选择以下两个作为前后端脚手架
在这里插入图片描述
(2)克隆到本地:

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

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

在这里插入图片描述
后端框架reren-fast操作

(3)将拷贝下来的“renren-fast”删除“.git”后,拷贝到“gulimall”工程根目录下,然后将它作为gulimall的一个module
在这里插入图片描述
(4)创建“gulimall_admin”的数据库,然后执行“renren-fast/db/mysql.sql”中的SQl脚本
在这里插入图片描述
在这里插入图片描述
(5)修改“application-dev.yml”文件,默认为dev环境,修改连接mysql的url和用户名密码
在这里插入图片描述
(6)启动“renren-fast,然后访问“http://localhost:8080/renren-fast/”
在这里插入图片描述

2.2 安装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 检查版本(https://nodejs.org/zh-cn/download/releases/

和老师版本一致吧
在这里插入图片描述
在这里插入图片描述
2) 、 配置 npm 使用淘宝镜像

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

在这里插入图片描述
3) 在VScode界面安装npm

把之前的renren-fast-vue文件夹打开,再进行下面的操作
在这里插入图片描述
首先以管理员方式启动vscode(管理员方式启动解决了无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称的错误),在VSCode的终端输入以下命令:

npm install

如果忘记以管理员方式启动,那么输入上述命令,会报错,那再重新以管理员方式启动,再次输入上述命令可解决。

如果还是安装失败(报error),按照下面方式重新安装,安装成功:

# 大家如果 npm install 安装依赖出现 chromedriver 之类问题, 先在项目里运行下面命令
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

# 然后再运行 
npm install

# 在终端运行项目,然后将链接复制到浏览器访问renren-fast页面
npm run dev 

在这里插入图片描述
访问http://localhost:8001/#/login,

输入账户密码admin和admin即可登录后台管理系统,实现前后端联调。
在这里插入图片描述
在这里插入图片描述

2.3 renren-generator代码生成器的项目配置

(1)git克隆到本地,删除.git文件,将renren-generator复制粘贴到gulimall项目,和之前的renren-fast操作一样
在这里插入图片描述
在这里插入图片描述

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

(2)修改application.yml中配置MySQL,先生成**gulimall_pms(gulimall-oms、gulimall-sms、gulimall-ums、gulimall-wms)**的项目代码

#MySQL配置
    driverClassName: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://192.168.146.129:3306/gulimall_pms?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai
    username: root
    password: root

然后修改generator.properties

mainPath=com.atguigu
#包名
package=com.atguigu.gulimall
#商品服务
moduleName=product
#用户
author=jianghui
#Email
email=jianghui@gmail.com
#表的前缀名,将表头修改为pms_
tablePrefix=pms_

(3)运行renren-generator,访问:http://localhost:80
在这里插入图片描述
点击“renren-fast”,能够看到它将“renren-fast”的pms_表都列举了出来:
在这里插入图片描述
选择所有的表,然后点击**“生成代码”,将下载的“renren.zip”,解压后取出main**文件夹,放置到“gulimall-product”项目的main目录中。
在这里插入图片描述

2.4 修改商品服务gulimall-product

将上述的main文件夹复制到gulimall-product后,有许多报红,需要配置依赖。

(1)创建一个公共项目gulimall-common,为了存放各个微服务公共的工具包、依赖
在这里插入图片描述
gulimall-common的pom.xml

<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>gulimall</artifactId>
        <groupId>com.atguigu.gulimall</groupId>
        <version>0.0.1-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>gulimall-common</artifactId>
    <description>每个商品的公共依赖,工具</description>

    <dependencies>
    <!--        mybatis-plus-->
    <dependency>
        <groupId>com.baomidou</groupId>
        <artifactId>mybatis-plus-boot-starter</artifactId>
        <version>3.2.0</version>
    </dependency>

    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.8</version>
    </dependency>
        <!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpcore -->
        <dependency>
            <groupId>org.apache.httpcomponents</groupId>
            <artifactId>httpcore</artifactId>
            <version>4.4.12</version>
        </dependency>
        <dependency>
            <groupId>commons-lang</groupId>
            <artifactId>commons-lang</artifactId>
            <version>2.6</version>
        </dependency>
    </dependencies>
</project>

②将renren-fast项目的类复制到common项目,如下:
在这里插入图片描述
(2) 修改 gulimall-product

①pom.xml

<dependency>
            <groupId>com.atguigu.gulimall</groupId>
            <artifactId>gulimall-common</artifactId>
            <version>0.0.1-SNAPSHOT</version><!--这个千万记住加上,否则common公共包导入不了-->        
</dependency>

按照上述操作后,由于controller会报红(@RequiresPermissions这个注解暂时用不到),所以我们需要修改renren-generator,重新使用人人代码生成器生成main文件夹复制到gulimall_product项目中
在这里插入图片描述

2.5 测试CRUD功能

①在gulimall-common的pom.xml

<!--    导入mysql驱动    -->
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.17</version>
        </dependency>

        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
            <scope>provided</scope>
        </dependency>

②gulimall-product

原先的idea 自动创建,最低3.8,所以创建后,会对应一个cloud版本(<spring-cloud.version>Hoxton.SR6</spring-cloud.version>);

所以自己在pom.xml中修改boot版本和cloud版本(这里一定要版本对应,否则报错)

pom.xml

<?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>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.2.RELEASE</version><!---boot2.2X,2.3X-->
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.atguigu.gulimall</groupId>
    <artifactId>gulimall-product</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>gulimall-product</name>
    <description>谷粒商城-商品服务</description>

    <properties>
        <java.version>12</java.version>
        <spring-cloud.version>Hoxton.SR6</spring-cloud.version><!--对应的cloud—H版-->
    </properties>

    <dependencies>

        <dependency>
            <groupId>com.atguigu.gulimall</groupId>
            <artifactId>gulimall-common</artifactId>
            <version>0.0.1-SNAPSHOT</version>
        </dependency>

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

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <dependencyManagement>
        <dependencies>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-dependencies</artifactId>
                <version>${spring-cloud.version}</version>
                <type>pom</type>
                <scope>import</scope>
            </dependency>
        </dependencies>
    </dependencyManagement>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

    <repositories>
        <repository>
            <id>spring-milestones</id>
            <name>Spring Milestones</name>
            <url>https://repo.spring.io/milestone</url>
        </repository>
    </repositories>

</project>

创建application.yml

spring:
  datasource:
    username: root
    password: root
    url: jdbc:mysql://192.168.146.129:3306/gulimall_pms?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai
    driver-class-name: com.mysql.cj.jdbc.Driver

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

主启动类

@MapperScan("com.atguigu.gulimall.product.dao")
@SpringBootApplication
public class GulimallProductApplication {

    public static void main(String[] args) {
        SpringApplication.run(GulimallProductApplication.class, args);
    }

}

测试

@SpringBootTest
class GulimallProductApplicationTests {
    @Autowired
    BrandService brandService;
    @Test
    void contextLoads() {
        BrandEntity brandEntity = new BrandEntity();
        brandEntity.setName("华为");
        brandService.save(brandEntity);
        System.out.println("保存成功....");
    }
}

在这里插入图片描述

2.6 其他微服务仿照gulimall_product(pms)模块(代码生成器)

gulimall-oms(order)、gulimall-sms(coupon)、gulimall-ums(member)、gulimall-wms(ware)

以gulimall-sms为例,gulimall-coupon

先从renren-generator里,人人代码器生成sms,然后解压取得main文件复制到gulimall-coupon里的main替换
在这里插入图片描述
①pom.xml,添加一个common公共工具包

<dependency>
            <groupId>com.atguigu.gulimall</groupId>
            <artifactId>gulimall-common</artifactId>
            <version>0.0.1-SNAPSHOT</version>
        </dependency>

②新建一个application.yml

spring:
  datasource:
    username: root
    password: root
    url: jdbc:mysql://192.168.146.129:3306/gulimall_sms?useUnicode=true&characterEncoding=UTF-8&useSSL=false&serverTimezone=Asia/Shanghai
    driver-class-name: com.mysql.cj.jdbc.Driver

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

③启动主启动类,输入测试http://localhost:8080/coupon/coupon/list
在这里插入图片描述
接下来就直接按上面的配置各个微服务。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用中提供的信息,谷粒商城是一个B2C模式的电商平台,主要销售自营商品给客户。B2C模式指的是商对客的模式,即商家直接向消费者销售商品和服务。谷粒商城使用微服务架构,这是一种将应用程序拆分成独立且可独立开发、部署和扩展的小型服务的架构。引用还提到谷粒商城的技术涵盖微服务架构、分布式、全栈、集群、部署和自动化运维等方面。 因此,从前慢-谷粒商城章6主要讨论的可能是谷粒商城的技术方面,包括微服务架构、分布式、全栈、集群、部署和自动化运维等内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [从前慢-谷粒商城章1](https://blog.csdn.net/m0_67391121/article/details/125383572)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [2020年谷粒商城md笔记](https://download.csdn.net/download/ZHUXIUQINGIT/12543161)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值