專案簡介
1、專案背景
2、 B2B 模式
3、 B2C 模式 ==(商城模式)*==
4、 C2B 模式
5、 C2C 模式
6、 O2O 模式
2、圖靈商城架構圖
2。1、前後端分離 基礎版
2。3、微服務三高架構版
3、前置知識
1、專案背景
5中常見的電商模式 ==B2B== 、==B2C==、==C2B==、==C2C==、==O2O== ;
2、 B2B 模式
Business to Business, 是指
商家
與商家建立的
商業
關係, 如:阿里巴巴
3、 B2C 模式 ==(商城模式)*==
Business to Consumer ,
商家
直接把商品賣給
使用者(個人)
,既“商對客”模式,也就是場所的商業零售,直接面向消費者銷售產品和服務。如:蘇寧易購、京東
4、 C2B 模式
Consumer to Business ,
消費者
對
企業
,現有消費者需求產生而後有企業生產
5、 C2C 模式
Consumer to Consumer ,
客戶
銷售給
客戶
, 如:鹹魚、淘寶
6、 O2O 模式
Online To Offline,
線上
銷售、
線下
服務。如:餓了麼,淘淘票
2、商城架構圖
2.1、前後端分離 基礎版
微服務形成之前的架構形態
前後端分離 ,基於vue的後臺管理系統
為什麼要使用前後端分離架構:
1。為了後續能夠平順、無障礙進入高階架構師中《微服務三高》架構版。
2。企業中當開發一個新專案時不會一上來就考慮三高、微服務。。等特性,一般為了規避成本風險,會使用開發成本較低,但是後續好擴充套件好改造的架構
2。3、微服務三高架構版
3、前置知識
熟悉springboot及常用第三方框架整合
熟悉SSM 框架使用
熟悉Mysql資料庫
熟悉maven、 redis
瞭解html、css、js
熟練使用idea專案結構 &技術&搭建
結構介紹:
1、後端專案
1。1、專案演示
1。2、使用技術
1。3、資料庫表概覽
1。4、資料庫表字首說明
1。5、搭建:
6、後臺前端專案
5。1、專案演示
5。2、使用技術
6、前臺前端專案
5。1、專案演示
5。2、使用技術
結構介紹:
1、後端專案
1.1、專案演示
專門為前端提供rest介面
後臺專案演示:
http://localhost:8081/
6、後臺前端專案
5.1、專案演示
後臺專案演示:
http://localhost:8090/#/login
核心功能:
商品模組
商品管理
商品分類管理
商品型別管理
品牌管理
訂單模組
訂單管理
搭建:
環境工具:
VSCode 開發工具安裝說明(Vue)
1。安裝vscode
2。安裝vscode外掛
3。 解壓前端開源專案:mall-admin-web-master-前端。zip
4。在VSCode中選擇“檔案”——->“開啟 資料夾” 選擇解壓後的專案所在目錄5。安裝nodejs (因為要用npm功能)
該專案為前後端分離專案,訪問本地訪問介面需搭建後臺環境。(已完成
http://localhost:8099/
)在VsCode終端視窗中執行命令:npm install,下載相關依賴;執行專案之前需要將config/dev。env。js檔案中的BASE_API改為
http://localhost:你的後端專案的埠/
在VsCode終端視窗中執行命令:npm run dev,執行專案;訪問地址:
http://localhost:8090
即可開啟後臺管理系統頁面;
結論
後端使用:SpringBoot+SpringMVC+MyBatisPlus+SpringSecurity+JWT;
前端使用:Vue-cli+ES6+ElementUI
主要模組有:商品—購物車—下單—支付完整實現
專案中四大看點:
1。專案背景、架構、技術、框架介紹
2。專案搭建:前臺、後臺、服務端三大專案
3。前置知識:ES6、VUE、MyBatisPlus、OSS、Lombok學習
4。專案開發:後臺、前臺 基於Restful介面的後端服務
專案配套文件及原始碼獲取方式:關注小編+轉發文章+私信【 666 】免費獲取!!!