在 Mockplus 设置页面链接,实现页面交互

在Mockplus中,可以轻松设置页面链接,方法有二:

一、直接拖拽

1 点击某个组件,此时组件上方出现小工具栏。

2 拖拽(点击后不放手)小工具栏上的那个闪电图标,一直拖到右侧的项目树中某个页面上。

3 行了,链接已经设置好。

如下视频:

二、手工详细设置

1 点击某个组件,此时组件上方出现小工具栏。

2 直接点击(非拖拽)小工具栏上的那个闪电图标,此时出现链接面板。

3 在链接面板上选择一个目标页面。同时设置动作和动画。

三、注意,目前,多链接的组件(比如树、列表、表格、选项卡等)不能直接拖拽,你得按照方法二,进行手工设置。

实现页面链接之后,当你在预览原型的时候,点击具备链接的组件,就可以跳转页面了。

时间: 2024-10-11 11:30:55

在 Mockplus 设置页面链接,实现页面交互的相关文章

java web程序 登陆验证页面 4个页面人性化设置

到这里,快期末考试了,老师不讲课,我心里有苦不想说,也许没有考虑到老师的感受,让老师难堪了 但是我的行为已不再是我可以做的了.不可能了,我只是职业性的机械的做事了. 思路: 1.第一个是form表单,用户输入用户名和密码,点击登陆按钮 a.jsp 2.第二是验证页面,如果不是那个用户名和密码,则显示登陆失败或错误,点击链接重新登陆ok.jsp d.jsp 3.当用户为输入任何数据,即为空的时候,则提示用户先登录,c.jsp 第一个页面,就不写了 验证页面 ok.jsp ? 1 2 3 4 5 6

基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现

在一个系统里面,往往有很多菜单项目,每个菜单项对应一个页面,一般用户只需要用到一些常用的功能,如果每次都需要去各个层次的菜单里面去找对应的功能,那确实有点繁琐.特别是在菜单繁多,而客户又对系统整体不熟悉的情况下,如果有一个类似浏览器的收藏夹模块,把一些常用的菜单连接保存起来,每次从这个收藏夹主页去找对应的页面,那样确实是省事省力,非常方便.本篇随笔就是介绍在基于Metronic的Bootstrap开发框架里面实现这个收藏夹的思路. 1.系统的收藏夹界面处理效果 为了实现这个收藏夹功能,我们也需要

1.5 页面链接<A>标签

<A>标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形.音频.视频)甚至到同一文档的另一部分的链接.当用户单击超级链接时,就会进入链接中指定的URL.超级链接可链接到:同一文档的特定部分,其他文档,其他文件——图像.音频.视频剪辑,其他站点等. 要创建超级链接,应指定以下两个组件: (1) 要链接文件的完整地址或URL. (2) 将提供链接的热点.热点可以是文本行,也可以是图像.当用户单击热点时,浏览器将读取URL中指定的地址并“跳”到新的位置. 锚记<A>标签用

基于Metronic的Bootstrap开发框架经验总结(13)--页面链接收藏夹功能的实现2

在上篇随笔<基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现>上,我介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理.该篇随笔主要使用功能按钮的方式移动收藏记录,功能虽然实现的还算不错,不过文章出来后,有读者同行指出可以利用直接拖动的方式实现排序更方便,因此对其中列表记录的排序进行了研究,从而介绍了如何利用Sortable开源JS组件实现拖动排序的处理,本篇随笔介绍了该组件在连接收藏夹排序中的应用. 1.收藏记录的排序处理回顾 上篇随笔介绍的收藏

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在. 这个时候,有两种方案可以比较快的解决: 1.利用h5的特性,使用cors,在ngnix服务器上设置header:Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域. 2.在我们的本地开发服务器上设置代理. 这里主要介绍使用vue-cli创建项目后,怎样配置本地服务器的代理,成功通过本地服务器代理请求数据的解决方案. 解决方案 进入config/

页面链接

在html文档中,使用<a>标签指引页面中链接的目标点.<a href="链接对象的路径">链接锚点对象</a>a是anchor href属性是超文本引用,该属性的值指定了链接的目标路径. 链接的地址指的是链接到锚点对象的路径,这个路径不仅仅是一个页面的地址,也可能是一个文件地址或一个邮箱地址. <a herf="mailto:[email protected]?subject=联系我&body=告诉我们你对网页设计的看法&q

小程序页面链接-navigator(导航)

navigator-页面链接-通过设置open-type的值来确定页面的打开方式. <view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator> <navigator url="../../redire

怎样设置Myeclipse的jsp页面为默认utf-8编码

作为企业级开发最流行的工具,用Myeclipse开发java web程序无疑是最合适的,Myeclipse的高耦合使得开发jsp页面变得异常的容易,由于UTF-8默认支持的语言最多,可以显示很容易的显示中文,日本语等很多国家的语言,所以我们通常将JSP编码方式设置为UTF-8. 简单介绍下MyEclipse吧!MyEclipse企业级工作平台(MyEclipse Enterprise Workbench ,简称MyEclipse)是对EclipseIDE的扩展,利用它我们可以在数据库和JavaE

HTML基础——网站友情链接显示页面

1.列表标签 有序列表:type默认是1,2,3--,reserved指降序排列 <ol type="I" start="" reversed="reversed"> <li></li> </ol> 无序列表:type默认是disc <ul type=""> <li></li> </ul> 2.超链接标签 <a href=&q