當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

乐优商城项目实战系列笔记1-项目搭建

發布時間：2023/12/10 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了乐优商城项目实战系列笔记1-项目搭建小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

0.學習目標

了解電商行業
了解樂優商城項目結構
能獨立搭建項目基本框架
能參考使用ES6的新語法

1.了解電商行業

學習電商項目，自然要先了解這個行業，所以我們首先來聊聊電商行業

1.1.項目分類

主要從需求方、盈利模式、技術側重點這三個方面來看它們的不同

1.1.1.傳統項目

各種企業里面用的管理系統（ERP、HR、OA、CRM、物流管理系統。。。。。。。）

需求方：公司、企業內部
盈利模式：項目本身賣錢
技術側重點：業務功能

1.1.2.互聯網項目

門戶網站、電商網站：baidu.com、qq.com、taobao.com、jd.com …

需求方：廣大用戶群體
盈利模式：虛擬幣、增值服務、廣告收益…
技術側重點：網站性能、業務功能

而我們今天要聊的就是互聯網項目中的重要角色：電商

1.2.電商行業的發展

1.2.1.錢景

近年來，中國的電子商務快速發展，交易額連創新高，電子商務在各領域的應用不斷拓展和深化、相關服務業蓬勃發展、支撐體系不斷健全完善、創新的動力和能力不斷增強。電子商務正在與實體經濟深度融合，進入規模性發展階段，對經濟社會生活的影響不斷增大，正成為我國經濟發展的新引擎。

中國電子商務研究中心數據顯示，截止到 2012 年底，中國電子商務市場交易規模達 7.85萬億人民幣，同比增長 30.83%。其中，B2B 電子商務交易額達 6.25 萬億，同比增長 27%。而 2011 年全年，中國電子商務市場交易額達 6 萬億人民幣，同比增長 33%，占 GDP 比重上升到 13%；2012 年，電子商務占 GDP 的比重已經高達 15%。

1.2.2.數據

來看看雙十一的成交數據：

2016雙11開場30分鐘，創造每秒交易峰值17.5萬筆，每秒支付峰值12萬筆的新紀錄。菜鳥單日物流訂單量超過4.67億，創歷史新高。

1.2.3.技術特點

從上面的數據我們不僅要看到錢，更要看到背后的技術實力。正是得益于電商行業的高強度并發壓力，促使了BAT等巨頭們的技術進步。電商行業有些什么特點呢？

技術范圍廣
技術新
高并發（分布式、靜態化技術、緩存技術、異步并發、池化、隊列）
高可用（集群、負載均衡、限流、降級、熔斷）
數據量大
業務復雜
數據安全

1.3.常見電商模式

電商行業的一些常見模式：

B2C：商家對個人，如：亞馬遜、當當等
C2C平臺：個人對個人，如：閑魚、拍拍網、ebay
B2B平臺：商家對商家，如：阿里巴巴、八方資源網等
O2O：線上和線下結合，如：餓了么、電影票、團購等
P2P：在線金融，貸款，如：網貸之家、人人聚財等。
B2C平臺：天貓、京東、一號店等

1.4.一些專業術語

SaaS：軟件即服務
SOA：面向服務
RPC：遠程過程調用
RMI：遠程方法調用
PV：(page view)，即頁面瀏覽量；

用戶每1次對網站中的每個網頁訪問均被記錄1次。用戶對同一頁面的多次訪問，訪問量累計
UV：(unique visitor)，獨立訪客

指訪問某個站點或點擊某條新聞的不同IP地址的人數。在同一天內，uv只記錄第一次進入網站的具有獨立IP的訪問者，在同一天內再次訪問該網站則不計數。
PV與帶寬：
- 計算帶寬大小需要關注兩個指標：峰值流量和頁面的平均大小。
- 計算公式是：網站帶寬= ( PV * 平均頁面大小（單位MB）* 8 )/統計時間（換算到秒）
- 為什么要乘以8？
  - 網站大小為單位是字節(Byte)，而計算帶寬的單位是bit，1Byte=8bit
- 這個計算的是平均帶寬，高峰期還需要擴大一定倍數
PV、QPS、并發
- QPS：每秒處理的請求數量。
  - 比如你的程序處理一個請求平均需要0.1S，那么1秒就可以處理10個請求。QPS自然就是10，多線程情況下，這個數字可能就會有所增加。
