鍏虫敞鈥滆剼鏈箣瀹垛濓紝涓庣櫨涓囧紑鍙戣呭湪涓璧


鏉ユ簮 | macrozheng 锛圛D锛歡h_433697c99b25锛夊凡鑾峰緱鍘熷叕浼楀彿鐨勬巿鏉冭浆杞

Markdown鏄竴娆捐交閲忕骇鏍囪璇█锛岀敱浜庡畠鏄撹鏄撳啓鐨勭壒鎬э紝寰堝绋嬪簭鍛樼敤瀹冩潵鍐欓」鐩枃妗ｃ傚叾瀹濵arkdown鐨勫姛鑳戒笉姝簬姝わ紝缁撳悎涓浜涘伐鍏蜂娇鐢ㄨ繕鍙互鐢ㄦ潵鍋歅PT锛屼粖澶╁甫澶у浣跨敤Markdown鏉ュ仛涓涓狿PT锛岀湅鐪嬪埌搴曟湁澶氱偒閰凤紒

Slidev绠浠

Slidev鏄竴娆句笓闂ㄤ负寮鍙戣呮墦閫犵殑婕旂ず鏂囩宸ュ叿锛岀洰鍓嶅湪Github涓婂凡鏈23K+Star銆傞氳繃Slidev锛屾垜浠彧瑕佷娇鐢ㄧ啛鎮夌殑Markdown灏卞彲浠ュ仛鍑虹偒閰风殑PPT鏉ワ紝鍚屾椂鎷ユ湁鏀寔HTML鍜孷ue缁勪欢鐨勮兘鍔涳紝骞朵笖鑳藉鍛堢幇鍍忕礌绾у畬缇庣殑甯冨眬銆

瀹冪殑涓昏鍔熻兘濡備笅锛

涓嬮潰鏄垜鐢⊿lidev鍒朵綔鐨mall椤圭洰浠嬬粛PPT鐨勬晥鏋滃浘锛岃繕鏄尯鐐叿鐨勫ぇ瀹跺彲浠ョ湅涓嬶紒

瀹夎

鍦ㄤ娇鐢⊿lidev鍒朵綔PPT涔嬪墠锛屾垜浠渶瑕佸厛瀹夎涓嬪畠鐨勭幆澧冦

• 纭繚鐢佃剳涓婂凡缁忓畨瑁呬簡NodeJS 14浠ヤ笂鐗堟湰锛岀劧鍚庝娇鐢ㄥ涓嬪懡浠ゅ垵濮嬪寲椤圭洰锛

npm init slidev


• 瀹夎杩囩▼涓垜浠渶瑕佽緭鍏ラ」鐩悕绉mall-intro-sldev锛屽畨瑁呭畬鎴愬悗浼氳嚜琛屽惎鍔紱

• 濡傛灉椤圭洰琚叧闂簡锛屼篃鍙互浣跨敤濡備笅鍛戒护杩愯锛

npm run dev


• 褰撶劧浣犱篃鍙互瀹夎Slidev鐨凜LI宸ュ叿鍚庝娇鐢slidev鍛戒护鏉ヨ繍琛岋紱

npm i -g @slidev/cli


• 瀹夎瀹屾垚鍚庨」鐩粯璁よ繍琛屽湪3030绔彛锛岃闂湴鍧锛歨ttp://localhost:3030/

• 鐢变簬鏄娇鐢∕arkdown鏉ョ紪鍐橮PT锛屼綘鍙互浣跨敤浠绘剰鐨凪arkdown缂栬緫鍣紝姣斿Typora鎴栬匨arkText锛岃繖閲屼娇鐢ㄧ殑鏄疺SCode锛屽洜涓哄畠鏈塖lidev涓撳睘鐨勬彃浠跺彲浠ヤ娇鐢紱

• 
  VSCode鐨勪娇鐢ㄨ繖閲屽氨涓嶅啀璧樿堪浜嗭紝鍏蜂綋鍙互鍙傝冧箣鍓嶇殑鏂囩珷鎺ㄨ崘涓娆惧井杞嚭鍝佺殑寮鍙戠鍣紝浣撻獙涓嶈緭IDEA锛
  
• 
  瀹夎瀹屾垚鍚庣洿鎺ョ敤VSCode鎵撳紑Slidev鍒濆鍖栧ソ鐨勬枃浠跺す鍗冲彲锛屾墦寮榛樿鐨凱PT鏂囦欢slides.md锛岀劧鍚庢墦寮鎻掍欢瑙嗗浘鍗冲彲寮濮嬬紪杈戙
  

