WEB端开发交互原型模板 – 常规模块,可直接输入字段,自动生成,列表页(带中继器数据),新增页,编辑页 的高保真交互的页面

27040855-722x361

文件说明:本原型,既为了满足面对客户演示时的高保真要求,也用于面对技术需求沟通时的确认。

更新说明:加入中继器全交互模板。可以直接使用,页面更简洁,多种模式都在一个原型中。

亮点介绍:

1,可以选择自己合适的模版直接使用。

2,页面元素也都提取到单独一页,单独修改样式,统一更新。对于字体,字号,颜色,背景等,无需一处处修改。

3,有专门输入页面字段的表格,现成己设置最多20个字段(输入框或下拉列表)。完成和中继器的全交互。

不足20个的预览时会自动隐藏。

模式一功能介绍

1,主页面分别加载4部分内容(1 head, 2 menu, 3 button, 4 list page)。这4部分内容,交互都通过函数实现。

请仔细查看每一处交互。

2,所有页面中对于数据的新增,编辑,使用弹窗。由于使用跨页面通过内联框架做交互,目前RP无法实跨内联框架

传值。希望后期的RP版本改进。

3,所有列表页面与新增编辑的弹窗页面中的字段,统一在字段表格中填写和修改。字段表格备注对应的字段格式,

演示时字段表格会自动隐藏。字段完成后,对于表格中的示例数据(中继器)进行对应修改。

*目前预设了15个字段,如果需要增加请参考系统中的交互,增加字段。有以下几处需要增加字段,并做相应的交互。

列表页面,1,字段表格,2,列表表头。3,列表数据中继器。

新增页面,1,字段表格,2,页面表单

4,当列表字段确认好,完成以后,再按需把字段内容复制到新增页面的字段表格中。然后对新增页面的输入框,选择框等编辑,

完成后,调整背景图片的大小。弹窗加载时会自动按背景大小加载。

新增页面完成以后复制一个页面成为编辑页面,注意把页面标题改成“编辑**”。

   

模式一优点:

1,对于同类型的页面,不需要再做复杂的交互。页面的大小自动适应,弹窗的大小也会根据弹窗的背景图片大小自动加载,

并自动移动到窗口中间。

2,字段确认以后,直接粘贴字段进入字段表格。即完成页面的内容。列表页内容都是中继器,己经实现查询,页面统计,翻页,

关键词搜索,后续方便做增删改。

3,页面的按钮,根据列表页加载的内容不同,显示不同,功能也不同。可以一一做交互。或都按类别做交互。

4,极大加快RP制作速度。更专注于内容的挖掘。

5,方便分工协作。交互一个人,内容多个人,美工一个人。互不影响。

6,更多优点期待您的发现,给您惊喜。

无法做到跨页面的变量传值。但每个页面都可在列表中查看。节省和技术沟通的成本,工作量一目了然。

模式二优点

交互全保真。所有中继器的增删改查,都实现。并且自动判断新增编辑页面文本输入框,列表选择框。

无需把过多精力放在交互和页面的开发上。

为了更强的交互,把新增和编辑及提醒页面放在菜单页面中(使用动态面板)。所以和技术沟通时可能会有丢工作内容的情况出现。

1 条评论 发表评论

发表评论

以下作品你可能也喜欢:
微信图片-20190820110720
推荐

支持Axure 8.0/9.0版本,一次性购买,终身免费更新,内容较多,请慢慢欣赏。 【同款元件库】:【Tczy交互元件库】移动端元件库+可视化+业务库 【同款元件库】:Keen-Bootstrap 4 全套元件库【Tczy出品】 【同款】…

售价:¥ 69.90 销量: 595 21593
未标题-1
推荐

2020年12月14日更新 原型模板部分:新增员工管理、部门管理 web组件部分:中继器中新增了中继器加载、中继器+表单元素、树+中继器 》》》》》》 2020年11月30日更新 数据可视化部分:新增了2个登录页和一个栏目选择页 web组件…

售价:¥ 66.00 销量: 290 9611
封面
推荐

持续更新,同步更新到 V 1.1.6,可以作为系统演示用,做了非常多的交互,而不是冷冰冰的图片,多点击些地方试试 内联框架显示视频要转成html和视频放一起才可以显示,这里只上传原型文件,因此直接用图片代替 包含的内容很多,用户名:root…

售价:¥ 99.00 销量: 137 11677
P0.5
推荐

本作品一次购买,永久免费更新升级,版权归腾讯所有。 新冠肆虐,在线视频、远程会议/视频会议工具异常火爆, 腾讯会议,以功能简单易用,快速杀出重围,并被联合国采纳, 脚踏企业微信,震慑阿里巴巴的钉钉、字节跳动/今日头条的飞书,飞踹海外 Zoo…

售价:¥ 59.90 销量: 16 2471
LIB001v2
推荐

作品名称:AxureUX WEB前后端交互原型通用元件库 v2 作品类型:元件类/模板类 主要适用:Web端 软件版本:Axure 8.0 作品编号:LIB001v2 特别说明: 1、本作品使用Axure RP8制作发布,同时兼容9,为了照…

售价:¥ 69.00 销量: 242 7922