欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

DSkin 的WebUI開發模式介紹,Html快速開發Winform的UI

admin
2024年1月19日 17:49 本文熱度 808

新版WebUI開發模式采用MiniBlink內核,這個內核功能更完善,dll壓縮之后才5M,而且提供開發者功能,內核還在更新中,而且是開源項目:https://github.com/weolar/miniblink49  如果是內核方面的問題可以到 http://miniblink.net/ 提問!

通過Html來開發UI可以利用海量的前端資源,然后配合C#優美的語法加無敵的VS來開發,簡直完美!

html和C#類對應,就像WPF或者WebForm那樣。

開始開發

新建X86的Winform項目,窗體繼承改成DSkin.Forms.MiniBlinkForm

 

期望大小乘以ZoomFactor,是為了適應DPI縮放;把app.manifest中的這段DPI代碼取消注釋 

 

程序集里的資源Url寫法是res://開頭的

res://WebUIDemo/Views/index.html  res://程序集名/若干文件夾/文件名   區分大小寫 

 

Html頁面和C#類綁定,頁面和類的名稱要一樣,Html在哪個文件夾無所謂,區分大小寫, 支持主頁面和框架頁面的綁定 

 

  

  

類繼承  DSkin.Forms.MiniBlinkPage

 

C#屬性和頁面雙向綁定,依賴Vue,支持簡單屬性的雙向綁定,和集合的單向綁定,復雜屬性請用Json字符串 

JS中也可以用Get(“屬性名”); Set(“屬性名”,值) 訪問和設置屬性值,可以不需要Vue 

 

  

 頁面設置一個綁定的全局ID,默認是page,如果想改成其他的,頁面和C#類需要一起改,在構造函數里設置。這個ID和Vue綁定ID是一致的! 

  

頁面里的 {{Text}} 就是綁定到C#里定義的Text的屬性了 

綁定操作寫好之后,Js中就可以操作這個Vue綁定對象了,對象名就是那個Id,默認為page

Js中的高級操作可以到Vue官網查看教程 https://cn.vuejs.org/v2/guide/

比如Js中調用 page.Text=’這么牛逼!’;  這個值就會更新到C#類Text屬性和頁面 

Js綁定C#方法,方法上面加JSFunction,方法參數只支持簡單的數據類型,數量和類型要和JS調用的對應

 

 

JS同步調用C#方法:參數對應,直接調用就是同步調用 

 

JS異步調用C#方法:前面參數對應,最后加個包含一個參數的回調函數 

 

如果頁面里引用了JQuery,你還可以用C#封裝的JQuery調用,方便操作Dom元素 

 

C#直接調用JS: InvokeJS("alert('test')"); 

最終的Demo效果,是不是很簡單,方便! 

 


轉載:https://www.cnblogs.com/dskin/p/8746502.html


該文章在 2024/1/23 9:41:47 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved