主模块

项目模式

电商模式：市面上有5种常见的电商模式，B2B、B2C、 C2B、 C2C、O2O;

1、B2B模式

B2B (Business to Business)，是指商家与商家建立的商业关系。如:阿里巴巴

2、B2C 模式 (Business to Consumer)

就是我们经常看到的供应商直接把商品卖给用户，即“商对客” 模式，也就是通常说的商业零售，直接面向消费者销售产品和服务。如:苏宁易购、京东、天猫、小米商城

3、C2B模式

C2B(CustomertoBusiness)，即消费者对企业。先有消费者需求产生而后有企业生产，即先有消费者提出需求，后有生产企业按需求组织生产

4、C2C模式

C2C (Customer to Consumer)，客户之间自己把东西放上网去卖，如:淘宝，闲鱼

5、O2O模式

O2O即Online To Ofline,也即将线下商务的机会与互联网结合在了一起，让互联网成为线下交易的前台。线上快速支付，线下优质服务。如:饿了么，美团，淘票票，京东到家

技术栈：

前端 html css js jquery freemarker vue
基础 javaSE javaEE
框架 spring springMVC springBoot mybatis mybatis-plus
安全 shiro(spring security)
微服务 springCloud springCloud alibaba
数据库 mysql
测试 junit jmeter

项目架构图

模块

主模块

1.在idea中基于maven方式创建主模块zmall，创建成功之后删除src目录即可。

2.配置主模块pom.xml

2.1 依赖版本锁定

<properties>

<java.version>1.8</java.version>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<spring-boot.version>2.3.2.RELEASE</spring-boot.version>
<spring-cloud.version>Hoxton.SR9</spring-cloud.version>
<spring-cloud-alibaba.version>2.2.6.RELEASE</spring-cloud-alibaba.version>
</properties>

2.2 dependencyManagement配置

<dependencyManagement>
    <dependencies>
        <!-- SpringBoot 依赖配置 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-dependencies</artifactId>
            <version>${spring-boot.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
        <!--spring-cloud依赖配置-->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-dependencies</artifactId>
            <version>${spring-cloud.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
        <!--spring-cloud-alibaba依赖配置-->
        <dependency>
            <groupId>com.alibaba.cloud</groupId>
            <artifactId>spring-cloud-alibaba-dependencies</artifactId>
            <version>${spring-cloud-alibaba.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
    </dependencies>
</dependencyManagement>

2.3 设置maven编译版本

<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<configuration>
<source>1.8</source>
<target>1.8</target>
</configuration>
</plugin>

2.4 子模块定义

<modules>
<module>zmall-common</module>
<module>zmall-user</module>
</modules>

zmall-common子模块

1.基于maven方式创建zmall-common公共子模块。注：zmall-common公共模块只为其他模块提供依赖支持。

2.配置pom.xml【在公共模块中导入所有子模块都需要的公共模块（公共的架包依赖）】

<dependencies>

<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.4.0</version>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.44</version>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.56</version>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
</dependencies>

zmall-user子模块

1.基于Spring Initialzr方式创建zmall-user用户模块。

2.配置pom.xml。设置父模块，并添加zmall-common公共模块的依赖支持。

由于我们创建的该模块是spring项目，不是maven项目，所以选择不了它的父模块，需要手动添加：

然后在父模块中添加子模块：

把不需要的代码删除，除此之外，zmall-user这个子模块也是需要公共模块中的架包依赖，所以需要把公共模块添加到子模块中来：

<parent>
<groupId>com.zking.zmall</groupId>
<artifactId>zmall</artifactId>
<version>1.0-SNAPSHOT</version>
</parent>
<dependencies>
<dependency>
<groupId>com.zking.zmall</groupId>
<artifactId>zmall-common</artifactId>
<version>1.0-SNAPSHOT</version>
</dependency>
</dependencies>

3.添加登录页面及公共资源（js/css/images）

1）将资料目录中的《易买网网页素材.zip》解压后，将其中Login.html和js/css/images等等添加到项目的templates和static目录下，最好请将Login.html重命名为login.html

2）导入资料目录中的common目录到项目的templates目录下

3）在login.html页面中的头部申明<!DOCTYPE html ....>修改成<!DOCTYPE html>（支持H5风格）

4）在login.html页面中通过<#include>指令引入common目录中的head.html

<#include 'common/head.html'>

5）创建UserController并定义login.html页面跳转方式

@Controller
public class UserController {

@RequestMapping("/login.html")
public String login(){
return "login";
}
}

zmall-user结构如下

微服务项目之项目简介