快捷搜索:  汽车  科技

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML参考我们手册第一个文章中的2分钟的计算器功能的拖放连线开发演示,可学会无代码开发是如何开发软件的本文为TERSUS无代码开发手册文章,供参考学习使用,在有需要详细了解对应内容时细看学习,敬请关注并转发文章上例中我们先设计了一个数据结构并赋值做了处理(和XML处理一样) 数据结构传给Create JSON元件,输出结果为文本字符串 合成的文本传给浏览器显示块的一个Text Display文本字符串显示元件 运行以上项目后浏览器显示合成的XML文本JSON文本转为数据结构上例为获取外部数据文件是用Read Resource(从一个文件路径读取内容元件)获得二进制内容 注意Read Resource元件需要在服务器端运行处理,所以将其放入一个Service服务器行为元件中 二进制内容再转为文本信息,文本信息在下图逻辑中由Parse JSONParse JSON(文本转为JSON数据信息元件)来处

XML文件使用

合成XML格式文本

  • 用Serialize XML(合成XML格式文本元件)将数据转换为XML文本

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(1)

上例中我们先设计了一个数据结构并为数据结构中变量做了赋值处理 数据结构作为输入对象传给Serialize XML,输出结果为文本字符串 以上示例中,合成的文本传给浏览器显示块的一个Text Display文本字符串显示元件 Serialize XML默认输出为二进制代码,当输出连线给文本显示元件时其类型自动变为TEXT文本 · 可以选中<XML Document>输出按F2弹窗进行连接前后的确认

  • 运行以上项目后浏览器显示合成的XML文本

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(2)

XML文本转为数据格式

  • 用Parse XML(文本转为XML数据可视化对象元件)来将XML文本转为数据结构
  • 实际项目中的使用方式为:由外部(如Json案例中使用外部第三方在线的股票数据文件)XML文件转入Parse XML,查看外部XML文件结构,设计对应名称的数据结构,数据结构是我们在无代码开发过程中主要使用的可视化对象,用数据结构进行循环逻辑运算或转为数据库记录后再将信息存入数据库
  • 以下为我们测试转换后的对象是否一致的验证逻辑(可以为最终输出的OK连一个提示弹窗运行确认是否一致)

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(3)

以上示例是个验证逻辑,正常开发中,重点是研究外部XML文件的格式,设计出数据结构 用Parse XML元件来将外部XML文本转为数据结构,用数据结构来做更多逻辑开发处理 Parse XML元件默认输入<XML Document>为二进制对象,当连接从 Serialize XML传来值后输入<XML Document>自动变为输入对象的类型 · 可以对输入<XML Document>按F2弹窗进行连接前后的确认

案例:以下为一个设计读取RSS的XML内容并转为数据结构的演示

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(4)

  • 按XML文件内容设计输出可视化数据对象的开发演示

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(5)

Json数据处理

合成JSON文本

  • 用Create JSON(生成JSON文本元件)来合成JSON格式化文本

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(6)

上例中我们先设计了一个数据结构并赋值做了处理(和XML处理一样) 数据结构传给Create JSON元件,输出结果为文本字符串 合成的文本传给浏览器显示块的一个Text Display文本字符串显示元件

  • 运行以上项目后浏览器显示合成的XML文本

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(7)

JSON文本转为数据结构

  • 用Parse JSON(文本转为JSON数据信息元件)来将JSON文本转为数据结构
  • 实际项目中的使用方式为:由外部(此案例中使用腾讯在线股票数据JSON文件接口)JSON文件转入Parse JSON元件,查看JSON文件结构,设计对应名称的数据结构,用数据结构进行循环逻辑运算或转为数据库记录显示在用户端或转为数据库记录将信息存入数据库
  • 外部数据读取并转为文本信息

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(8)

上例为获取外部数据文件是用Read Resource(从一个文件路径读取内容元件)获得二进制内容 注意Read Resource元件需要在服务器端运行处理,所以将其放入一个Service服务器行为元件中 二进制内容再转为文本信息,文本信息在下图逻辑中由Parse JSONParse JSON(文本转为JSON数据信息元件)来处理为数据结构内容 外部JSON数据采用腾讯网的股票信息:http://web.ifzq.gtimg.cn/appstock/app/fqkline/get?param=sh600230 day 16 qfq&r=0.2754287730502425,可以在线查询相关说明,直接浏览器输入此路径可查看JSON文本内容,进一步分析并设计出JSON数据结构对象

  • 开发完整处理逻辑

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(9)

上例中是一个完整的使用逻辑: · 外部股票数据文件读取后转为JSON文本内容 · JSON文本内容转为数据结构内容 · “显示转化”中将数据结构中的复数的数据部分,转为表格行显示对象传给父级引用块中的表格显示元件的行显示对象

  • 运行后浏览器表中即显示了获取的股票信息

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(10)

字符串数据用符号转为数据结构对象

  • 用Parse(生成数据结构对象元件)来将"08:20"等结构的时间转为秒数数据

前端怎么使用json模拟数据?3小时学会无代码软件开发---XML(11)

Parse生成数据结构对象元件输出的Time数据结构对象需要定义一个分隔符属性 · 属性名称--值:format.separator--: · 属性定义方式参考“开始开发”一章“元件属性”一节内容

*****

本文为TERSUS无代码开发手册文章,供参考学习使用,在有需要详细了解对应内容时细看学习,敬请关注并转发文章

参考我们手册第一个文章中的2分钟的计算器功能的拖放连线开发演示,可学会无代码开发是如何开发软件的

想学无代码软件开发的学员请先学习3小时免费教学视频,3小时内可学会开发并开发出一套管理软件系统,然后看手册及其他视频来进阶提高快速成为高级开发人员

猜您喜欢: