Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 精品久久久久国产免费,久久精品这里是免费国产,国产精品第1页

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端工程師不會C++也可以開發桌面應用程序,教程送給

          前端工程師不會C++也可以開發桌面應用程序,教程送給大家

          次我給大家介紹了如何通過Electron將react項目構建成桌面應用,并且成功啟動項目。這次我再教大家如何將前端頁面打包成.exe可執行文件。接下來我將一步一步地介紹如何操作。

          開發環境

          Nodejs

          首先我們要打包頁面,就是將react的靜態頁面構建成.exe文件。然后才能將.exe封裝成軟件安裝包。

          electron-packager:electron的打包插件,將項目打包成exe文件;

          安裝方式:命令行安裝 npm install electron-packager -g

          NSIS軟件:封裝工具,可以將.exe文件封裝成安裝包

          安裝方式:NSIS漢化包下載地址https://httpsimg.dsx2020.com/NSIS_v251_Build_20160601+-+NSISFANS.zip

          打包exe文件

          通過命令行安裝electron-packager,以下是全局安裝electron-packager的命令行

          npm install electron-packager -g

          安裝成功后,就可以將頁面打包成exe文件。在項目目錄中打開cmd。運行以下命令行打包:

          electron-packager ./build library-management-system --platform=win32 --arch=x64 --icon=public/favicon.ico --out=./exes --app-version=1.0.0 --overwrite --ignore=node_modules

          打包成功以后我們會發現項目目錄里面多了一個exes文件夾。里面就是我們打包出來的文件了,里面包含了.exe文件,可以直接雙擊運行頁面。

          如果你能走到這一步,那么說明你離成功不遠了,接下來就是將exe封裝成安裝包。

          構建安裝包

          打開nsis軟件,文件>新建腳本:向導。

          下一步。

          填寫軟件基本信息;應用程序名稱、應用程序版本、應用程序出版人可以隨意填寫,應用程序網站如果沒有則留空即可。然后就進行下一步。

          選擇安裝程序的圖標,定義程序安裝包的文件名,安裝程序語言選擇簡體中文。然后下一步。

          默認,然后下一步。

          填寫程序的安裝目錄,默認即可。沒有授權文件就空著,又可以選擇,然后下一步。

          刪除這兩個默認的文件。

          然后添加打包生產的exe文件,點擊確定。

          添加文件目錄

          選擇打包生成的文件目錄(是文件夾),然后勾選包含子目錄。點擊確定。

          下一步

          下一步。

          下一步

          下一步

          保存腳本,點擊完成,將腳本保存在本地。

          保存腳本后,在nsis中打開腳本。然后在菜單欄中選擇編譯腳本。

          然后就是等待,編譯時間大概是2到3分鐘左右,編譯成功以后就會出現一下提示。

          安裝軟件

          然后我們會發現在exes文件夾中多了一個react_Setup .exe可執行文件,這個文件就是我們通過NSIS工具編譯出來的安裝包文件。我們雙擊執行它,就可以進入正常的安裝步驟了。

          我們直接下一步就可以安裝軟件了。

          安裝完成后,我們看到電腦桌面上多了一個名叫react項目安裝的圖標,我們直接雙擊打開軟件。

          最后我們成功打開了軟件。

          到這里,我們實現了將前端頁面打包成軟件安裝包的需求了。Electron讓前端開發人員實現了從網頁到桌面應用的跨越式提升。作為前端開發人員,你不用會寫C++,只要你會寫JavaScript,也可以獨自開發桌面應用程序。

          以上就是本次分享的全部內容,這篇教程如果大家感興趣的話可以點個贊。

          謝謝大家的支持!!!

          Rust因其性能和安全性而獲得了很多吸引力,使其成為系統級編程的絕佳選擇。然而,在構建桌面應用程序時,它也非常強大。在本指南中,我們將指導您使用Rust創建簡單的桌面應用程序。我們將使用tauri,這是一個為所有主要桌面平臺構建小型、快速二進制文件的框架。

          先決條件

          在我們開始之前,請確保您在系統上安裝了以下內容:

          1. Rust:您可以按照rust-lang.org上的說明使用rustup安裝Rust。
          2. Node.js:Tauri CLI需要。從nodejs.org下載。
          3. Tauri CLI:使用npm全局安裝:
          npm安裝-g @tauri-apps/cli

          第1步:設置您的項目

          首先,讓我們創建一個新的Tauri項目。打開您的終端并運行:

          貨物新my_desktop_app
          cd my_desktop_app

          接下來,在您的Rust項目中初始化一個新的Tauri項目:

          tauri init

          按照提示設置您的Tauri項目。您現在可以選擇默認選項。

          第2步:項目結構

          您的項目現在應該有一個類似于這個的結構:

          我的桌面應用程序
          ├── src
          │ └── main.rs
          ├── src-tauri
          │ ├── src
          │ │ └── main.rs
          │ ├── tauri.conf.json
          │ └── Cargo.toml
          └── Cargo.toml

          src-tauri目錄包含Tauri應用程序的主要配置和入口點。

          第3步:構建用戶界面

          Tauri使用基于Web的UI,因此我們需要一些HTML、CSS和JavaScript。默認情況下,Tauri使用香草JavaScript,但您也可以集成React、Vue或Svelte等框架。

          src-tauri/src目錄中創建一個index.html文件:

          <!DOCTYPE html>
          <html lang="en">
          <頭>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>我的Rust桌面應用程序</title>
          </頭>
          <身體>
              <h1>你好,陶里!</h1>
              <button id="greet-btn">問候</button>
              <腳本>
          document.getElementById('greet-btn').addEventListener('click', ()=> {
          窗口。__TAURI__.invoke('greet').then(response=> {
          警報(響應);
          });
          });
              </script>
          </body>
          </html>

          第4步:編寫后端邏輯

          打開src-tauri/src/main.rs并修改它以處理greet命令:

          #![cfg_attr(
          all(not(debug_assertions), target_os="windows"),
          windows_子系統="windows"
          )]
          
          fn main() {
          tauri::Builder::default()
          .invoke_handler(tauri::generate_handler![問候])
          .run(tauri::generate_context!())
          .expect(“運行tauri應用程序時出錯”);
          }
          
          #[tauri::command]
          fn greet() -> 字符串 {
              格式!("你好,來自Rust!”)
          }

          此代碼使用單個命令greet設置一個簡單的Tauri應用程序,該命令返回問候消息。

          第5步:運行您的應用程序

          現在,您可以運行您的Tauri應用程序。在您的終端中,導航到項目根目錄并執行:

          tauri dev

          這將在開發模式下構建和運行您的Tauri應用程序。您應該看到一個帶有簡單HTML界面的窗口打開,單擊“Greet”按鈕將顯示帶有Rust消息的警報。

          第6步:為生產而建設

          一旦您對應用程序滿意,您可以將其用于生產:

          牛座建造

          此命令將在src-tauri/target/release/bundle目錄中為您的應用程序創建一個優化的獨立二進制文件。

          結論

          恭喜!您使用Rust和Tauri構建了一個簡單的桌面應用程序。此設置允許您利用Rust強大的性能和安全功能,同時為UI使用熟悉的Web技術。當您繼續探索Tauri時,您會發現更多功能和自定義選項,以構建更復雜、功能更豐富的應用程序。編碼愉快

          Windows平臺上開發桌面應用程序,可以使用多種編程語言和開發環境。以下是一些常見的開發語言,按照它們在Windows桌面應用開發中的流行度和使用頻率大致排序:

          1.?C++:由于其性能優勢和對系統級操作的深入控制,C++是開發高性能桌面應用程序的首選語言之一。

          2.?C#:隨著.NET框架的發展,C#已成為開發Windows桌面應用程序的強大工具,特別是使用Windows Presentation Foundation (WPF) 和Windows Forms技術。

          3.?Visual Basic .NET (VB.NET):VB.NET是.NET框架的一部分,它提供了一種快速開發Windows桌面應用程序的方式,尤其適合初學者和快速原型開發。

          4.?Python:雖然Python主要用于Web開發和腳本編寫,但也有庫如Tkinter、PyQt或wxPython等,可以用于開發跨平臺的桌面應用程序。

          5.?JavaScript/TypeScript:通過Electron框架,可以使用JavaScript或TypeScript開發跨平臺的桌面應用程序。

          6.?Java:Java通過Swing或JavaFX框架可以開發桌面應用程序,盡管它在Windows平臺上的流行度可能不如其他語言。

          7.?Delphi/Object Pascal:Delphi是一種高級的編程語言,使用Object Pascal語法,它提供了快速應用程序開發(RAD)工具,適合開發Windows桌面應用程序。

          8.?Rust:Rust是一種注重安全、并發和性能的系統編程語言,雖然它在桌面應用開發中的使用不如C++廣泛,但正在逐漸獲得關注。

          9.?Go:Go語言以其并發能力和簡潔的語法而受到青睞,盡管它主要用于服務器端開發,但也可以用來開發桌面應用程序。

          10.?PowerShell:PowerShell是一種腳本語言和shell環境,主要用于系統管理和自動化任務,但也可以用來開發簡單的桌面應用程序。

          11.?BASIC:雖然不是現代的主流選擇,但在某些特定場合,BASIC語言仍然被用于開發簡單的Windows桌面應用程序。

          請注意,這個排序并不是絕對的,不同的項目和團隊可能會根據特定的需求、團隊技能和項目目標選擇不同的開發語言。此外,一些語言可能更適合特定的應用程序類型或開發場景。


          主站蜘蛛池模板: 日韩AV无码一区二区三区不卡毛片| 亚洲AV午夜福利精品一区二区| 中文字幕一区日韩在线视频| 国产高清在线精品一区| 国产成人av一区二区三区在线 | 日韩精品一区二区三区在线观看l 日韩精品一区二区三区毛片 | 人妻无码一区二区三区四区| 久久精品黄AA片一区二区三区| 中文字幕精品无码一区二区 | 亚洲AV日韩AV天堂一区二区三区| 国产精品一区二区综合| 蜜桃AV抽搐高潮一区二区| 最美女人体内射精一区二区| 天天看高清无码一区二区三区 | 人妻体体内射精一区二区| 国模少妇一区二区三区| 国产观看精品一区二区三区| 色婷婷亚洲一区二区三区| 欲色aV无码一区二区人妻 | 日韩精品成人一区二区三区| 国产午夜三级一区二区三| 国产伦一区二区三区免费| 国产精品日韩一区二区三区| 婷婷亚洲综合一区二区| 日韩色视频一区二区三区亚洲| 怡红院美国分院一区二区| 精品黑人一区二区三区| 夜夜添无码试看一区二区三区| 亚洲一区二区三区在线视频| 国产成人一区二区精品非洲| 成人在线观看一区| 国产福利日本一区二区三区| 波多野结衣一区视频在线| 亚洲一区二区久久| 精品永久久福利一区二区| 久久精品一区二区国产| 亚洲AV综合色区无码一区| 消息称老熟妇乱视频一区二区| 欧洲精品码一区二区三区免费看 | 美女福利视频一区二区| 视频在线观看一区二区三区|