浣跨敤

鐜鎼缓瀹屾瘯锛屼笅闈㈡垜浠氨鍙互寮濮嬪埗浣淧PT浜嗭紝杩欓噷浠all椤圭洰鐨勪粙缁峆PT涓轰緥銆

浣跨敤涓婚

• 鍦ㄤ娇鐢⊿lidev涔嬪墠锛屾垜浠渶濂介夋嫨涓涓偒閰风殑涓婚锛孲lidev鎻愪緵鐨勪富棰樿繕鏄尯澶氱殑锛岄夋嫨涓涓嚜宸卞枩娆㈢殑灏卞ソ锛

• 杩欓噷鎴戜滑浣跨敤Penguin杩欎釜涓婚锛屼娇鐢ㄥ涓嬪懡浠ゅ畨瑁呬富棰橈紱

npm i slidev-theme-penguin


• 濡傛灉閬囧埌濡備笅鎻愮ず锛岄渶瑕佸畨瑁sass锛

# 鎻愮ず淇℃伅锛歅reprocessor dependency "sass" not found. Did you install it?
npm i sass


• 瀹夎瀹屾垚鍚庯紝鎴戜滑鍦∕arkdown鏂囨。椤堕儴淇敼theme灞炴у嵆鍙娇鐢ㄤ富棰樸

---
theme: penguin
---


浣跨敤甯冨眬

閫氳繃甯冨眬鎴戜滑鍙互寰堝ソ鍦版帶鍒禤PT涓殑鍐呭锛屼笉鍚岀殑涓婚涔熸嫢鏈変笉鍚岀殑甯冨眬锛岃繖閲屼互penguin涓婚涓轰緥銆

• 鎴戜滑鍏堟潵缂栧啓涓涓狿PT鐨勫皝闈㈤〉锛屼娇鐢ㄧ殑鏄intro甯冨眬锛---绗﹀彿涔嬮棿鐨勬槸椤甸潰閰嶇疆锛---涔嬪悗鐨勬槸PPT涓殑鍐呭锛

---
# 閰嶇疆涓婚
theme: penguin
# 骞荤伅鐗囩殑閰嶈壊鏂规锛屽彲浠ヤ娇鐢 'auto'锛'light' 鎴栬 'dark'
colorSchema: 'auto'
layout: intro
# 浠ｇ爜璇硶楂樹寒璁剧疆锛屽彲浠ヤ娇鐢 'prism' 鎴 'shiki' 鏂规
highlighter: shiki
# 鐢ㄤ簬涓婚瀹氬埗
themeConfig:
# 閰嶇疆灏侀潰椤靛乏涓婅Logo
logoHeader: '/logo_round.png'
# 閰嶇疆鍏ㄥ眬宸︿笅瑙扡ogo
eventLogo: '/github.png'
# 閰嶇疆鍏ㄥ眬宸︿笅瑙扡ogo璺宠浆璺緞
eventUrl: 'https://github.com/macrozheng' 
css: unocss
---

# Mall寮婧愮數鍟嗛」鐩

`mall`椤圭洰鑷村姏浜庢墦閫犱竴涓畬鏁寸殑鐢靛晢绯荤粺锛岄噰鐢ㄧ幇闃舵娴佽鎶鏈疄鐜般

<div class="pt-12">
  <span @click="next" class="px-2 p-1 rounded cursor-pointer hover:bg-white hover:bg-opacity-10">
    蹇熷紑濮 <carbon:arrow-right class="inline"/>
  </span>
</div>


• 鐢变簬鎴戜滑灏嗘柊鐨凱PT鍐呭鏀惧埌浜mall-slidev.md鏂囦欢涓紝鍥犳鍚姩鏃堕渶瑕佷娇鐢slidev mall-slidev.md鍛戒护锛屽睍绀烘晥鏋滃涓嬶紱

• 鎴戜滑鍐嶆潵缂栧啓涓涓presenter甯冨眬锛屽彲鐢ㄤ簬灞曠ずPPT浣滆呯殑淇℃伅锛

---
layout: presenter
# 閰嶇疆浣滆呭ご鍍
presenterImage: '/logo.png'
---

# macrozheng鐨勪釜浜轰粙缁

SpringBoot瀹炴垬鐢靛晢椤圭洰mall锛50K+Star锛夌殑浣滆呫

- Github锛歨ttps://github.com/macrozheng
- Gitee锛歨ttps://gitee.com/macrozheng
- 鎺橀噾锛歨ttps://juejin.cn/user/958429871749192
- 鐭ヤ箮锛歨ttps://www.zhihu.com/people/macrozheng


