实例

把单位m/s自动转成单位km/h的例子。例如:输入12单位是m/s自动转为km/h是多少呢?

1. 新建页面为examples.html。然后打开浏览器,打开百度首页。按Ctrl+a全部选中,出现下面图片说明已经选中。

2. 进入examples.html编辑页面,点击清空数据。Ctrl+v粘贴百度首页。

3. 在对应位置输入计算结果:如下图。

4. 全部选中计算结果,点击最下面蓝色条上最后一个div。

5. 在弹出的菜单中选择逻辑。在元素 inline-style中输入font-size: 22px;margin-left:-250px;最后点击确定。

6. 然后点击百度输入框,在最下面蓝色条选择最后一个input。选择逻辑把元素id和元素name分别设置为kw。

7. 新建接口examples.create.json。创建方式和创建页面一样,只不过把创建视口的对勾选中。

8. 进入examples.create.json接口代码编辑页面,进入方法如下。

9. 设置输出参数。点击代码选择输出信息设置。

10. 点击图1位置在点击图2的Append。设置success:true。

11. 设置输入参数,点击代码选择输入参数设置在名称设置kw、输入方式选择post、必须项选择是。

      错误信息设置为请输入内容、格式选择数字、不是数字错误提示设置为请输入数字。

12. 设置完以上参数最后先点击保存当前输入。再点击确认输入并关闭。

13. 再设置一个参数successUrl其余什么都不用设置,直接点击下面的保存当前输入,再点击确认输入关闭。

14. 插入代码段。点击代码选择公有代码段。进入点击添加。

15. 插入数学公式代码段。先搜索数学公式段,再点击加入。

16. 把生成的代码段拖曳到代码段容器内。

17. 再从新插入一个变量采集代码段,设置如下。

18. 再从新插入页面跳转代码段,设置如下。

19. 发布examples.create.json接口。

20. 到examples.html代码编辑页面。设置输出参数为success:true方法同上。添加自定义代码段。最后保存。

21. 上一步保存完会看到这样的代码段。如下图,在代码段中添加finish_data.jieguo=inputs.jieguo;。

22. 设置完自定义代码段后发布,方法同上。

23. 标注,进入examples.html%26%23x7F16%3B%26%23x8F91%3B%26%23x9875%3B%26%23x9762%3B%26%23x3002%3B%26%23x5728%3B%26%23x8BA1%3B%26%23x7B97%3B%26%23x7ED3%3B%26%23x679C%3B%26%23x540E%3B%26%23x9762%3B%26%23x52A0%3B%26%23x4E0A%3B%7B%7B%3Dit.jieguo%7D%7D%26%23x3002%3B

24. 点击百度一下按钮,点击下面蓝色条上的最后一个input,在弹出的菜单中选择逻辑。

25. 设置如下。

26. 最后保存,发布查看效果。在输入框中输入数字,在下面的结果会把对应的数据显示出来。