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

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

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

亮点介绍:

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 条评论 发表评论

发表评论

以下作品你可能也喜欢:
推荐

软件版本:Axure 8.1 产品类型:高保真APP原型模版 作品简介:本作品为阅读行业APP,所有元件均可复用,可作为阅读行业移动端原型设计模板,后续会完善更多功能模块,一次购买永久免费更新!!! 作品更新记录 *2023-06-16  …

售价:¥ 69.90 销量: 65 12473
推荐

患者主索引(Enterprise Master Patient Index,EMPI)简单来说,它是患者基本信息检索目录。 患者主索引在医院的作用随着医院信息化建设的发展,从原有HIS系统的基础上,逐步发展出LIS、RIS/PACS、手术麻…

售价:¥ 19.90 销量: 34 6643
推荐

一、目录: 首页 课程列表 V1 课程列表 V2 课程列表 V3 课程详情 试题列表 在线考试 作答详情 资讯列表 资讯详情 关于我们 二、演示地址:请点击 三、本案部分图标使用了Font Awesome字体,预览是若遇图标无法正常显示,请…

售价:¥ 38.80 销量: 86 6968
推荐

作品名称:「Axlab」自适应简约企业官网模板— 简单清爽的企业静态官网 作品标签:高保真、web端、框架原型 最新版本:v1.0 主要适用:Web端 软件版本:Axure 8.1 部分作品图片展示:

售价:¥ 26.00 销量: 66 3749
推荐

本作品为经过实际工作检验的积分商城后台原型界面,不仅包含了几十个原型设计界面,还包含了产品设计过程中主要业务的流程分析。 因此可以直接应用到工作当中去

售价:¥ 25.00 销量: 34 11308
推荐

大话作品推荐 【真实模拟系列】全套SCRM电商会员管理系统——点击获取 【真实模拟系列】CRM+OA集成后台权限管理系统——点击获取 【高保真元件库】Element 动态web元件库——点击获取 更多优质作品请进——大话产品工作室 Axur…

售价:¥ 159.00 销量: 51 16133