>[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)