MDP移动端开发平台初了解（一）

最近公司采购了这款产品（后来我去网上搜索了下，人家是免费的！！！），让我们使用这个进行新产品的开发。发现使用中还是需要一定的基础的，遂整理下我的开发过程（这样我就不用解答新来的问的笨笨的问题的，直接网址一扔，完美）。

1. 项目搭建

基于springboot开发，官方提供了源码项目，正常导入IDE、引入依赖就可以使用了，这里不做过多的赘述。如果对springboot不是很了解的朋友，可以自行百度一下，其实也就是spring+springmvc的快捷使用版。

 

1. 打开设计器

访问地址是由application.yml中的server.port（启动端口）和server.context-path（项目名）决定的。 “/mdp”是他们入口路径。

第一步，新建页面了，首先在左面属性配置录入页面的信息（焦点在设计区域两边灰色区域时，可以出来），在需要在设计区域（就是中间的手机）中拖入任意一个容器或者组件即可，最后就是点击左上角的保存按钮即可完成。

接下来我们点击左上角的模板库，即可在其中看到我们新建的页面，我们可以双击其进行重新编辑等操作。

 

第二步，设计页面了，这里有一个重点，决定你是用这款产品的上限能有多高、下限能有多低！理解了这个就好。该产品的页面有三个组成部分，容器、栅格、组件。

容器（panel）：是页面的基本组成部分，它下面有子元素栅格（col）。

栅格（col）：是容器的子元素，它用于承载组件的布局。

组件：是具体内容的展现，具有多种类型。

它们之间的关系就好像：

如果我们把容器比喻成一间房屋，栅格就好像里面的一个个房间，组件就是房间里的一个个装饰用的家具。在栅格这种房间中，组件家具是可以随意布置的，在房屋中，房间也是可以设计的。

在上图，我们可以看到红框选中的就是容器，虚线就是栅格了。组件可以自行拖拽进来。

MDP移动端开发平台官网：http://product.mftcc.cn/mdp/

开发交流群：723684102