随笔分类 (422)

随笔档案 (404)

阅读排行榜

评论排行榜

最新评论

1. Re:go语言处理文件上传和多个文件上传
感谢博主的文章，多年后的我这个小白学到了，用到了。感谢
--中二的泡芙
2. Re:ClickHouse的介绍与安装
这版权声明，我喜欢
--心恩惠动
3. Re:go语言使用go-sciter创建桌面应用(一) 简单的通过html,css写ui
Sciter 有怎么收费，我一直关心，不太了解，所以一直不感商用开发
--小饼干
4. Re:golang 通过fsnotify监控文件，并通过文件变化重启程序
博主好，这个添加新的文件夹后，并修改文件夹的名字，在这个新文件夹下创立新的文件好像就会出现问题（windows）
发现是库的问题，解决了
--TddTang
5. Re:mysql 事务中如果有sql语句出错，会导致自动回滚吗？
1. 窗口关闭相当于没有提交，就可理解为回滚
2. 窗口开启事务后，再次开启事务，默认上次事务提交
  所以SQL运行失败成功与否跟事务无关
--凡————

go语言使用go-sciter创建桌面应用(一) 简单的通过html,css写ui

我们使用go-sciter，就不得不提Sciter，Sciter 是一个嵌入式的 HTML/CSS/脚本引擎，旨在为桌面应用创建一个 UI 框架层。

说简单点就是我们通过它可以像写html,css那样写桌面UI。

一、环境准备

第一步：从https://sciter.com/download/地址下载sciter-sdk

1	`解压，找到sciter-sdk\bin\64\sciter.dll复制到c:\windows\system32`

注意上面的请根据你自已的系统选择相应文件

第二步：由于使用到cgo，所以window下需要安装mingw或tdm-gcc(建议安装tdm-gcc)
下载地址：

1	`https://sourceforge.net/projects/mingw/files/`

下载地址：

1	`http://tdm-gcc.tdragon.net/download`

下载：mingw-get-setup.exe或tdm64-gcc-5.1.0-2.exe
安装，然后把mingw\bin或tdm-gcc\bin加入到环境变量中

第三步：cmd进入gopath目录并运行

1	`go` `get -x github.com/sciter-sdk/go-sciter`

二、通过html,css编写简单UI

demo1.go代码如下：

package main
 
import (
    "github.com/sciter-sdk/go-sciter"
    "github.com/sciter-sdk/go-sciter/window"
    "log"
)
 
func main() {
    //创建window窗口
    //参数一表示创建窗口的样式
    //SW_TITLEBAR 顶层窗口，有标题栏
    //SW_RESIZEABLE 可调整大小
    //SW_CONTROLS 有最小/最大按钮
    //SW_MAIN 应用程序主窗口，关闭后其他所有窗口也会关闭
    //SW_ENABLE_DEBUG 可以调试
    //参数二表示创建窗口的矩形
    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);
    }
    //加载文件
    w.LoadFile("demo1.html");
    //设置标题
    w.SetTitle("你好，世界");
    //显示窗口
    w.Show();
    //运行窗口，进入消息循环
    w.Run();
}

demo1.html代码如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
</head>
<body>
    你好，世界
</body>
</html>

如果出现乱码请把demo1.html文件转成gb2312并加上<meta charset="gb2312">或者转成UTF-8+BOM(注意是加BOM，加BOM，加BOM)。

三、写个表单的UI

demo2.go代码如下：

package main
 
import (
    "github.com/sciter-sdk/go-sciter"
    "github.com/sciter-sdk/go-sciter/window"
    "log"
)
 
func main() {
    //创建window窗口
    //参数一表示创建窗口的样式
    //SW_TITLEBAR 顶层窗口，有标题栏
    //SW_RESIZEABLE 可调整大小
    //SW_CONTROLS 有最小/最大按钮
    //SW_MAIN 应用程序主窗口，关闭后其他所有窗口也会关闭
    //SW_ENABLE_DEBUG 可以调试
    //参数二表示创建窗口的矩形
    w, err := window.New(sciter.SW_TITLEBAR|
        sciter.SW_RESIZEABLE|
        sciter.SW_CONTROLS|
        sciter.SW_MAIN|
        sciter.SW_ENABLE_DEBUG,
        //给窗口设置个大小
        &sciter.Rect{Left: 0, Top: 0, Right: 500, Bottom: 500});
    if err != nil {
        log.Fatal(err);
    }
    //加载文件
    w.LoadFile("demo2.html");
    //设置标题
    w.SetTitle("表单");
    //显示窗口
    w.Show();
    //运行窗口，进入消息循环
    w.Run();
}

demo2.html代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
 
        table td {
            padding: 10px;
            border: 1px solid #ccc;
        }
 
        table td:first-child {
            white-space:nowrap;
        }
    </style>
</head>
<body>
<form action="">
    <table>
        <tr>
            <td>用户：</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password"></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" value="0">男
                <input type="radio" value="1">女
            </td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                <input type="checkbox" value="">看书
                <input type="checkbox" value="">打球
                <input type="checkbox" value="">旅游
            </td>
        </tr>
        <tr>
            <td>简介：</td>
            <td>
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
</form>
</body>
</html>