项目框架及多模块开发

目录

项目模式

技术栈

项目架构图

模块

案例演示

主模块

子模块

zmall-common子模块

zmall-user子模块

项目模式

电商模式：市面上有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

项目架构图

SpringCloud微服务系统架构图

 zmall

模块

案例演示

主模块

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

2.配置主模块pom.xml

2.1 依赖版本锁定

    1.8
    UTF-8
    UTF-8
    2.3.2.RELEASE
    Hoxton.SR9
    2.2.6.RELEASE

2.2 dependencyManagement配置

	
        
        
            org.springframework.boot
            spring-boot-dependencies
            ${spring-boot.version}
            pom
            import
        
    	
        
            org.springframework.cloud
            spring-cloud-dependencies
            ${spring-cloud.version}
            pom
            import
        
        
        
            com.alibaba.cloud
            spring-cloud-alibaba-dependencies
            ${spring-cloud-alibaba.version}
            pom
            import
        
    

2.3 设置maven编译版本

    org.apache.maven.plugins
    maven-compiler-plugin
    
        1.8
        1.8
    

此时父模块的pom依赖

    4.0.0

    com.zking.zmall
    zmall
    1.0-SNAPSHOT

    
    
        1.8
        UTF-8
        UTF-8
        2.3.2.RELEASE
        Hoxton.SR9
        2.2.6.RELEASE
    

    
        
            
            
                org.springframework.boot
                spring-boot-dependencies
                ${spring-boot.version}
                pom
                import
            
            
            
                org.springframework.cloud
                spring-cloud-dependencies
                ${spring-cloud.version}
                pom
                import
            
            
            
                com.alibaba.cloud
                spring-cloud-alibaba-dependencies
                ${spring-cloud-alibaba.version}
                pom
                import
            
        
    


    
        
                
                    org.apache.maven.plugins
                    maven-compiler-plugin
                    
                        1.8
                        1.8
                    
                
        
    

子模块

zmall-common子模块

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

创建公共子模块后，父模块的pom依赖发生了变化

2.配置pom.xml

       
        
        
            com.baomidou
            mybatis-plus-boot-starter
            3.4.0
        
        
            mysql
            mysql-connector-java
            5.1.44
            runtime
        
        
            com.alibaba
            fastjson
            1.2.56
        
        
            org.projectlombok
            lombok
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            org.springframework.boot
            spring-boot-starter-freemarker
        

zmall-user子模块

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

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

    com.zking.zmall
    zmall
    1.0-SNAPSHOT


    
        com.zking.zmall
        zmall-common
        1.0-SNAPSHOT
    

此时的pom依赖

    4.0.0
    
        com.zking.zmall
        zmall
        1.0-SNAPSHOT
    
    com.zking
    zmall-user

    
        
            com.zking.zmall
            zmall-common
            1.0-SNAPSHOT
        
    

在父模块中定义子模块

    zmall-common
    zmall-user

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

新建一个static的文件夹 导入需要的静态资源

 

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

<#include 'common/head.html'>

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

@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: 123456
  freemarker:
    suffix: .html
    template-loader-path: classpath:/templates/
  mvc:
    static-path-pattern: /static/**

导入数据库脚本 新建一个数据库

 

最终的效果图