Thingworx学习笔记一(创建单表及界面展示)

     大家好,写此文章的目的是为了留记录,因记忆力不好,方便之后学习,想学习Thingworx平台的朋友也可参考,有错之出,还望大家指正。谢谢!

1、创建DataShape,主要创建表结构。

  1>  在左侧菜单选中【Data Shapes】,点击旁边的+,也可点击【New】按钮。

Thingworx学习笔记一(创建单表及界面展示)_第1张图片

 2>  在打开的界面上输入名称,点击【save】按钮。

Thingworx学习笔记一(创建单表及界面展示)_第2张图片

  3>  创建字段,在左侧选择【】,点击按钮【】,在打开的页面上创建表格字段。

Thingworx学习笔记一(创建单表及界面展示)_第3张图片

    4>  创建好的字段如下图所示,点击按钮【Sava】保存信息。

  Thingworx学习笔记一(创建单表及界面展示)_第4张图片

2、创建DataTable,与DataShape绑定,表数据存储在DataTable中。

   1> 在左侧菜单选中【Data Tables】,点击旁边的+,也可点击【New】按钮。

Thingworx学习笔记一(创建单表及界面展示)_第5张图片

  2>  在打开的页面上填写名称,选择创建好的DataShape,点击【Sava】按钮。

Thingworx学习笔记一(创建单表及界面展示)_第6张图片

 3> 在左侧选择按钮【】,在右侧区域给表格添加测试数据。

Thingworx学习笔记一(创建单表及界面展示)_第7张图片

3、创建页面,用于展示数据 。

1> 在左侧选择【】下的【】,点击+或者点击按钮【New】。

Thingworx学习笔记一(创建单表及界面展示)_第8张图片

2>  选择Grid,拖放到中间面板中,然后点击右侧的按钮【+】。

Thingworx学习笔记一(创建单表及界面展示)_第9张图片

 3> 在打开的页面上选择【Data Tables】,选择创建的表。

Thingworx学习笔记一(创建单表及界面展示)_第10张图片

 4> 选择方法【】,点击箭头【】,在右侧展示区勾选【Mashup Loaded】,用于页面展示时自动加载数据,点击按钮【Sava】。

Thingworx学习笔记一(创建单表及界面展示)_第11张图片

 5>  将右侧区域的AllData拖放到中间区域,选择【Data】。

Thingworx学习笔记一(创建单表及界面展示)_第12张图片

 6>  点击上方按钮【Save】,输入【name】,用于保存页面信息。

Thingworx学习笔记一(创建单表及界面展示)_第13张图片

  7> 点击按钮【】,就可以访问页面,展示数据信息啦。


你可能感兴趣的:(Thingworx笔记)