Justinmind使用教程(4)——管理数据模板

前面Justinmind的学习内容包括:

Justinmind使用教程(1)——概述部分

Justinmind使用教程(2)——计算表达式及条件使用方法

Justinmind使用教程(3)——管理原型

本章将教大家使用管理数据模板,效果图如下。

数据母版,即justinmind软件的数据库,掌握好数据母版,将对你制作高保真原型提供很多大得帮助。

.

1、创建数据模板

我们首先需要填写数据母版名称(例如:新闻news),然后创建该数据母版的字段(例如:新闻的数据字段有title、content、date),然后选择数据字段的类型,类型包括:text(文本)、date(时间)、category(类别)、True/False(是否)、file upload(文件上传)、multi category(多选),然后点击“确定”,一个数据母版就创建完成,你可以在数据模板区看到刚创建完的数据母版;

2、添加数据模板数据

完善添加数据字段内容

数据母版创建完之后,里面是没有数据的,需要我们手动添加数据。双击数据母版名称,点击“查看和编辑记录”,如下图:

添加每个字段的内容,然后点击“确定”,到这里,你的数据母版就算创建完毕了。

3、创建数据网格

数据母版创建完了,但是我们还需要把数据展示出来,这样你才能在原型中看到效果,这里我们就要用到部件“数据网格(date grid)”,把它拖到原型编辑区,它会自动弹出编辑界面,如下图:

填写标示符,选择数据母版,选择要显示的数据母版字段,点击“OK”,然后把该数据网格放到你的原型中。

点击“模拟”,见证奇迹的时刻!

默认情况下,数据字段会横向排列,可能已经超出你的手机屏幕,这时就需要你调整数据字段的排列,使其纵向排列,或者自由排列,达到你想要的任何效果(这些小技巧可以加入QQ群探讨)。

至于如何添加、修改、删除数据母版的数据,我会在事件的教程中讲述。更多教程、

时间: 2024-08-04 21:13:36

Justinmind使用教程(4)——管理数据模板的相关文章

Justinmind使用教程(3)——管理原型

前面已经介绍了Justinmind的概述以及通过Justinmind实现简单的计算器功能 Justinmind使用教程(1)--概述部分 Justinmind使用教程(2)--计算表达式及条件使用方法 本章将回到最原始的部分,以iphone 5为例,介绍如何管理原型(创建.编辑.保存). 1.打开Justimind后,弹出如下界面,你可以创建原型,也可以打开之前的原型 2.创建原型 3.选择下一步后,可以看到创建空的原型,也可以基于现有模板的原型 5.选择一个example后,点击finish,

Cacti 模板(图形模板、数据模板、主机模板)与自定义监控脚本

Cacti定义了三种类型的模板,分别是 主机模板 数据模板 图形模板     主机模板(Host templates),它是图像模板和数据查询的一个集合,描述了监控某一类型的机器需要生成那些图像. 数据模板(Data templates),它描述了 Cacti 存储哪些数据到指定类型的 RRD 文件.该模板与 RRDTool 工具的 create 命令相关. 图形模板(Graph templates),描述了生成的一张图像应该是什么样子的.包括使用哪些数据模板.展示哪些元素.是否使用 CDEF

Angular系列---- AngularJS入门教程03:AngularJS 模板(转载)

是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点.考虑到这一点,我们用AngularJS来为我们的应用添加一些模型.视图和控制器. 请重置工作目录: git checkout -f step-2 我们的应用现在有了一个包含三部手机的列表. 步骤1和步骤2之间最重要的不同在下面列出.,你可以到GitHub去看完整的差别. 视图

Angular系列----AngularJS入门教程01:AngularJS模板 (转载)

是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点.考虑到这一点,我们用AngularJS来为我们的应用添加一些模型.视图和控制器. 请重置工作目录: git checkout -f step-2 我们的应用现在有了一个包含三部手机的列表. 步骤1和步骤2之间最重要的不同在下面列出.,你可以到GitHub去看完整的差别. 视图

[转载]AngularJS入门教程02:AngularJS模板

是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模式解耦代码和分离关注点.考虑到这一点,我们用AngularJS来为我们的应用添加一些模型.视图和控制器. 请重置工作目录: git checkout -f step-2 我们的应用现在有了一个包含三部手机的列表. 步骤1和步骤2之间最重要的不同在下面列出.,你可以到GitHub去看完整的差别. 视图

Windows AD证书服务系列---部署及管理证书模板(1)

一个证书就是一组小容量的数据,这些数据包含了它自身的几条信息.这个数据可以包含自身的Email地址,名字,证书使用类型,有效期,AIA和CDP位置的URL.证书还可以包含秘钥对,秘钥对中的私钥和公钥被用来进行身份验证,数字签名和加密.当证书在以下条件中使用时会生成秘钥对: 当内容被公钥加密了,它只能通过私钥来解密 当内容被私钥加密了,它只能通过公钥来解密 一个单独的秘钥对中,找不到其他同一关系秘钥 在合理的时间内,无法通过公钥推导出私钥,反之亦然 在注册的过程中,秘钥对会在客户端上生成,然后公钥

Mongodb for PHP教程之管理工具

1:下面的事情应该是PHP程序员应该了解的,更详细的参考可以百度谷歌之 mongodb PHP官方文档http://us.php.net/manual/en/book.mongo.php 1.MongoDB是一个单独的服务器 2.MongoDB是基于文档,而不是基于表 3.MongoDB较少的Schema 4.你不需要另外学习一种语言 5.MongoDB有良好的PHP支持 1.MongoDB是一个单独的服务器 code text就像mysql和postgresql一样,MongoDB将监听接入的

免费的Bootstrap管理后台模板集合

Free Bootstrap Admin Templates for Designers 1. Admin Lite AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. 2. Dashboard Sidebar 这是一个管理后台模板,拥有控制面板或仪表板.这个模板有一个可折叠的工具栏菜单,并且有可以作为一个数据网格的表格. 3. DevOOPS DevOOPS是一个自适应免费管理仪表板主题,

EMVTag系列9——卡片管理数据

?  5F30    服务码 F: n 3 T: 5F30 L: 2 -O(可选):可选数据元 按GB/T 17552标准,卡片中的服务码(5F30) 的值,要和二磁道等效数据57中的服务码的值完全一致,如果卡片存在磁条且二磁道有数据,亦要和磁条二磁道数据中的服务码的值一致. ?  8C  卡片风险管理数据对象列表1(CDOL1) L: var. up to 252 -M(必备) 列出第1个生成应用密文命令中,卡片请求终端传送的数据.用于支持密文版本01和授权控制处理过程.内容是终端数据对象(标