go语言使用go-sciter创建桌面应用(八) 窗口显示时，自动加载后端数据。

╰半橙微兮° 2022-01-10 13:25 175阅读 0赞

有些时候我们需要在窗口创建并显示时，加载一些后端的配置，这就需要用到view提供的几个事件。

https://sciter.com/docs/content/sciter/View.htm

statechange 状态改变时，最大化，最小化，显示，隐藏，会触发事件回调。

activate 窗口激活或停用时，可以理解为获取焦点或失去焦点，触发事件回调。

demo.go的代码如下：

package main
    
    import (
    	"fmt"
    	"log"
    	"path/filepath"
    	"database/sql"
    	"encoding/json"
    	_ "github.com/go-sql-driver/mysql"
    	"github.com/sciter-sdk/go-sciter"
    	"github.com/sciter-sdk/go-sciter/window"
    )
    
    type User struct {
    	Name string `json:"name"`;
    	Pwd string `json:"pwd"`;
    }
    
    func defFunc(w *window.Window) {
    
    	//注册dump函数方便在tis脚本中打印数据
    	w.DefineFunction("dump", func(args ...*sciter.Value) *sciter.Value {
    		for _, v := range args {
    			fmt.Print(v.String() + " ");
    		}
    		fmt.Println();
    		return sciter.NullValue();
    	});
    
    	//定义函数，用于tis脚本中加载用户名和密码
    	w.DefineFunction("LoadNameAndPwd", func(args ...*sciter.Value) *sciter.Value {
    		//连接数据库
    		db, err := sql.Open("mysql", "root:@tcp(127.0.0.1:3306)/test?charset=utf8");
    		if err != nil {
    			fmt.Println(err);
    		}
    
    		//关闭数据库
    		defer db.Close();
    
    		//查询一行数据
    		name := "";
    		pwd := "";
    		rows := db.QueryRow("select name,pwd from tb_users where id = ?", 1);
    		rows.Scan(&name, &pwd);
    
    		//构建一个json
    		user := User{Name: name, Pwd: pwd};
    		data, _ := json.Marshal(user);
    
    		//将json返回，tis脚本中接收该值
    		return sciter.NewValue(string(data));
    	});
    }
    
    func main() {
    	w, err := window.New(sciter.SW_TITLEBAR|
    		sciter.SW_RESIZEABLE|
    		sciter.SW_CONTROLS|
    		sciter.SW_MAIN|
    		sciter.SW_ENABLE_DEBUG,
    		nil);
    	if err != nil {
    		log.Fatal(err);
    	}
    	//加载文件
    	filepath, _ := filepath.Abs("./demo.html");
    	err = w.LoadFile(filepath);
    	//设置标题
    	w.SetTitle("加载数据");
    	//定义函数
    	defFunc(w);
    	//显示窗口
    	w.Show();
    	//运行窗口，进入消息循环
    	w.Run();
    }

demo.html的代码如下：

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        用户名：<input type="text" id="name" value="">
        <br>
        密码：<input type="text" id="pwd" value="">
    </body>
    <script type="text/tiscript">
        //窗口被激活或停用时，触发回调，可以理解为获得焦点
        view.on("activate", function(type) {
            //调用go中定义的方法LoadNameAndPwd
            var data = view.LoadNameAndPwd();
            //解析json，转换成对象
            data = JSON.parse(data);
            $(#name).value = data.name;
            $(#pwd).value = data.pwd;
        });
    
        //窗口状态发生改变时，触发回调，最大化，最小化，隐藏，显示
        view.on("statechange", function() {
            //调用go中定义的方法LoadNameAndPwd
            var data = view.LoadNameAndPwd();
            //解析json，转换成对象
            data = JSON.parse(data);
            $(#name).value = data.name;
            $(#pwd).value = data.pwd;
        });
    </script>
    </html>

最后的显示结果如下：

![140030-20190509121026481-363548464.png][]

我的数据库表数据如下：

![140030-20190509120924490-1127391129.png][]

转载于:https://www.cnblogs.com/jkko123/p/10837729.html

[140030-20190509121026481-363548464.png]: /images/20220110/36f1eb895334487bb17f6f2f9a2c99a8.png
[140030-20190509120924490-1127391129.png]: /images/20220110/abbf382d8cd14a3b9f170bae496e31d6.png