暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

[WebUI]c++利用html/css制作程序gui

红客突击队 2021-07-29
3657

红客突击队



[WebUI]c++利用html/css制作程序gui


前言

 

本文将介绍两种webui的实现方法。

1. hassandragawebui项目

https://github.com/alifcommunity/webui

2. 龙泉扫地僧的miniblink

https://github.com/weolar/miniblink49

实现1:Webui

将包git clone下来

因为该项目依赖于boost库,下面简明介绍一下boost库的编译。

前往https://www.boost.org/

将源码下载下来。

解压,点击bootstrap.bat

运行生成的b2.exe

等待完成即可。

完成后可删除临时文件夹bin.v2

使用webui:

新建空项目

 

将下载下来的webui中include中的webui文件夹和src中的webui.cpp复制到目录下,并添加到项目中。

 

新建main.cpp文件

 

在附加包含目录中配置上boost的目录

 

在附加库目录包含boost/ stage/lib

 

main.cpp包含webui/webui.hpp

main函数,并尝试编译

 

报错,发现是filesystem没有加载。

在附加依赖项写上符合条件的filesystem lib。

 

 

并前往webui.hpp注释掉第77行(webui作者犯迷糊???)

运行,通过。

找到examples目录下的helloword,复制到main.cpp

include<webui/webui.hpp>的尖括号改为””

运行示例。

 

ok,参照示例,开发属于您的webui吧。

实现2:

下载下来。新建

wke.h添加入头文件

 

在项目名.cpp中的InitInstance函数内写入如下内容。

 


在全局变量中加入wkeWebView m_web;

写入wkeLoadFile(m_web, "html文件地址");

并搭配jsBindFunctionwkeRunJS即可打造您的webui。

官方示例在此:https://github.com/weolar/mb-demo

尾声



文章转载自红客突击队,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论