• 婕旂ず鑰呭竷灞灞曠ず濡備笅锛

• 濡傛灉娌℃湁鐗规畩闇姹傜殑璇濓紝鍙互浣跨敤榛樿甯冨眬锛

---
layout: default
---

# 椤圭洰浠嬬粛

`mall`椤圭洰鏄竴濂楃數鍟嗙郴缁燂紝鍖呮嫭鍓嶅彴鍟嗗煄绯荤粺鍙婂悗鍙扮鐞嗙郴缁燂紝鍩轰簬SpringBoot+MyBatis瀹炵幇锛岄噰鐢―ocker瀹瑰櫒鍖栭儴缃层傚墠鍙板晢鍩庣郴缁熷寘鍚椤甸棬鎴枫佸晢鍝佹帹鑽愩佸晢鍝佹悳绱佸晢鍝佸睍绀恒佽喘鐗╄溅銆佽鍗曟祦绋嬨佷細鍛樹腑蹇冦佸鎴锋湇鍔°佸府鍔╀腑蹇冪瓑妯″潡銆傚悗鍙扮鐞嗙郴缁熷寘鍚晢鍝佺鐞嗐佽鍗曠鐞嗐佷細鍛樼鐞嗐佷績閿绠＄悊銆佽繍钀ョ鐞嗐佸唴瀹圭鐞嗐佺粺璁℃姤琛ㄣ佽储鍔＄鐞嗐佹潈闄愮鐞嗐佽缃瓑妯″潡銆

- 鏂囨。鍦板潃锛歔https://www.macrozheng.com](https://www.macrozheng.com)
- 澶囩敤鍦板潃锛歔https://macrozheng.github.io/mall-learning](https://macrozheng.github.io/mall-learning)


• 榛樿甯冨眬灞曠ず濡備笅锛

• 濡傛灉鎴戜滑鎯冲湪PPT涓悓鏃跺睍绀烘枃鏈拰鍥剧墖锛屽彲浠ヤ娇鐢text-image甯冨眬锛岄氳繃reverse灞炴ф垜浠彲浠ユ帶鍒跺浘鐗囧湪宸﹁繕鏄湪鍙筹紱

---
layout: text-image
media: 'http://img.macrozheng.com/mall/project/mall_admin_show.png'
reverse: false
---

# 椤圭洰婕旂ず

### 鍚庡彴绠＄悊绯荤粺

mall-admin-web鏄竴涓數鍟嗗悗鍙扮鐞嗙郴缁熺殑鍓嶇椤圭洰锛屽熀浜嶸ue+Element瀹炵幇銆 涓昏鍖呮嫭鍟嗗搧绠＄悊銆佽鍗曠鐞嗐佷細鍛樼鐞嗐佷績閿绠＄悊銆佽繍钀ョ鐞嗐佸唴瀹圭鐞嗐佺粺璁℃姤琛ㄣ佽储鍔＄鐞嗐佹潈闄愮鐞嗐佽缃瓑鍔熻兘銆

- 鍓嶇椤圭洰mall-admin-web鍦板潃锛歨ttps://github.com/macrozheng/mall-admin-web

