2课件投票与统计系统

1、投票与统计系统目目录录CONTENTS01http请求与回复02简单html网页制作与跳转03投票数据筛选04投票数据显示http请求与回复01创建用于创建Web服务的HTTP端点URL为访问的地址，下图所示访问地址为：:1880/select将响应发送回从HTTP输入节点接收的请求，通常和http in节点搭配使用Header为消息头，这里不用单独配置简单html网页制作与跳转02form actionform是一个表单，action是转向地址，即form表单需要提交到哪里。下图所示即为跳转至result界面xxxxx网页设计中定义段落的标记，称为开始标记，称为结束标记。把

2、一段话写在这两个标记中间，在用浏览器浏览的时候，浏览器会把这一段话显示为一个段落简单html网页制作与跳转02input typetype 属性规定 input 元素的类型,右表所示为type常用的几种类型，这里使用单选按钮，单选按钮允许用户选取给定数目的选择中的一个选项请使用 来输入空行，而不是分割段落。下图所示每一个选项后面都有一个换行，提交按钮与红楼梦选项之间有两个换行，即间隔一行。是HTML语言的标签（tag），意思是主体，所有的标记内容在两个body中间来进行填写，不带斜杠的为左括号，带斜杠的为右括号。简单html网页制作与跳转02payloadpayload是一种以JSON格式进行

3、数据传输的一种方式，这里是将上一页面提交的数据进行显示，这里的形式与Value Format一致，具体可参考： 简单html网页制作与跳转02投票数据筛选03票数统计context.get(xxxx)获取一个节点范围内的上下文context.set(xxxx)设置一个节点范围内的上下文带单引号的变量和不带单引号的区别区别为不带单引号变量通常数据流过即丢失，是短暂记忆的，带单引号的相当于是一个容器，具备记忆效果，即使数据流过，也不会丢失。但是，context属性只能影响到一个节点范围，也就是里面的数据只能自己使用。投票数据筛选03数据分配提取名字payload、topic与键值payload与t

4、opic是并列关系，Payload意思是有效负载或载荷。如果把数据包比喻为一辆货车，那么topic是货车的品牌，payload就是货车上的货物。而CNT1、CNT2、CNT3。这些是payload下面的键值，相当于是货物分类，货车上有食品、日用品、危险品等等。示例中，提取名字是将payload的值放入到name这个键值中，假如接收到的payload是“三国演义”，则将“三国演义”放至payload下属的name键值中。数据分配则根据不同的name，定义topic，这里定义topic方便chart控件进行显示。投票数据显示04柱状图（票数对比）饼状图（占比）文字显示（总数统计）投票数据显示04chart节点的作用是将输入值绘制在图表上。这可以是基于时间的折线图，条形图（垂直或水平），或者饼图。每个输入msg.payload值将被转换成一个数字。如果转换失败，则消息将被忽略。最小和最大Y轴值是可选的。如果没有设置最值，该图表的范围将根据接收的值自行扩展。使用不同的msg.topic可以在同一个图表上显示不同的多个连续数据。同一串连续的数据也可以用msg.label来显示不同的小节。X轴定义了一个时间窗口或显示的最大点数。较老的数据将自动从图中删除。轴的坐标名称可以用特定的格式进行格式化。输入的msg.payload如果包含空数组的话，会清空表格