电商项目简介

一、项目模式

电商模式：市面上有5种常见的电商模式，B2B、B2C、 C2B、 C2C、O2O;
1、B2B模式
B2B (Business to Business)，是指 商家与商家建立的商业关系。如:阿里巴巴
2、B2C 模式
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、主模块

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

2. 配置主模块pom.xml

<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">
    <modelVersion>4.0.0modelVersion>

    <groupId>com.zking.zmallgroupId>
    <artifactId>zmallartifactId>
    <packaging>pompackaging>
    <version>1.0-SNAPSHOTversion>
    <modules>
        <module>zmall-commonmodule>
        <module>zmall-usermodule>
    modules>

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

    <dependencyManagement>
        <dependencies>
            
            <dependency>
                <groupId>org.springframework.bootgroupId>
                <artifactId>spring-boot-dependenciesartifactId>
                <version>${spring-boot.version}version>
                <type>pomtype>
                <scope>importscope>
            dependency>
            
            <dependency>
                <groupId>org.springframework.cloudgroupId>
                <artifactId>spring-cloud-dependenciesartifactId>
                <version>${spring-cloud.version}version>
                <type>pomtype>
                <scope>importscope>
            dependency>
            
            <dependency>
                <groupId>com.alibaba.cloudgroupId>
                <artifactId>spring-cloud-alibaba-dependenciesartifactId>
                <version>${spring-cloud-alibaba.version}version>
                <type>pomtype>
                <scope>importscope>
            dependency>
        dependencies>
    dependencyManagement>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.pluginsgroupId>
                <artifactId>maven-compiler-pluginartifactId>
                <configuration>
                    <source>1.8source>
                    <target>1.8target>
                configuration>
            plugin>
        plugins>
    build>
project>

2、zmall-common子模块

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

<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>zmallartifactId>
        <groupId>com.zking.zmallgroupId>
        <version>1.0-SNAPSHOTversion>
    parent>
    <modelVersion>4.0.0modelVersion>

    <artifactId>zmall-commonartifactId>

    <dependencies>
        
        <dependency>
            <groupId>com.baomidougroupId>
            <artifactId>mybatis-plus-boot-starterartifactId>
            <version>3.4.0version>
        dependency>
        <dependency>
            <groupId>mysqlgroupId>
            <artifactId>mysql-connector-javaartifactId>
            <version>5.1.44version>
            <scope>runtimescope>
        dependency>
        <dependency>
            <groupId>com.alibabagroupId>
            <artifactId>fastjsonartifactId>
            <version>1.2.56version>
        dependency>
        <dependency>
            <groupId>org.projectlombokgroupId>
            <artifactId>lombokartifactId>
        dependency>
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-webartifactId>
        dependency>
        <dependency>
            <groupId>org.springframework.bootgroupId>
            <artifactId>spring-boot-starter-freemarkerartifactId>
        dependency>
    dependencies>

project>

3、zmall-user子模块

1. 基于Spring Initialzr方式创建zmall-user用户模块。
2. 配置pom.xml。设置父模块，并添加zmall-common公共模块的依赖支持。

<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.0modelVersion>
    <parent>
        <artifactId>zmallartifactId>
        <groupId>com.zking.zmallgroupId>
        <version>1.0-SNAPSHOTversion>
    parent>
    <groupId>com.zkinggroupId>
    <artifactId>zmall-userartifactId>
    <version>0.0.1-SNAPSHOTversion>
    <name>zmall-username>
    <description>Demo project for Spring Bootdescription>
    <properties>
        <java.version>17java.version>
    properties>

    <dependencies>
        <dependency>
            <groupId>com.zking.zmallgroupId>
            <artifactId>zmall-commonartifactId>
            <version>1.0-SNAPSHOTversion>
        dependency>
    dependencies>
project>

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

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

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

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

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

package com.zking.zmall.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author xnx
 * @create 2023-02-04 19:58
 */
@Controller
public class UserController {

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

zmall-user结构如下

4.配置application.yml

server:
  port: 8010
spring:
  application:
    name: zmall-user
  datasource:
    #type连接池类型 DBCP,C3P0,Hikari,Druid,默认为Hikari,HikariDataSource属于Mybatisplus依赖
    type: com.zaxxer.hikari.HikariDataSource
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/zmall?useUnicode=true&characterEncoding=UTF-8&useSSL=false
    username: root
    password: 1234
  freemarker:
    suffix: .html
    template-loader-path: classpath:/templates/
  mvc:
    static-path-pattern: /static/**

最终的效果图