快速使用NanUI

2022-09-07 18:21:17 字數 2723 閱讀 4767

nanui:將html作為winform窗體呈現的元件,開源,協議為mit。官網:官方文件:作者專欄:

1、使用vs2019較高版本建立專案,這裡是建立乙個winform程式。框架為.net framework 4.7.2

2、在引用裡點選管理nuget程式包,搜尋nanui,將下面的都安裝了。前兩個必須安裝,後面的資源使用元件本例只用到了embeddedfileresource,可以只安裝這個。

3、刪除自動建立的窗體檔案,新建乙個類檔案,命名為mainwindow.cs。這個檔案就作為啟動窗體了。

4、新建資料夾,命名為embedderes,將你做好的網頁檔案拷貝到此資料夾下。將裡面的每個檔案都設定為嵌入的資源。。。

5、修改program.cs檔案,複製貼上就行了

//指定啟動窗體

mainwindow());

}).build()

.run();}}

using

netdimension.nanui;

using

netdimension.nanui.hostwindow;

using

netdimension.nanui.j**ascript;

using

system.drawing;

using

system.windows.forms;

class

mainwindow : formium

}

7、執行示例

8、將c#物件註冊為j**ascript物件,這樣就可以在網頁js中直接呼叫c#物件了。例如,點選上圖網頁中的退出,實現退出程式。

using

netdimension.nanui;

using

netdimension.nanui.hostwindow;

using

netdimension.nanui.j**ascript;

using

system.drawing;

using

system.windows.forms;

class

mainwindow : formium

protected

override

void

onready()

private

void

registerwindowobject()

);return

null

; }));

//註冊closewindow

mywindow.setvalue("

closewindow

", j**ascriptvalue.createfunction(args =>);

return

null

; }));

registerexternalobjectvalue(

"demo

", mywindow);

}private

void mainform_beforeclose(object

sender, netdimension.nanui.browser.formiumcloseeventargs e)}}

這個registerexternalobjectvalue("demo", mywindow)就是將物件註冊到js的formium.external中,即formium.external.demo

網頁裡呼叫示例:

<

div

class

="div_close"

onclick

="formium.external.demo.closewindow()"

>

退出div

>

9、其他,flex快速布局

10、專案如何打包發布,暫不清楚。因為使用資源檔案依賴路徑,可以將embeddedres等資源資料夾拷貝到debug目錄下,然後將debug作為程式包。。。。

NanUI文件 開始使用NanUI

nanui文件目錄 本文將介紹如何使用nanui來建立乙個簡單的網頁應用程式。首先,在visual studio中新建乙個window 窗體應用專案。net framework版本可以選擇從4.0或者更高的版本。從nuget包管理器新增netdimension.nanui.dll的引用和cef依賴項...

c 前台json 資料庫 NanUi 其他

c 解析 json資料 從http返回json資料get json解析 反序列化 生成json字串 序列化 將json資料提交給伺服器post json轉c 實體類工具網頁 newtonsoft.json.dll 的使用 c c 訪問和操作mysql資料庫 c net 各種連線資料庫的字串 c 使用...

快速使用github

2.安裝git,基本上都是next step 3.接下來就是git shell 4獲取ssh key ssh keygen t rsa c your email youremail.com 5開啟 id rsa.pub檔案,全部內容複製到ssh keys key field 6測試與git 的連線 ...