>[danger] ### `ThinkPHP`官方和`MDB`達成合作，把`MDB PRO`首次引入國內市場，并在`ThinkPHP`官方服務市場首發超值優惠。 ## MDB概述  `MDBootstrap`（[https://mdbootstrap.com/](https://mdbootstrap.com/) 以下簡稱`MDB`）是一個專業UI套件，其中包含成千上萬個組件、模板、插件和集成模塊，可幫助您最大程度的提升開發效率。`MDB`共有四個版本，分別是[標準版](https://market.topthink.com/product/411)、[`Angular`版](https://market.topthink.com/product/412)、[`React`版](https://market.topthink.com/product/413)和[`Vue`版本](https://market.topthink.com/product/414)，以及[企業版](https://market.topthink.com/product/415)（包含前面四個版本的所有功能），可以根據自己的項目需求選擇使用，并用于個人或商業用途。  MDB 5是有史以來為Bootstrap 5制作的第一個UI套件，包含先進的前端工具集合（可以查看官方[組件演示](https://mdbootstrap.com/docs/standard/pro/demo/)，或者查看[國內中文站](https://material-design.cn/)提供的演示），已經被2,000,000+開發人員和組織信任，購買MDB 5授權同時還贈送MDB 4授權一份。 ## 主要特性  * **組件的終身使用**\- 即使取消訂閱仍然可以終身使用最后訂閱的組件更新 * **最新的Bootstrap 5**\-基于純JavaScript，但也適用于jQuery * **基于Material Design 2.0**\- 2020年推出的最新指南，保證了直觀性和可訪問性 * **不限項目和域名使用**\-市場所有版本均不限制項目和域名，意味著你只需要購買一份授權 * **支持NPM&Git安裝**\-可以通過Git版本庫隨時跟蹤版本更新 MDB包含免費版和PRO版本，PRO版本則定價策略采用了目前國外比較流行的訂閱模式（按年訂閱），訂閱期間可以享受高級組件、高級支持服務以及組件更新服務，第二年如果不續費訂閱（續訂直接再次下單即可）的話，將不再享受后續的更新功能和支持服務，但之前已經發布的功能仍然可以正常使用。 對于一般的項目而言，12個月足夠完成項目支持服務，對于較大和比較復雜的項目，如果你希望享受后續的更新和技術支持服務，則可以繼續訂閱。 MDB Pro版本享受的高級組件包括： * [WYSIWYG 編輯器](https://mdbootstrap.com/docs/standard/plugins/wysiwyg-editor/) * [日歷](https://mdbootstrap.com/docs/standard/plugins/calendar/) * [驗證碼](https://mdbootstrap.com/docs/standard/plugins/captcha/) * [顏色選擇器](https://mdbootstrap.com/docs/standard/plugins/color-picker/) * [Cookies 管理](https://mdbootstrap.com/docs/standard/plugins/cookies-management/) * [Countdown倒數](https://mdbootstrap.com/docs/standard/plugins/countdown/) * [資料解析器](https://mdbootstrap.com/docs/standard/plugins/data-parser/) * [拖拽 & 拖放](https://mdbootstrap.com/docs/standard/plugins/drag-and-drop/) * [Dummy函數](https://mdbootstrap.com/docs/standard/plugins/dummy/) * [eCommerce 電商圖庫](https://mdbootstrap.com/docs/standard/plugins/ecommerce-gallery/) * [文件上傳](https://mdbootstrap.com/docs/standard/plugins/file-upload/) * [篩選器](https://mdbootstrap.com/docs/standard/plugins/filters/) * [Input mask輸入掩碼](https://mdbootstrap.com/docs/standard/plugins/input-mask/) * [Mention](https://mdbootstrap.com/docs/standard/plugins/mention/) * [多項目輪播](https://mdbootstrap.com/docs/standard/plugins/multi-item-carousel/) * [Onboarding引導流程](https://mdbootstrap.com/docs/standard/plugins/onboarding/) * [組織結構圖](https://mdbootstrap.com/docs/standard/plugins/organization-chart/) * [Parallax 視差](https://mdbootstrap.com/docs/standard/plugins/parallax/) * [Scroll status滾動狀態](https://mdbootstrap.com/docs/standard/plugins/scroll-status/) * [Storage management 儲存管理](https://mdbootstrap.com/docs/standard/plugins/storage-management/) * [Table editor 表格編輯器](https://mdbootstrap.com/docs/standard/plugins/table-editor/) * [Transfer 遷移](https://mdbootstrap.com/docs/standard/plugins/transfer/) * [Treeview 控件](https://mdbootstrap.com/docs/standard/plugins/tree-view/) * [TreeTable 樹形表格](https://mdbootstrap.com/docs/standard/plugins/treetable/) * [Vector maps 矢量地圖](https://mdbootstrap.com/docs/standard/plugins/vector-maps/) ## 市場優惠 對于個人和企業來說，一個好的前端開發工具能快速提升開發效率同時還能保證UI規范和美觀。此次`ThinkPHP`官方和`MDB`達成合作，首次把`MDB`套件引進國內，給國內用戶提供了絕對超值的優惠福利，目前官方價格是以歐元定價，而且價格不菲（基礎版 € 199/年 高級版 € 499/年 企業版 € 1499/年）。  在我們的友好溝通和建議下，MDB為ThinkPHP官方市場提供了超值的合作優惠（合作價格為基礎版 **￥188**/年 高級版 **￥488**/年 企業版 **￥1888**/年，算下來相當于國外價格的十分之一不到，這個價格一般個人和企業都可以承受），如果你購買了基礎版后期**可以升級更高級版本**，其中企業版（對應國外的BUNDLE版）包含了MDB PRO所有版本（即[標準版](https://market.topthink.com/product/411)、[`Angular`版](https://market.topthink.com/product/412)、[`React`版](https://market.topthink.com/product/413)和[`Vue`版](https://market.topthink.com/product/414)）的高級版特性，是中小企業的超值之選，可以滿足各種前端技術棧及團隊合作需求，所以本次市場特別做了一次秒殺活動，目前企業版秒殺價格為**1688**一年。  >[info] 你不需要在MDB官網注冊，市場下單后會自動生成并交付MDB官網賬號和GIT版本庫賬號（需要事先在市場綁定郵箱），區別于MDB官方注冊，所有市場下單后自動生成的MDB賬號都是市場手機號（密碼隨機生成 首次登錄后修改）。 >[danger] 如果你要使用Git賬號下載，建議首先在市場綁定郵箱，否則可能沒法正常開通Gitlab。 ## 教程資源 由于目前`MDB`剛剛引入國內合作，官方中文站目前還在建設中，因此國內中文教程資源還相對比較欠缺（這也是我們得以爭取到國內超值優惠合作的一大原因，也許將來國內資源和服務都相對完善后未必還能以超值價格購買），可以參考下B站整理的視頻使用教程（保持陸續更新中 PS：目前MDB官方正在招募文檔及視頻教程合作者），希望大家能夠快速上手。 * [MDB 5pro快速入門](https://www.bilibili.com/video/BV1fv411j7ud) * [前端開發工具MDBootstrap 快速上手指南](https://www.bilibili.com/video/BV1aQ4y1R7nk) * [前端開發工具mdbootstrap使用教程](https://www.bilibili.com/video/BV1YA411N7fd) * [MDB 5-的三種安裝方法](https://www.bilibili.com/video/BV1oB4y1w7e9) * [MDBootstrap 5專業版安裝教程](https://www.bilibili.com/video/BV17v411L7hC) * [如何更新MDBootstrap項目到最新版本](https://www.bilibili.com/video/BV1av41177aG) * [MDBootstrap如何快速啟動開發項目](https://www.bilibili.com/video/BV1754y1b7Yg) * [MDBootstrap CLI 1分鐘/快速啟動](https://www.bilibili.com/video/BV1Qh411U7kB) * [WEB前端工具 MDbootstrap-CLI 30分鐘快速建立自己的項目](https://www.bilibili.com/video/BV1Rb4y1f7Q6) * [MDBootstrap命令行教程| 加快并促進項目創建](https://www.bilibili.com/video/BV1PU4y1L7pY) * [MDBootstrap 5插件的安裝和使用 WEB前端開發工具教程](https://www.bilibili.com/video/BV1x54y1V77H) * [如何使用MDB支持論壇](https://www.bilibili.com/video/BV1A84y1F7UJ)