- 由PV和QPS如何需要部署的服務器數量？
  - 根據二八原則，80%的請求集中在20%的時間來計算峰值壓力：
  - （每日PV * 80%） / （3600s * 24 * 20%） * 每個頁面的請求數 = 每個頁面每秒的請求數量
  - 然后除以服務器的QPS值，即可計算得出需要部署的服務器數量

1.5.項目開發流程

項目經理：管人

技術經理：

產品經理：設計需求原型

測試：

前端：大前端：UI 前端頁面。

后端：

移動端：

項目開發流程圖：

2.樂優商城介紹

2.1.項目介紹

樂優商城是一個全品類的電商購物網站（B2C）。
用戶可以在線購買商品、加入購物車、下單
可以評論已購買商品
管理員可以在后臺管理商品的上下架、促銷活動
管理員可以監控商品銷售狀況
客服可以在后臺處理退款操作
希望未來3到5年可以支持千萬用戶的使用

2.2.系統架構

2.2.1.架構圖

樂優商城架構縮略圖，大圖請參考課前資料：

2.2.2.系統架構解讀

整個樂優商城可以分為兩部分：后臺管理系統、前臺門戶系統。

后臺管理：
- 后臺系統主要包含以下功能：
  - 商品管理，包括商品分類、品牌、商品規格等信息的管理
  - 銷售管理，包括訂單統計、訂單退款處理、促銷活動生成等
  - 用戶管理，包括用戶控制、凍結、解鎖等
  - 權限管理，整個網站的權限控制，采用JWT鑒權方案，對用戶及API進行權限控制
  - 統計，各種數據的統計分析展示
- 后臺系統會采用前后端分離開發，而且整個后臺管理系統會使用Vue.js框架搭建出單頁應用（SPA）。
前臺門戶
- 前臺門戶面向的是客戶，包含與客戶交互的一切功能。例如：
  - 搜索商品
  - 加入購物車
  - 下單
  - 評價商品等等
- 前臺系統我們會使用Thymeleaf模板引擎技術來完成頁面開發。出于SEO優化的考慮，我們將不采用單頁應用。

無論是前臺還是后臺系統，都共享相同的微服務集群，包括：

商品微服務：商品及商品分類、品牌、庫存等的服務
搜索微服務：實現搜索功能
訂單微服務：實現訂單相關
購物車微服務：實現購物車相關功能
用戶中心：用戶的登錄注冊等功能
Eureka注冊中心
Zuul網關服務
…

3.項目搭建

3.1.技術選型

前端技術：

基礎的HTML、CSS、JavaScript（基于ES6標準）
JQuery
Vue.js 2.0以及基于Vue的框架：Vuetify（UI框架）
前端構建工具：WebPack
前端安裝包工具：NPM
Vue腳手架：Vue-cli
Vue路由：vue-router
ajax框架：axios
基于Vue的富文本框架：quill-editor

后端技術：

基礎的SpringMVC、Spring 5.x和MyBatis3
Spring Boot 2.0.7版本
Spring Cloud 最新版 Finchley.SR2
Redis-4.0
RabbitMQ-3.4
Elasticsearch-6.3
nginx-1.14.2
FastDFS - 5.0.8
MyCat
Thymeleaf
mysql 5.6

3.2.開發環境

為了保證開發環境的統一，希望每個人都按照我的環境來配置：

IDE：我們使用Idea 2017.3 版本
JDK：統一使用JDK1.8
項目構建：maven3.3.9以上版本即可（3.5.2）
版本控制工具：git

idea大家可以在我的課前資料中找到。另外，使用幫助大家可以參考課前資料的《idea使用指南.md》

3.3.域名

我們在開發的過程中，為了保證以后的生產、測試環境統一。盡量都采用域名來訪問項目。

一級域名：www.leyou.com，leyou.com leyou.cn

二級域名：manage.leyou.com/item , api.leyou.com

我們可以通過switchhost工具來修改自己的host對應的地址，只要把這些域名指向127.0.0.1，那么跟你用localhost的效果是完全一樣的。

switchhost可以去課前資料尋找。

3.4.創建父工程

創建統一的父工程：leyou，用來管理依賴及其版本，注意是創建project，而不是module

填寫項目信息：

填寫保存的位置信息：

