易语言WebUI教程 - 第三期 —— miniblink绑定、交互及传参
准备工作
1. 易语言、VSCode
2. miniblink模块、精易模块、Node.dll
3. JQuery-1.9.1.js
如果你没有可以去看上一期教程下载
注:
本期demo例程请到文章末尾获取~~
miniblink绑定
1. 导入miniblink、精易模块:
2. 先在易语言中新建一个无边框的窗口,然后再在顶部的位置放一个透明标签组件(主要是用来移动窗口)
然后给透明标签的鼠标左键按下事件写上代码:
发送信息(161,2,0)
3. 在窗口创建完毕事件下写上以下代码:
.版本 2.子程序 _窗口1_创建完毕WKE初始化 ()
mb.绑定 (窗口1.取窗口句柄 (), 真)
mb.载入文件 (取运行目录 () + “\html\index.html”)
4. 最后编写好index.html文件,也就是界面即可。
5. 运行后可以就可以看这个html的界面被加载了出来
JS绑定
经过以上步骤我们虽然已经把index.html这个页面加载出来了,但是当我们点击里面的按钮是没有任何效果的,这时候我们就需要绑定一个JS函数,让它能与易语言的事件进行交互。
首先,在易语言窗口创建完毕的事件下加入这行:
JS绑定函数 (“submitData”, “&登录按钮_被点击”)
再新建个名为 登录按钮_被点击 的子程序,里面写上登录按钮点击后你希望执行的易语言代码,我这里主要写个信息框。
index.html部分主要在button标签中添加一个onclick属性,也就是鼠标点击的事件属性,属性内容填submitData() 也就是在易语言绑定的那个js函数。
οnclick="submitData()" 通俗来说就是 点击了按钮》执行submitData()函数。
最后在易语言运行,点击按钮后可以看到,成功弹出了提示框。
传递参数(传参)
经过上面步骤我们虽然可以通过绑定JS函数进行事件的交互,但是还无法传递参数,也就说明我们无法获取文本框<input>中的内容,这时候就涉及到一个问题参数传递的问题。
这个问题也不难解决,miniblink传参还是相对比较简单的,废话不多说,先上教程:
先在易语言 登录按钮_被点击 改成以下参数和变量、代码:
.版本 2.子程序 登录按钮_被点击
.参数 es, 整数型
.局部变量 data, 文本型data = JS取参数_文本 (es, 0)信息框 (data, 0, , )
html部分主要把 οnclick="submitData()" 改成 οnclick="submitData('测试测试')"
回到易语言并运行,点击按钮后可以看到,html中submitData的参数测试测试已经可以传递过来了。
根据这个原理,只要我们在html中写个js获取账号密码框中的内容,并通过submitData函数提交就可以将账号密码的内容传递到易语言中了。
为了让大家看起来更规范,我这用了JQuery,并把它的事件统一写在了下面
最后总结
如果弄WebUI的话,大部分界面以及窗口事件都是要通过JS来处理的,只类似保存、读取本地账号密码这些涉及后端数据处理的时候才会用到易语言。
所以前端扎实的易友们可以来玩一下这个WebUI,毕竟html的框架、插件比较完善,有时候可能会比用自绘弄起来要更简单轻松、更容易实现。
DEMO例程
demo.zip - 蓝奏云
易语言WebUI教程 - 第三期 —— miniblink绑定、交互及传参相关推荐
- 计算机语言中的逻辑型数据,零基础易语言入门教程(五)之逻辑型数据类型
在上篇文章给大家介绍了零基础易语言入门教程(四)之数据类型,上篇针对数值到文本类型知识,今天给大家介绍下逻辑型数据. 具体方法和步骤如下所示: 1.逻辑型数据非真即假: 首先申请一个局部变量(A)类型 ...
- 易语言 Sql 教程
使用易语言对SQL数据库操作的教程:精易入门培训2017 [教程]易语言入门教学培训2017(精易论坛)_哔哩哔哩_bilibili 23集-29集 SQL的教程可以看看: SQL 教程 SQL教程 ...
- w3c易语言教程,易语言基础教程之简单的人机交互
易语言由于完全支持面向对象编程理念,因此也秉性了功能与外观相分离的良好编程思路.了解并掌握易语言中的人机交互操作,对于理解易语言编程思维及至掌握易语言编程核心,都具有极为重要的意义. 这节教程我们要实 ...
- 易语言做mysql登录器_易语言制作数据库登录器 易语言数据库教程
易语言做的登陆器怎样利用数据库验证密码是否正确? 你这么写当然是错误的.因为你用查找功能.只要数据库里有这个结果就返回真.搜索的是全部的记录,如果密码N个人是123456,那么只要用户名对密码肯定是正 ...
- 易语言入门教程之屏幕输出程序
首先,这是一份关于易语言的入门教程,不会讲特别深的东西,一般的人应该都能听懂. 好,不废话了,开始. 问题来鸟.你总是说易语言神马的,到底是怎么写出花花绿绿的程序的啊!这个么,你去下载吧下载一个易语言 ...
- 世恒易语言百集教程在线观看.非常好的易语言入门教程哦
世恒易语言百集教程.非常好的易语言教程.唯一在线可以看的地址是biliblili.一般都要下载的啊.并且是exe格式.不方便观看.这套可以在线看. 世恒易语言百集教程在线观看 点击在线观看 https ...
- 511遇见易语言乐玩插件多线程后台绑定-方法2
本课视频和第13课的区别是,在获取所有游戏窗口句柄上,我们采用了乐玩插件的枚举窗口EnumWindow命令,第13课采用了API进程_取ID数组和进程_取ID数组. 乐玩插件多线程绑定源码: .版本 ...
- [2012.7.20]易语言post教程 - 飞龙
预备知识:熟悉易语言的常用指令.(了解api,OOP,并且会使用常用控件.) 注:此教程是本人学会易语言post两个月后写完的,本人非大神,所以各位也不要指望看完这篇教程就马上成为大神 [封包] 首先 ...
- 易语言POST教程分享一波
这么多年我攒下拉许多的易语言视频教程,前几年一直没事的学习易语言,觉得挺有意思的.分享给一些想玩易语言的朋友. 有好多套教程,在我百度网盘里呢,需要的朋友自己去下载吧,有没有解压密码我也忘记啦. 链接 ...
最新文章
- #Java夜未眠# 读书笔记
- 内存都是由半导体器件构成的_开启5G新时代——XPS成像技术在半导体器件中的应用...
- 安装完python怎么打开安装步骤-Python安装与运行测试详细教程,带你攻克第一个学习难关...
- 大数据审计的发展_从历史的角度看大数据审计发展
- 逻辑回归是分类还是回归_分类和回归:它们是否相同?
- hdu 4296 Buildings (贪心)
- python下路径问题及模型存储
- 2019-2-15 日记
- Fiddler绕过前端直接和后台进行交互
- githubRank: Github 项目和用户排行榜
- QBC检索和本地SQL检索
- 云计算的三大挑战:安全性、合规性和成本控制
- consul 服务发现 集群 docker 版
- Android零基础入门第14节:使用高速Genymotion,跨入火箭时代
- 看mysql手册中模式(SQL_MODE)学到的知识
- Anaconda安装pip
- Linux系统各发行版镜像下载(借阅)
- 怎么为小数据集划分训练集和测试集
- itextpdf处理PDF,用文本域的方式
- 文件下载兼容ie,Firefox,chrome