miniblink+golang 开发 Windows gui 应用

分享 / 0 / 1 / 创建于 6年前 / 更新于 2年前

golang 的优点自不必说了，这么好的语言怎么能缺少界面库呢？所以我使用 miniblink 开发了一个可以用 html，css，js 开发界面的浏览器，通过它你能为你的 golang 开发简单的界面。说白了其实就是轻量级浏览器，暂且叫它 browser 吧，多轻呢，哈哈只有 6.8M 大小。点这里下载下载有问题的请右键另存为

怎么使用呢？

1 首先建立 golang 服务了，可以是 http rpc socket websocket 等

2 用 html,js,css 写好界面，用 browser 打开它与 golang 通信

3 当然 browser 也可以自定义界面

命令行调用 browser

browser.exe –url=127.0.0.1 –custom-ui=2 或

browser.exe –url=D:\index.html –ico=D:\favicon.ico

命令行参数：

–url 打开页面的地址（必传）
–width 窗口的宽（可选）
–height 窗口的高（可选）
–top 窗口距屏幕上边的距离（可选）
–left 窗口距屏幕下边的距离（可选）
–max 是否最大化，1 是 0 否（可选）
–full-screen 是否全屏，1 是 0 否（可选）
–custom-ui 是否用户自定义 ui，1 是 0 否 2 带阴影（可选）
–ico 指定 ico 路径，默认读取网页的 favicon（可选）

自定义界面需要自己写代码，注意最大化，最小化和关闭按钮 js 调用

<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style>
html,body{
    margin:0; 
    background:#fff;
    height:100%; 
}

*:not(input,textarea) { 
    -webkit-user-select: none; 
}

/*标题栏*/
#header{
    position:absolute;
    top:0px;
    left:0px;
    height:28px;
    width:100%;
    background:rgb(52,152,220);
    cursor:default;
}

/*中间内容栏*/
#container{
    box-sizing:border-box;/*使高度包含padding*/
    height:100%;
    width:100%; 
    padding-top:28px;
    padding-bottom:35px;
    margin:0 auto; 
    overflow:auto;   
}

/*底栏*/
#footer {
    height:35px;
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    z-index:100;
    background:rgb(239,237,238); 
    text-align:right;
    padding:3px 5px;
    box-sizing:border-box;
}

/*中间内容栏 左侧列*/
#container .lside{
    height:100%;
    width:150px; 
    float:left; 
    background:rgb(110,179,210);
}

/*中间内容栏 右侧列*/
#container .rside{
    height:100%;
    margin-left:150px; 
    background:#FFF;
    padding:20px;
    box-sizing:border-box;
}

#footer button{
    padding:4px 13px;
    font-size:12px; 
    background:rgb(27,174,93);
    color:white; 
    border:0;
}

#footer button:hover { 
    background:rgb(33,127,188);
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    cursor:pointer;
} 

#footer button:active { 
    background:rgb(20,110,170);
    cursor:pointer;
} 

#header .title-bar{
    margin-right:75px;
    padding-left:10px;
    height:28px;
    line-height: 28px;
    font-size:9pt;
    color:#eee; 
} 

#header .ctrls{  
    width:75px;
    height:28px; 
    float:right;
}

#header .ctrls a{ 
    display:block; 
    float:left;
    height:14px;
    font-family:"Marlett";
    font-size:14px;
    padding:4px;
    color:#fff;
    cursor:default;
}

#header .ctrls a[id]:hover{ 
    background:#6ebccf; 
}

#header .ctrls a[id]:active{ 
    background:#FF0000; 
} 

</style>
<body>
    <div id="header">
        <div class="ctrls"> 
            <a id="window-min" onclick="external.hitmin()">0</a>
            <a id="window-max" onclick="this.innerText = external.hitmax()?'2':'1';">1</a>
            <a id="window-close" onclick="external.close()">r</a>
        </div>
        <div class="title-bar" onmousedown="external.hitCaption()"> <span class=title> 我的软件 </span></div>
    </div> 

    <div id="container"> 
    <div class="lside"> </div> 
    <div class="rside"> 当前时间:<?= time() ?> </div> 
    </div>

    <div id="footer">
        <button onclick="javascript:alert('哈哈哈^_^')">哈哈哈^_^</button>
    </div>
</body>
</html>

代码已被折叠，点此展开

golang 端代码，这里以 httpserver 为例，注意必须等待 browser 的执行，这样当关闭 browser 的时候，golang server 也关闭了

func main() {
   http.HandleFunc("/", func(writer http.ResponseWriter, request *http.Request) {
      reader, _ := os.OpenFile("\ui.html", os.O_RDONLY, 0666)
      defer reader.Close()
      contents, _ := ioutil.ReadAll(reader)
      _,_=fmt.Fprintf(writer, string(contents))
   })

   server := &http.Server{
      Addr:    ":8081",
      Handler: http.TimeoutHandler(http.DefaultServeMux, time.Second*30, "http server timeout"),
  }

   //start browser
  startSuccess := true
  time.AfterFunc(time.Millisecond * 200, func() {
      if !startSuccess {
           return
      }
      cmd := exec.Command("d:\\bin\\browser.exe", "--url=http://127.0.0.1:8081")
      _ = cmd.Start()
      _= cmd.Wait()
      _=server.Shutdown(nil)
   })

   //start server
  err := server.ListenAndServe()
   if err != nil {
      startSuccess = false
       log.Fatal("server ListenAndServe: ", err)
   }
}