浅谈MockPlus

最近在做项目的第一轮迭代，而自己主要是负责项目前端这一块，因为要与客户讨论客户需求，所以需要使用一些原型设计方便我们的讨论，因此邂逅了MockPlus，通过使用MockPlus我觉得这是一款非常好用而且便捷的软件，于是在这里把它推荐给大家，顺便给大家演示一遍它的基本使用过程。

工具：MockPlus2.2.6

一：我使用的版本是2.2.6，所以在此演示也是2.2.6版本，打开MockPlus，新建一个项目，页面随之会跳转到一个选择页面，我们以制作网页原型为例，所以选择网页。

二：页面之后会跳转到如下页面，图中红笔标出为项目及项目下页面，我们双击即可修改项目名称，如果项目下需要多个页面，点击图中蓝笔圈出的加号，即可添加新的页面。

三：首先我们只做一个简易的登录页面，如下图，从组件栏中选中矩形框直接拖拽到页面当中，调整到合适大小，双击矩形框可以修改矩形框中提示字。选中矩形框还可以在右下角“属性”一栏中修改矩形框的属性。

四：按照三中提到的方法，再拖入两个输入框和一个确认按钮，并修改其属性，完成登录界面的设计。

五：在项目下新建一个页面，命名为“个人中心”，按照三四的方法进行设计，如下图。

六：回到登录页面，选中登录按钮时，按钮右上角出现一个小框，点击其中小圆点，连线到个人中心，如图所示，这样可以保证预览时点击登录就可以直接跳转到“个人中心”页面。

七：保存，点击页面上方小三角，进行演示，尝试一下，是不是点击登录的时候就可以直接跳转到“个人中心”页面呢？

是不是感觉很好用啊，今天就给大家讲这么多，MockPlus可以实现的功能还有很多，这里就不一一讲了，需要大家自己去挖掘。