大家好,春天的百花绽放之际,各个行业也迎来了各自的新生与挑战。有的继续沉下心来夯实基础,有的大力发展出海业务,又或者通过顶级促销套路天女散花般地贩卖高仿保时捷……这厢 Mendix 各位技术小伙伴继续紧跟时代脉搏,在微信技术群,把一个个不可能变成没有不可能。

确实发现大家已经理解了这个概念,即低代码,可以做到高逻辑。这个高逻辑的复杂度,可以从很多角度切题。今天就跟大家分享一个大前端的复杂度,而且主打一个快速纯 coding 的 style😄

大前端么,为了把逻辑 coding 开心,从早期的 JavaScript,到后来的多种 js lib,不一而足。虽不至于军阀混战,但也群雄割据。。。Mendix 呢,干脆也直接支持 js 的 coding 了吧。所以大家都用过 nano flow 的 js action 了吧?如下图:

传统前端 JS 开发者有福了-LMLPHP

好处不言自明:可以高低结合,更灵活完成 activity 无法触达的某些实现方式。但是本文介绍一个更快的方法,即:

传统前端 JS 开发者有福了-LMLPHP

使用这个小部件可以在表单中添加一段HTML或JavaScript(例如嵌入YouTube视频或flash对象),或者通过添加任意HTML元素来增强样式。你听,直接在网页 HTML 里的<script>标签搞事情!那不就等价于传统开发模式的很多习惯了吗?或者 HTML 干脆也直接 coding 吧:

传统前端 JS 开发者有福了-LMLPHP

上面的运行效果立竿见影如下:

传统前端 JS 开发者有福了-LMLPHP

这个组件的更多的典型用例

  • 显示预定义的 HTML 文档
  • 加载 Java 小程序
  • 使用 JavaScript 而不是主题来操纵应用程序样式

它的能力,除了刚才上面演示,直接插 HTML外,还有

  • 嵌入原始 HTML
  • 嵌入原始 JavaScript
  • 加载外部 HTML/JS 文件

其中,js 的插入更是直截了当,甚至 jQuery 的语法也能支持😄

//for example, this code snippet will set the color of all your paragraph tags on the page to red.
$('p').css('color', 'red')
// or
jQuery('p').css('color', 'red')

怎么样,是不是可以激发大家的更多想象空间了?比如:

  • 在页面,通过这个组件,编写几句 JavaScript 来获取网页的元素,然后调整CSS,或者把一个列表的某个 column 都累加求和?
  • 或者设置页面基本的 event
  • 或者……

总之,链接如下:https://marketplace.mendix.com/link/component/56   欢迎大家试用!

关于Mendix

作为西门子Xcelerator平台的低代码引擎,Mendix正在迅速成为推动企业数字化发展的首选应用程序开发平台。Mendix让企业能够以前所未有的速度构建应用程序、促进IT团队与业务专家之间开展有意义的协作,并帮助IT团队保持对整个应用程序环境的控制。作为一直被领先的行业分析师视为“领军者和远见者”的低代码平台,Mendix是云原生的、开放的、可扩展的、敏捷的,并且经过实践验证。从人工智能和增强现实,到智能自动化和原生移动,Mendix和西门子Xcelerator已成为“数字优先”企业的中坚力量。Mendix已被46个国家的4,000多家企业采用,并建立了由30多万名开发人员组成的活跃社区,这些开发人员使用该平台创建了20多万款应用程序。

04-10 22:58