- 椤圭洰婕旂ず鍦板潃锛 [https://www.macrozheng.com/admin/index.html](https://www.macrozheng.com/admin/index.html)


• 鏂囨湰鍥剧墖甯冨眬灞曠ず濡備笅锛

• 瀵逛簬榛樿甯冨眬鎴戜滑濡傛灉涓嶉渶瑕侀厤缃殑璇濓紝鍙互绠鍐欐垚鍔---锛

---

# 鎶鏈夊瀷-鍚庣

| 鎶鏈                 | 璇存槑                | 瀹樼綉                                           |
| -------------------- | ------------------- | ---------------------------------------------- |
| SpringBoot           | 瀹瑰櫒+MVC妗嗘灦        | https://spring.io/projects/spring-boot         |
| SpringSecurity       | 璁よ瘉鍜屾巿鏉冩鏋      | https://spring.io/projects/spring-security     |
| MyBatis              | ORM妗嗘灦             | http://www.mybatis.org/mybatis-3/zh/index.html |
| MyBatisGenerator     | 鏁版嵁灞備唬鐮佺敓鎴      | http://www.mybatis.org/generator/index.html    |
| Elasticsearch        | 鎼滅储寮曟搸            | https://github.com/elastic/elasticsearch       |
| RabbitMQ             | 娑堟伅闃熷垪            | https://www.rabbitmq.com/                      |
| Redis                | 鍒嗗竷寮忕紦瀛          | https://redis.io/                              |
| MongoDB              | NoSql鏁版嵁搴         | https://www.mongodb.com                        |
| LogStash             | 鏃ュ織鏀堕泦宸ュ叿        | https://github.com/elastic/logstash            |
| Kibana               | 鏃ュ織鍙鍖栨煡鐪嬪伐鍏  | https://github.com/elastic/kibana              |
| Nginx                | 闈欐佽祫婧愭湇鍔″櫒      | https://www.nginx.com/                         |
| Docker               | 搴旂敤瀹瑰櫒寮曟搸        | https://www.docker.com                         |
| Jenkins              | 鑷姩鍖栭儴缃插伐鍏      | https://github.com/jenkinsci/jenkins           |
| Druid                | 鏁版嵁搴撹繛鎺ユ睜        | https://github.com/alibaba/druid               |
| OSS                  | 瀵硅薄瀛樺偍            | https://github.com/aliyun/aliyun-oss-java-sdk  |
| MinIO                | 瀵硅薄瀛樺偍            | https://github.com/minio/minio                 |
| JWT                  | JWT鐧诲綍鏀寔         | https://github.com/jwtk/jjwt                   |
| Lombok               | 绠鍖栧璞″皝瑁呭伐鍏    | https://github.com/rzwitserloot/lombok         |
| Hutool               | Java宸ュ叿绫诲簱        | https://github.com/looly/hutool                |
| PageHelper           | MyBatis鐗╃悊鍒嗛〉鎻掍欢 | http://git.oschina.net/free/Mybatis_PageHelper |
| Swagger-UI           | 鏂囨。鐢熸垚宸ュ叿        | https://github.com/swagger-api/swagger-ui      |
| Hibernator-Validator | 楠岃瘉妗嗘灦            | http://hibernate.org/validator                 |


• 鏈夋椂鍊欐垜浠渶瑕丳PT鍐呭鍏ㄩ儴灞呬腑锛屽彲浠ヤ娇鐢new-section甯冨眬锛

---
layout: new-section
---

# 绯荤粺鏋舵瀯

![绯荤粺鏋舵瀯鍥綸(http://img.macrozheng.com/mall/project/mall_micro_service_arch.jpg)


• 灞呬腑甯冨眬灞曠ず濡備笅锛

• 濡傛灉浣犳兂灏嗘煇浜涘唴瀹规樉绀哄湪绐楀彛涓殑璇濓紝杩樺彲浠ヤ娇鐢text-window甯冨眬锛屼娇鐢::window::鏉ュ垎鍓插湪绐楀彛涓殑鍐呭锛

---
layout: text-window
---

# 涓氬姟鏋舵瀯

- 鍟嗗搧绠＄悊锛歔鍔熻兘缁撴瀯鍥-鍟嗗搧.jpg](document/resource/mind_product.jpg)
- 璁㈠崟绠＄悊锛歔鍔熻兘缁撴瀯鍥-璁㈠崟.jpg](document/resource/mind_order.jpg)
- 淇冮攢绠＄悊锛歔鍔熻兘缁撴瀯鍥-淇冮攢.jpg](document/resource/mind_sale.jpg)
- 鍐呭绠＄悊锛歔鍔熻兘缁撴瀯鍥-鍐呭.jpg](document/resource/mind_content.jpg)
- 鐢ㄦ埛绠＄悊锛歔鍔熻兘缁撴瀯鍥-鐢ㄦ埛.jpg](document/resource/mind_member.jpg)

::window::

