目錄

項目模式

技術棧

項目架構圖

模塊

案例演示

主模塊

子模塊

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 依賴版本鎖定

<!--依賴版本的鎖定--> <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>

此時父模塊的pom依賴

<?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"><modelVersion>4.0.0</modelVersion><groupId>com.zking.zmall</groupId><artifactId>zmall</artifactId><version>1.0-SNAPSHOT</version><!--依賴版本的鎖定--><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><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><!-- 設置maven編譯版本 --><build><plugins><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-compiler-plugin</artifactId><configuration><source>1.8</source><target>1.8</target></configuration></plugin></plugins></build></project>

子模塊

zmall-common子模塊

1.基于maven方式創建zmall-common公共子模塊。注：zmall-common公共模塊只為其他模塊提供依賴支持。

創建公共子模塊后，父模塊的pom依賴發生了變化

2.配置pom.xml

<dependencies><!-- mybatis plus依賴 --><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公共模塊的依賴支持。

<!-- 父模塊 --> <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>

此時的pom依賴

<?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>com.zking.zmall</groupId><artifactId>zmall</artifactId><version>1.0-SNAPSHOT</version></parent><groupId>com.zking</groupId><artifactId>zmall-user</artifactId><dependencies><dependency><groupId>com.zking.zmall</groupId><artifactId>zmall-common</artifactId><version>1.0-SNAPSHOT</version></dependency></dependencies></project>

在父模塊中定義子模塊

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

?3.添加登錄頁面及公共資源（js/css/images）

新建一個static的文件夾 導入需要的靜態資源

?

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結構如下

?4.配置application.yml

server:port: 8010 spring:application:name: zmall-userdatasource:#type連接池類型 DBCP,C3P0,Hikari,Druid,默認為Hikari,HikariDataSource屬于Mybatisplus依賴type: com.zaxxer.hikari.HikariDataSourcedriver-class-name: com.mysql.jdbc.Driverurl: jdbc:mysql://localhost:3306/zmall?useUnicode=true&characterEncoding=UTF-8&useSSL=falseusername: rootpassword: 123456freemarker:suffix: .htmltemplate-loader-path: classpath:/templates/mvc:static-path-pattern: /static/**

導入數據庫腳本 新建一個數據庫

?

最終的效果圖

?

總結

以上是生活随笔為你收集整理的项目框架及多模块开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。