然后將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.leyou.parent</groupId><artifactId>leyou</artifactId><version>1.0.0-SNAPSHOT</version><packaging>pom</packaging><name>leyou</name><description>Demo project for Spring Boot</description><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.0.7.RELEASE</version><relativePath/> </parent><properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding><java.version>1.8</java.version><spring-cloud.version>Finchley.SR2</spring-cloud.version><mybatis.starter.version>1.3.2</mybatis.starter.version><mapper.starter.version>2.0.2</mapper.starter.version><druid.starter.version>1.1.9</druid.starter.version><mysql.version>5.1.32</mysql.version><pageHelper.starter.version>1.2.3</pageHelper.starter.version><leyou.latest.version>1.0.0-SNAPSHOT</leyou.latest.version><fastDFS.client.version>1.26.1-RELEASE</fastDFS.client.version></properties><dependencyManagement><dependencies><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-dependencies</artifactId><version>${spring-cloud.version}</version><type>pom</type><scope>import</scope></dependency><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>${mybatis.starter.version}</version></dependency><dependency><groupId>tk.mybatis</groupId><artifactId>mapper-spring-boot-starter</artifactId><version>${mapper.starter.version}</version></dependency><dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>${pageHelper.starter.version}</version></dependency><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>${mysql.version}</version></dependency><dependency><groupId>com.github.tobato</groupId><artifactId>fastdfs-client</artifactId><version>${fastDFS.client.version}</version></dependency></dependencies></dependencyManagement><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build> </project>

可以發現，我們在父工程中引入了SpringCloud等，很多以后需要用到的依賴，以后創建的子工程就不需要自己引入了。

可以刪除src目錄，工程結構如下：

3.5.創建EurekaServer

3.5.1.創建工程

我們的注冊中心，起名為：leyou-registry

選擇新建module：

不要選擇骨架：

然后填寫項目坐標，我們的項目名稱為leyou-registry:

選擇安裝目錄，因為是聚合項目，目錄應該是在父工程leyou的下面：

3.5.2.添加依賴

添加EurekaServer的依賴：

3.5.3.編寫啟動類

@SpringBootApplication @EnableEurekaServer public class LeyouRegistryApplication {public static void main(String[] args) {SpringApplication.run(LeyouRegistryApplication.class, args);} }

3.5.4.配置文件

server:port: 10086 spring:application:name: leyou-registry eureka:client:service-url:defaultZone: http://127.0.0.1:${server.port}/eurekaregister-with-eureka: false # 把自己注冊到eureka服務列表fetch-registry: false # 拉取eureka服務信息server:enable-self-preservation: false # 關閉自我保護eviction-interval-timer-in-ms: 5000 # 每隔5秒鐘，進行一次服務列表的清理

3.5.5.項目的結構

目前，整個項目的結構如圖：

3.6.創建Zuul網關

3.6.1.創建工程

與上面類似，選擇maven方式創建Module，然后填寫項目名稱，我們命名為：leyou-gateway

填寫保存的目錄：

3.6.2.添加依賴

這里我們需要添加Zuul和EurekaClient的依賴：

3.6.3.編寫啟動類

@SpringBootApplication @EnableDiscoveryClient @EnableZuulProxy public class LeyouGatewayApplication {public static void main(String[] args) {SpringApplication.run(LeyouGatewayApplication.class, args);} }

3.6.4.配置文件

server:port: 10010 spring:application:name: leyou-gateway eureka:client:registry-fetch-interval-seconds: 5service-url:defaultZone: http://127.0.0.1:10086/eureka zuul:prefix: /api # 路由路徑前綴

3.6.5.項目結構

目前，leyou下有兩個子模塊：

leyou-registry：服務的注冊中心（EurekaServer）
leyou-gateway：服務網關（Zuul）

目前，服務的結構如圖所示：

截止到這里，我們已經把基礎服務搭建完畢，為了便于開發，統一配置中心（ConfigServer）我們留待以后添加。

3.7.創建商品微服務

既然是一個全品類的電商購物平臺，那么核心自然就是商品。因此我們要搭建的第一個服務，就是商品微服務。其中會包含對于商品相關的一系列內容的管理，包括：

商品分類管理
品牌管理
商品規格參數管理
商品管理
庫存管理

3.7.1.微服務的結構

因為與商品的品類相關，我們的工程命名為leyou-item.

需要注意的是，我們的leyou-item是一個微服務，那么將來肯定會有其它系統需要來調用服務中提供的接口，獲取的接口數據，也需要對應的實體類來封裝，因此肯定也會使用到接口中關聯的實體類。

因此這里我們需要使用聚合工程，將要提供的接口及相關實體類放到獨立子工程中，以后別人引用的時候，只需要知道坐標即可。

