miniblink+golang开发windows gui应用

时间:2024-08-07 09:03:38

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=http://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)
}
}

  

最终效果图:

miniblink+golang开发windows gui应用

miniblink+golang开发windows gui应用