zoukankan      html  css  js  c++  java
  • Legolas工业自动化平台入门(二)数据响应动作

    在上一篇文章Legolas工业自动化平台入门(一)搭建应用里,我们简单地提到了“动作”的概念。不清楚的童鞋不要着急,这篇我们就来介绍如何在Legolas平台上添加动作,并应用动作。

    概念介绍

    “动作”从使用场景角度可以分为数据响应动作事件响应动作,其中事件响应动作又可以细分为交互响应动作逻辑事件响应动作

    “动作”是一个JavaScript的function,参数是包含属性值的绑定关系(relation):
    {bid:’’, property:’’, action:’’, value:’’}
    “动作”的作用域为模板对象,即this是模板对象,能操作模板对象的任何属性。

    在上一篇中提到的动作是数据响应动作,这篇我们主要说明的也是数据响应动作。数据响应动作指的是当模板对象接收到绑定的属性值后,要做的动作。每个模板都有默认的数据响应动作,但是也可以自定义,编辑时添加。

    添加动作

    在“关系绑定”tab下的“动作”表中,管理所有的“动作”,点击“+”按钮:
    1

    在弹出框中,添加新的“动作”:
    2

    在“动作”代码中,Legolas内置了代码编辑器,有行号,缩进,js语法检查,错误提示,告警提示等,可以很轻松的编写“动作”内容。
    3

    如果是对“动作”的修改,保存之后,新的内容立即起作用。

    应用动作

    应用动作,将“动作”拖拽到关系表中对于的关系上即可,如下图所示:
    4

    最后念叨几句javascript。由于Legolas前台使用Javascript编写,因此Legolas中的“动作”也使用Javascript语言定义。Javascript语言轻量,语法简单,学习成本低,各大浏览都能支持JavaScript,近些年的支持力度也不断加大,所以我们会继续走js的路线。对Legolas感兴趣的童鞋,可以到这里申请一个试用,申请的时候注明一下“自动化产品”即可,我们准备了一些相关的Demo供你们玩耍噢。

  • 相关阅读:
    GIT配置及用法
    Web前端深思
    SPA解释:单页应用程序
    对 Sea.js 进行配置(一) seajs.config
    前端开发知识体系技能点【根据自我学习顺序】
    App性能提升方法
    浅谈Bootstrap自适应功能在Web开发中的应用
    《写给大家看的设计书》 读书笔记(三)
    《写给大家看的设计书》读书笔记(一)
    《写给大家看的设计书》读书笔记(二)
  • 原文地址:https://www.cnblogs.com/twaver/p/4992145.html
Copyright © 2011-2022 走看看