aardio - 【库】webPageOperation网页操作类

卢光庆

已于 2023-06-08 15:47:41 修改

阅读量1k

点赞数 4

分类专栏：库 aardio 文章标签： aardio

于 2023-06-02 17:40:39 首次发布

本文链接：https://blog.csdn.net/sdlgq/article/details/131011599

版权

aardio 同时被 2 个专栏收录

138 篇文章 276 订阅

订阅专栏

库

33 篇文章 17 订阅

订阅专栏

功能介绍：

初步封装，用来网页填表、操作网页。

可操作web.form、web.view、web.view2等浏览器组件。

下载地址：

http://chengxu.online → aardio资源下载 → webPageOperation.rar

效果：

示例代码：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
button={cls="button";text="打开百度图片";left=220;top=400;right=340;bottom=450;z=2};
button2={cls="button";text="搜索";left=410;top=400;right=530;bottom=450;z=3};
custom={cls="custom";text="自定义控件";left=50;top=30;right=700;bottom=380;z=1}
)
/*}}*/

import web.view
import console
var wb = web.view(winform.custom)
wb.go("http://www.baidu.com")

winform.button.oncommand = function(id,event){
	import godking.webPageOperation;
	var wpo = godking.webPageOperation(wb);
	
	// 点击"图片"连接
	var s = "#s-top-left > a:nth-child(6)";
	wpo.bySelector( s ).click();
}

winform.button2.oncommand = function(id,event){
	import godking.webPageOperation;
	var wpo = godking.webPageOperation(wb);
	
	// 填写搜索框内容
	var s = "#kw";
	wpo.bySelector( s ).setValue("光庆aardio");
		
	// 表单提交
	var tagname = "form"
	wpo.byTagNameS( tagname,1 ).submit();	
}

winform.show();
win.loopMessage();

一个使用key库进行键盘输入的登录案例：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=569;bottom=609)
winform.add(
button={cls="button";text="Button";left=210;top=550;right=330;bottom=590;z=2};
custom={cls="custom";text="自定义控件";left=10;top=10;right=550;bottom=530;z=1}
)
/*}}*/

import web.view2
var wb = web.view2(winform.custom)
wb.go("https://zwxt.mca.gov.cn/jmgc-mbs-front/login.html")

winform.button.oncommand = function(id,event){
	import godking.webPageOperation
	var wp = godking.webPageOperation( wb )
	import key
	
	//选择行政单位
	wp.bySelector( "#roleId > div > div > div" ).click()
	wp.bySelector( "body > div:nth-child(25) > div > div> div> ul> li:nth-child(3)" ).click()
	win.delay(500)
	
	//输入用户名
	wb.focus()
	wp.bySelector( "#username" ).focus()
	key.sendString("user",50)
	
	//输入密码
	wb.focus()
	wp.bySelector( "#password" ).focus()
	key.sendString("12345678",50)
	
	//输入验证码
	var code = wp.bySelector( "span.yzmCode" ).getInnerText()
	wp.bySelector( "#checkCode" ).focus()
	key.sendString(code,50)
	
	//点击登录按钮
	wp.bySelector( "#sbbtn" ).click()

}

winform.show();
win.loopMessage();

一个鼠标点击让元素获取焦点，并用键盘输入的登录案例：

import win.ui;
/*DSG{{*/
var winform = win.form(text="WebView2 - 调用百度低代码前端框架 amis";right=439;bottom=489)
winform.add(
button={cls="button";text="Button";left=140;top=420;right=280;bottom=480;z=1}
)
/*}}*/

import web.view;
var wb = web.view(winform);
	
wb.export({
	getAmisJson  = function(){
		return {
			"type":"page",
			"title":"表单页面", 
			"body":{
				"type":"form",
				"mode":"horizontal",
				"api":"/saveForm",
				"body":{
					{"type":"input-text","name":"name","label":"Name","required":true},
					{"type":"input-email","name":"email","label":"Email","required":true},
					{"type":"static-tpl","tpl":"生成的id为：${id}"}
				}, 
			}
		};
	}; 
})

import wsock.tcp.asynHttpServer;
var httpServer = wsock.tcp.asynHttpServer(); 
httpServer.run( {
	["/index.html"] = /**
<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="UTF-8" /> 
	<link rel="stylesheet" href="https://lib.baomitu.com/amis/2.6.0/antd.min.css" />
	<link rel="stylesheet" href="https://lib.baomitu.com/amis/2.6.0/helper.min.css" />
	<script src="https://lib.baomitu.com/amis/2.6.0/sdk.min.js"></script>
	<style> html, body, .app-wrapper { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }  </style>
	</head>
	<body>
	<div id="root" class="app-wrapper"></div>
	
	<script type="text/javascript">
		(async function () {
		let amis = amisRequire('amis/embed');
		let amisJson = await getAmisJson(); 
		let amisScoped = amis.embed('#root', amisJson,{},{
			theme: 'antd'//https://github.com/baidu/amis/issues/2465
		});
		})();
	</script>
	</body>
</html>
**/;
	["/saveForm"] = function(response,request){
		var data = request.postJson();//读取表单请求发送的数据，已解析为 aardio 对象
		response.write({
			"status": 0,
				"msg": "保存成功",
				"data": { "id":  1 } 
		}) 
	};
}); 

wb.go( httpServer.getUrl("index.html") )
wb.waitEle(".antd-TplField")

//============================================================================================================
import godking.webPageOperation
var w = godking.webPageOperation( wb )
//===========演示元素组操作
var s = w.bySelectorS(".antd-TplField")
s.byIndex(1).setInnerHTML( "<font color=#0000FF><b>填写表单演示程序：</b></font>" )
s.byIndex(2).setInnerText( "请正确填写以下内容：" )
s.byIndex(3).setInnerText( "姓名：" )
s.byIndex(4).setInnerText( "邮箱：" )
//===========演示鼠标点击元素，键盘输入字符
winform.button.oncommand = function(id,event){
	// 鼠标点击
	import mouse
	mouse.moveToWindow(195,116,winform.hwnd,1000)
	mouse.click()
	//键盘输入
	import key
	key.sendString("光庆",0)
	key.press(0x9/*_VK_TAB*/)
	key.sendString("17950677@qq.com",0)
	//按钮提交
	w.bySelector( "button" ).click()
}

winform.show();
win.loopMessage();

遍历获取子元素案例：

代码：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
custom={cls="custom";text="自定义控件";left=20;top=10;right=730;bottom=410;z=1}
)
/*}}*/

winform.show();
import web.view;
import console;
import godking.webPageOperation;

var wb = web.view(winform.custom);
wb.go("http://api.tiankongapi.com/api.php/provide/vod/at/xml")


var wpo = godking.webPageOperation(wb);
var s = wpo.bySelector( "body > rss > list").byChildS();
for(i=1;s.count();1){
	var ss = s.byIndex( i ).byChildS();
	for(n=1;ss.count();1){
		console.dump(ss.byIndex( n ).getTag()+"："+ss.byIndex( n ).getInnerHTML())
	}
	console.dump('')
}
win.loopMessage();

卢光庆

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
aardio - 【库】webPageOperation网页操作类

可操作web.form、web.view、web.view2等浏览器组件。→ aardio资源下载 → webPageOperation.rar。功能介绍：用来填表。
复制链接

扫一扫