我們會在leyou-item中創建兩個子工程：

leyou-item-interface：主要是對外暴露的接口及相關實體類
leyou-item-service：所有業務邏輯及內部使用接口

調用關系如圖所示：

3.7.2.leyou-item

依然是使用maven構建：

保存的位置：

因為是聚合工程，所以把項目打包方式設置為pom

3.7.3.leyou-item-interface

在leyou-item工程上點擊右鍵，選擇new --> module:

依然是使用maven構建，注意父工程是leyou-item：

注意：目錄結構，保存到leyou-item下的leyou-item-interface目錄中：

點擊Finish完成。

此時的項目結構：

3.7.4.leyou-item-service

與leyou-item-interface類似，我們選擇在leyou-item上右鍵，新建module，然后填寫項目信息：

填寫存儲位置

點擊Finish完成。

3.7.5.整個微服務結構

如圖所示：

我們打開leyou-item的pom查看，會發現leyou-item-interface和leyou-item-service都已經成為module了：

可以刪除leyou-item工程的src目錄

3.7.6.添加依賴

接下來我們給leyou-item-service中添加依賴：

思考一下我們需要什么？

Eureka客戶端
web啟動器
mybatis啟動器
通用mapper啟動器
分頁助手啟動器
連接池，我們用默認的Hykira
mysql驅動
千萬不能忘了，我們自己也需要ly-item-interface中的實體類

這些依賴，我們在頂級父工程：leyou中已經添加好了。所以直接引入即可：

leyou-item-interface中需要什么我們暫時不清楚，所以先不管。以后需要什么依賴，再引入。

3.7.7.編寫啟動和配置

在整個leyou-item工程中，只有leyou-item-service是需要啟動的。因此在其中編寫啟動類即可：

@SpringBootApplication @EnableDiscoveryClient public class LeyouItemServiceApplication {public static void main(String[] args) {SpringApplication.run(LeyouItemServiceApplication.class, args);} }

然后是全局屬性文件：

server:port: 8081 spring:application:name: item-servicedatasource:url: jdbc:mysql://localhost:3306/leyouusername: rootpassword: roothikari:max-lifetime: 28830000 # 一個連接的生命時長（毫秒），超時而且沒被使用則被釋放（retired），缺省:30分鐘，建議設置比數據庫超時時長少30秒，參考MySQL wait_timeout參數（show variables like '%timeout%';）maximum-pool-size: 9 # 連接池中允許的最大連接數。缺省值：10；推薦的公式：((core_count * 2) + effective_spindle_count) eureka:client:service-url:defaultZone: http://127.0.0.1:10086/eurekainstance:lease-renewal-interval-in-seconds: 5 # 5秒鐘發送一次心跳lease-expiration-duration-in-seconds: 10 # 10秒不發送就過期

3.8.添加商品微服務的路由規則

既然商品微服務已經創建，接下來肯定要添加路由規則到Zuul中，我們不使用默認的路由規則。

修改leyou-gateway工程的application.yml配置文件：

zuul:prefix: /api # 路由路徑前綴routes:item-service: /item/** # 商品微服務的映射路徑

3.9.啟動測試

我們分別啟動：leyou-registry，leyou-gateway，leyou-item-service

查看Eureka面板：

3.10.測試路由規則

為了測試路由規則是否暢通，我們是不是需要在item-service中編寫一個controller接口呢？

其實不需要，SpringBoot提供了一個依賴：actuator

只要我們添加了actuator的依賴，它就會為我們生成一系列的訪問接口：

/info
/health
/refresh
…

添加依賴：

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId> </dependency>

重啟后訪問Eureka控制臺：

鼠標懸停在item-service上，會顯示一個地址：

這就是actuator提供的接口，我們點擊訪問：

因為我們沒有添加信息，所以是一個空的json，但是可以肯定的是：我們能夠訪問到item-service了。

接下來我們通過路由訪問試試，根據路由規則，我們需要訪問的地址是：

http://127.0.0.1:10010/api/item/actuator/info

3.11.通用工具模塊

有些工具或通用的約定內容，我們希望各個服務共享，因此需要創建一個工具模塊：leyou-common

右鍵leyou工程，使用maven來構建module：

位置信息：

結構：

目前還不需要編碼。

總結

以上是生活随笔為你收集整理的乐优商城项目实战系列笔记1-项目搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： mysql connector配置_my
下一篇： y总nb