justinmind零基础系列教程之数据母版

文章目录

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

举个例子:你想设计一个商品列表页,如果不用数据母版,你将会一个一个的将商品图片、内容添加到原型中,10个商品,你添加10次,且是一个静态的页面,你无法对商品进行更改、添加、删除等操作,而如果用数据母版,以上得问题都全部解决。

创建数据母版

 

我们在数据母版区点击“+”,即可创建一个新的数据母版,如下图:

创建数据母版

创建数据母版

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

添加数据母版数据

 

完善添加数据字段内容

完善添加数据字段内容

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

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

显示数据母版内容

 

创建数据网格

创建数据网格

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

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

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

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

至于如何添加、修改、删除数据母版的数据,我会在事件的教程中讲述。更多教程、问题请加QQ群:374358071讨论。

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录