文件说明:本原型,既为了满足面对客户演示时的高保真要求,也用于面对技术需求沟通时的确认。
更新说明:加入中继器全交互模板。可以直接使用,页面更简洁,多种模式都在一个原型中。
亮点介绍:
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,更多优点期待您的发现,给您惊喜。
无法做到跨页面的变量传值。但每个页面都可在列表中查看。节省和技术沟通的成本,工作量一目了然。
模式二优点:
交互全保真。所有中继器的增删改查,都实现。并且自动判断新增编辑页面文本输入框,列表选择框。
无需把过多精力放在交互和页面的开发上。
为了更强的交互,把新增和编辑及提醒页面放在菜单页面中(使用动态面板)。所以和技术沟通时可能会有丢工作内容的情况出现。
没能理解预设了15个字段的具体效果,视频或动图体现下说明