![涓氬姟鏋舵瀯鍥綸(http://img.macrozheng.com/mall/project/mall_business_arch.png)


• 鏂囨湰绐楀彛甯冨眬灞曠ず濡備笅锛

• 濡傛灉浣犳兂瀹炵幇鍙屽垪甯冨眬鐨勮瘽锛屽彲浠ヤ娇鐢two-cols甯冨眬锛屼娇鐢::right::鏉ュ垎鍓插乏鍙冲垪锛

---
layout: two-cols
---


• 鍙屽垪甯冨眬灞曠ず濡備笅锛

婕旂ず鍔熻兘

• 濡傛灉浣犳妸榧犳爣鏀惧埌PPT鐨勫乏涓嬭鐨勮瘽锛屼綘杩樹細鍙戠幇Slidev鎻愪緵浜嗕竴鎺掑姛鑳芥寜閽紝鍙互瀹炵幇鍏ㄥ睆銆佸墠杩涖佸悗閫銆佸綍鍒躲佸湪绾跨紪杈戠瓑鍔熻兘锛

• 閫氳繃姒傝鍔熻兘锛屾垜浠彲浠ユ煡鐪嬫墍鏈塒PT鐨勬瑙堬紱

• 閫氳繃鍒囨崲涓婚鍔熻兘锛屾垜浠彲浠ヨ繘琛屼富棰樺垏鎹紝姣斿鍒囨崲鍒版殫鑹蹭富棰橈紱

• 閫氳繃鐢诲浘鍔熻兘锛屾垜浠彲浠ュPPT涓婄殑閲嶇偣鍐呭杩涜鏍囨敞锛

• 閫氳繃鍦ㄧ嚎缂栬緫鍔熻兘锛屾垜浠彲浠ュ疄鐜癙PT鍐呭鐨勫湪绾夸慨鏀广

閮ㄧ讲

• Slidev瀹炵幇闈欐侀儴缃蹭篃寰堢畝鍗曪紝鐩存帴浣跨敤濡備笅鍛戒护杩涜鎵撳寘锛屽彲浠ラ氳繃--base鎸囧畾璁块棶鐨勫瓙璺緞锛屽湪鏈夊涓狿PT椤圭洰闇瑕侀儴缃叉椂锛屼娇鐢ㄥ瓙璺緞姣旇緝濂斤紱

slidev build mall-slidev.md --base /mall-slidev/


• 鎵撳寘杩囩▼涓緭鍑烘棩蹇楀涓嬶紝娉ㄦ剰鍥剧墖璧勬簮鏈濂戒娇鐢ㄦ枃浠跺瓨鍌紝涓嶈鏀惧湪椤圭洰鐩綍涓嬶紱

• 鎵撳寘瀹屾垚鍚庯紝鎵鏈夐潤鎬佽祫婧愰兘浼氳緭鍑哄埌dist鐩綍涓嬶紱

• 鐒跺悗鎶dist鐩綍鏀惧叆Nginx鐨html鐩綍涓嬶紝骞舵敼鍚嶄负mall-slidev锛岃闂互涓嬭矾寰勫嵆鍙煡鐪婸PT銆

鎬荤粨

浣跨敤Markdown鏉ュ埗浣淧PT锛屽绋嬪簭鍛樻潵璇寸‘瀹炲緢鏂逛究銆傝瘯鎯充竴涓嬪綋鍒汉杩樺湪鎵綪PT鏂囦欢鏃讹紝浣犵洿鎺ユ墦寮涓涓摼鎺ュ氨鍙互灞曠ず锛屾槸涓嶆槸澶熺偒閰凤紒涓嶈繃Slidev涔熸湁涓浜涗笉瓒充箣澶勶紝姣斿闇瑕佷笂涓嬫粴鍔ㄧ殑鍐呭鏃犳硶瀹屽叏鏄剧ず锛屼緥濡傝秴鍑哄睆骞曠殑浠ｇ爜娈垫垨鑰呰〃鏍硷紝澶у浣跨敤鐨勬椂鍊欓渶瑕佹敞鎰忎笅銆

鍙傝冭祫鏂

瀹樻柟鏂囨。锛歨ttps://cn.sli.dev/guide/

PPT鏂囦欢鍦板潃

https://github.com/macrozheng/mall-learning/tree/master/document/ppt/mall-slidev.md
<END>
绋嬪簭鍛樹笓灞炲崼琛

鍟嗗搧鐩磋喘閾炬帴

馃憞馃憞



銆愨槤馃徏鐐瑰嚮鏌ョ湅鏇村璇︽儏銆



  鎺ㄨ崘闃呰锛

澧欒鎺ㄨ崘!杩欐墠鏄笓灞炵▼搴忓憳浠殑T鎭わ紒

寰蒋鍑烘墜锛屾嫰鏁戔滃洓鍒嗕簲瑁傗濈殑Markdown

璇泙鏂囨。缂栬緫鍣ㄥ皢寮婧愶細濮嬩簬浣嗕笉姝簬Markdown

鐢 Markdown 鍋氱殑 PPT锛岀湡鐨勫お寮轰簡锛

鍐嶈 Typora锛佽繖涓紑婧愮殑 Markdown 缂栬緫鍣ㄧ埍浜嗭紒

Office 2019/2021涓撲笟澧炲己鐗堬紝姝ｇ増缁堣韩鎺堟潈锛