Fish开发与使用

简介: 审批系统使用es5,现在fish组件里面,用了大量的bind(this)方法,bind解决了this作用域问题,es6有箭头函数解决这个问题 es5没有箭头函数。正常的js文件中必须包含的几个内容:1.在文件的开始,要引入当前js文件需要用到的html文件,调接口使用到的action文件,或者特定样式的css文件,引入HTML文件,格式是:”hbs!”+对应文件的整个路径,引入js文件,格式是:对应文件的整个路径,文件名不需要加后缀名js

 

Fish开发与使用

fish官网:https://fish.iwhalecloud.com/fish-show/

fish的各种APIhttps://fish.iwhalecloud.com/fish-desktop/api/index.html

审批系统使用es5,现在fish组件里面,用了大量的bind(this)方法,bind解决了this作用域问题,es6有箭头函数解决这个问题  es5没有箭头函数。

 

正常的js文件中必须包含的几个内容:

1.在文件的开始要引入当前js文件需要用到的html文件调接口使用到的action文件或者特定样式的css文件

引入HTML文件,格式是:hbs!”+对应文件的整个路径,

引入js文件,格式是:对应文件的整个路径,文件名不需要加后缀名js

引入css文件,格式是:”css!”+对应文件的整个路径,如:图1

1.png

在引入HTML文件和js文件的时候需要在function中进行定义2

2.png

对于css文件,只需要引入即可,

而对于html文件,在function中进行定义,还需要引入模板,如:图3

3.png


2.events:视图事件定义,大部分用来定义点击事件,或者移入移出事件,如:图4

 4.png

 

3.initialize:初始化定义,如:图5

其中包括从上一个界面传的值过来的,或者定义的grid表格的列,或者定义当前js中需要用到的全局变量。

 5.png

 

4.  afterRender:渲染之后处理函数,如:图6

6.png

以上4点就是正常的js文件中需要包含的内容,除此之外,在js中正常定义需要的函数,

还有一个js是比较特殊的,是actions文件夹中的,一般是放调用接口的,如:图7

 7.png


5.组件之间传值,分为两种,一种为传值到弹框内,一种为传值到新开的界面中

1.传值到弹框内的话,如:图8

8.png

 

PopupView为弹框,需要一个路径URL

viewOption中放入需要传到弹框里面的值,可以是单个字段,也可以是数组,

Close函数中就是对关闭弹框后,需要对当前界面进行的处理

2.传值到新开的界面中的话,如:图9

9.png


Selector中是当前html中需要传入的子视图选择器

url中传入子视图的路径

callback中放视图加载成功的回调函数

 

viewOption中放入需要传到子视图里面的参数,在对应的文件initialize中进行接收,如图10

10.png

 

 

相关文章
|
Kubernetes Java 应用服务中间件
Spring Boot 系列:最新版优雅停机详解
目前Spring Boot已经发展到了2.3.4.RELEASE,伴随着2.3版本的到来,优雅停机机制也更加完善了。
12771 2
|
NoSQL 数据可视化 关系型数据库
推荐几个好用的redis可视化工具
推荐几个好用的redis可视化工具
16711 1
|
druid 网络协议 Java
Spring Boot集成Druid异常discard long time none received connection.
Spring Boot集成Druid异常discard long time none received connection.
3196 0
|
安全 Java 应用服务中间件
Tomcat的配置文件中有哪些关键的配置项,它们分别有什么作用?
日常开发中我们除了 web.xml 文件的配置,server.xml 文件也是 Tomcat 服务器的重要配置文件,本文内容详细介绍各个配置项的用法,结合业务场景来举例说明,让你更清楚各配置项的用法
524 1
|
9月前
|
SQL Java 数据库连接
如何用 Java 校验 SQL 语句的合法性?
本文介绍了五种校验 SQL 语句合法性的方案:1) 使用 JDBC API 的 `execute()` 方法,通过捕获异常判断合法性;2) 使用 JSqlParser 库解析 SQL 语句为 Java 对象;3) 使用正则表达式检查 SQL 语句格式;4) 使用 ANTLR 生成 SQL 解析器;5) 使用 Apache Calcite 解析 SQL。每种方法各有优劣,具体选择取决于需求和个人偏好。需要注意的是,这些方法仅能校验语法合法性,无法保证语义正确性,仍需防范 SQL 注入攻击。
304 6
|
Java UED
基于SpringBoot自定义线程池实现多线程执行方法,以及多线程之间的协调和同步
这篇文章介绍了在SpringBoot项目中如何自定义线程池来实现多线程执行方法,并探讨了多线程之间的协调和同步问题,提供了相关的示例代码。
3500 0
|
11月前
|
安全 自动驾驶 物联网
5G技术概览:开启万物互联新时代
【10月更文挑战第23天】
415 1
|
12月前
|
安全 Cloud Native Shell
云上攻防:云原生篇&Docker容器逃逸
本文介绍了Docker的基本概念及其对渗透测试的影响,重点讲解了容器逃逸的方法。Docker是一种轻量级的容器技术,与虚拟机相比,具有更高的便携性和资源利用率。然而,这也带来了安全风险,特别是容器逃逸问题。文章详细描述了三种常见的容器逃逸方法:不安全的配置、相关程序漏洞和内核漏洞,并提供了具体的检测和利用方法。此外,还介绍了几种特定的漏洞(如CVE-2019-5736和CVE-2020-15257)及其复现步骤,帮助读者更好地理解和应对这些安全威胁。
687 0
云上攻防:云原生篇&Docker容器逃逸