需求:需要搭建一个调度平台,需要一个演示demo,所以需要搭建一个调度平台web原型
工具:摹客RP
工具下载:https://app.mockplus.cn/
去官网找类似的模板去改
官网模板地址
模板地址:https://www.mockplus.cn/example/rp
将官方分享的模板保存到自己的个人或者团体工作目录下
个人空间/团队的项目免费版只能存放3个项目。如需要多个可以购买VIP
可以删除,然后去回收站找回,15天内。
打开模板点击编辑/保存
点击保存
回到摹客rp软件,选择工作空间,点击右侧的刷新就能看到保存的项目。
需求简化:画出各个页面的样子,添加交互实现各个页面来回跳转
图层常识:不同图层,越靠前的图层越在上层。
如图 矩形15组件是一个矩形的数据条,但是在他上面有一个热区组件,我们在网页是选不中矩形15组件的,因为热区组件顺序靠前,它所在图层在矩形15所在图层上面,把矩形15组件覆盖了。
多个组件合并成组
在图层界面,选多需要合并的组件
如图是导航用户管理按钮的组件,我们可以把这些组件选择,然后点击正上方的编组按钮(ctrl+G),然后就能看到合并的组,我们选择这个组就能选中合并的所有组件。
组件添加交互
选择组件,添加需要的交互
小tips:把画的组件存为资源,同一内容直接调用组件就可以,且组件改动一处就能同步改动了。
选中组件,右键组件存为资源,重命名(你想保存的名字),勾选资源相互引用,并开启同步修改,确定。
在左侧下方组件就能看到我们刚才保存的组件。