當前位置:首頁 » 網頁前端 » web怎麼開發桌面應用
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web怎麼開發桌面應用

發布時間: 2022-08-10 13:00:13

⑴ 怎麼開發一個web應用程序

需要三部分

  • 水位感測器:

    就是報告水位線位置,通知到信息回傳模塊

  • 信息回傳模塊:

    收到信息回傳模塊後,通過網路將水位信息上報到業務平台

  • 業務平台:

    業務平台處理水位信息,生成水位報告

業務平台

細節有很多,還有不明白的可私信或網路

⑵ 如何 從web瀏覽器運行桌面程序滿意答案30分

想直接實現是不可能的,否則個人安全怎麼保證!

不過可以有個折中方式。很早以前用過。
就是 隨便寫個文件,例如 aa.abcd ,擴展名可以隨意取 ; 在你網頁上弄個超級鏈接,鏈接到 aa.abcd; 然後在客戶端打開文件類型設置裡面, 配置上擴展名為 .abcd 的文件用你的軟體打開,就可以了。前提是需要客戶在自己客戶機上安裝你的配置文件。

⑶ 求知:什麼是web開發什麼是桌面軟體開發兩者有何區別具體需要學什麼

web開發也可以說是做網站的屬於B/S(瀏覽器/服務端),想我們上網打開的網頁就屬於web方面的。
桌面軟體開發也就是我們通常所說的C/S(客戶端/伺服器),想我們用的360安全衛士就屬於桌面軟體。

⑷ win7怎麼實現web桌面功能

win7自定義web桌面方法: 在桌面上右鍵單擊。 點擊「個性化」。 點擊「桌面背景」。 點擊「瀏覽」,選中要設置成背景的圖片,然後點擊右下角的「保存修改」即可。到這里,桌面背景就已經設置好。

⑸ javaweb系統怎麼做成桌面應用

人們平常說的Java一般指JavaSE,也就是Java Standard Edition,Java的標准版,一般用來開發桌面應用程序,但是在開發桌面應用程序上相對VB,Delphi,VC++並沒有什麼優勢。 而JavaWeb則到了JavaEE領域了,也就是Java Enterprise Edition,Java的企業版,看那個web就應該想到是與Internet有關的,其實開發JavaWeb應用程序,初級的一般是用JSP(Java Server Pages)+servlet+Javabean來開發的,對大型的網站一般是使用框架來開發的,例如struts,hibernate,spring,例如校內,你在登陸的時候會在地址欄看見Login.do,登陸以後會看見Home.do這樣的請求,典型的struts框架結構。 Java還有一個版本是JavaME,Java Micro Edition,Java的微型版,諾基亞手機上運行的Java程序就是指用這個版本開發的程序。

⑹ 如何用webstorm開發app

對於web開發人員來說的話,目前開發桌面應用也是比較easy的. 比較火的應該是node-webkit/nw.js. 官方的解釋是 Web應用程序運行時環境(基於Chromium) ,簡單來說就是,你可以利用你所知道的幾乎所有web技術來構建本地應用程序,HTML5, JS, Nodejs 等以及native的 api。

使用HTML5,CSS3和WebGL,JS. 來去編寫
完整的支持nodejs api 以及 npm
吊吊的性能
方便的打包和分發([node-webkit-builder])
三平台支持 Linux, Mac OS X and Windows

⑺ 用web 技術開發桌面應用果然不可取嗎

沒有什麼不可取的啊,主要還是要看產品的定位更適合選擇B/S模式還是選擇C/S模式,不同的模式有著不同的優點,基於B/S的web開發讓用戶告別了繁瑣的軟體安裝等等,在軟體開發中常用的流程圖繪制工具逐漸出現了網頁版,極大的方便了程序員的流程圖繪制。

⑻ 如何利用 QT 進行 web 與本地混合應用開發

如何利用 QT 進行 web 與本地混合應用開發是本文要講述的內容,Qt提供了本地 C++對象與JavaScript的無縫集成,是進行本地與web混合應用開發的理想平台。

一、Qt Webkit 集成

利用Qt的Webkit 集成與QtNetwork模塊,你完全可以進行本地桌面與web混合應用開發,你可以自由地混合JavaScript,樣式表,Web內容和Qt組件。 Webkit是一個非常成熟的web瀏覽引擎。Qt中集成了這個大名鼎鼎的引擎,通過QtWebkit,你可以在C++ 中執行JavaScript,或者在網頁中集成C++對象,並且通過JavaScript和這些對象進行交互。

一個現代的HTML渲染引擎只 是混合開發的一半,另一半就是本地應用和渲染對象的交互。QT的Webkit 集成提供了這種解決方案:

1.使用object標簽嵌入Qt Widgets組件。這可以讓使用C++代碼的Qt組件包含在網頁中,作為網頁的部分外觀。

2.在JavaScript中訪問C++對象。你 可以在JavaScript環境中插入C++對象,讓網頁腳本直接訪問你的數據結構。

3.在Qt中執行JavaScript。你可以在C++ 調用網頁環境中的JavaScript函數,觸發網頁事件。

4.共享客戶端存儲。在JavaScript和C++中你都具有訪問資料庫的能 力,這樣當下線時也能共享大量數據。

二、與嵌入的Qt對象交互

使用 QWebView 組件,有兩種方法可以在網頁中嵌入C++對象。你可以在網頁的JavaScript中添加C++對象,或者也可以創建一個插件,然後在網頁中使用 object標簽嵌入。

第二種方法更容易入手。當在網頁中放入 Widget組件時,它的所有public slots就像普通函數一樣被網頁中的JavaScript函數訪問。

要在網頁中添加一個Widget,首先要告訴你的QWebPage對象,該Widget可用,這個通過子類化QWebPlugFactory完成,
你需要 重新實現兩個方法:plugs和create。plugs方法通知網頁該Widget可用,create方法根據請求創建widget。

在 HTML網頁中,widgets使用object標簽創建。比如,下面這個標簽試圖創建一個 application/x-qt-colorlabel組件。
<object type="application/x-qt-colorlabel" width="50px" height="20px" id="label" />

要利用這種創建,必須要允許使用插件並且要告訴QWebpage插件的工廠類。在下面的代碼中,ColorLabelFactory將 會根據application/x-qt-colorlabel的請求創建相應實例。
QWebSettings::globalSettings()->setAttribute(QWebSettings::PluginsEnabled, true); webView->page()->setPluginFactory(new ColorLabelFactory(this));

ColorLabel有一個公開的slot: chagneColor(),這個對於網頁中的JavaScript自動可用。在網頁中插入一個指向該元素的鏈接,可以以一種簡單的方式激活C++函數。
<a href='javascript:document.getElementById("label").changeColor();'>Change color!</a>

要反方向推進事件,必須要使你的對象在JavaScript文檔上下文中可用。要對QWebPage的每一個 QWebFrame,調用addToJavaScriptWindowObject方法。這個方法允許你根據名字把一個對象添加到JavaScipt上下 文中。
webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSource", new eventSource( this ) );

要連接剛添加對象eventSource的信號,要加上一段JavaScript代碼,使用evaluateJavaScript方法
完成。下面的代碼將把eventSource對象的signalName信號連接到一個JavaScript函數destFunction。
webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalName.connect(destFunction);" );

如果你把一個對象添加到一個以標准瀏覽器查看的JavaScript頁面中,有一個信號需要知道。每一次JavaScript
內容被清除,Frame都會釋放 javaScriptWindowObjectCleared
信號。為了使你的Qt對象一直可用,你需要連接這個信號,並且在這里調用 addToJavaScriptWindowObject函數。

⑼ C# WEB 如果實現桌面形式的程序。

那你就要用WinForm了,C#可以開發winForm程序的,希望你能了解一下。
剛看了你問題的補充,那winform不適合你,你要了解js及其常用框架了,你這個界面用extJs框架較合適。

⑽ 怎麼將網頁打包成桌面應用(web前端頁面

在 HTML5的崛起、JavaScript要一統天下之際,有一個名為【跨平台】的技術越來越火。為什麼會這么火?因為軟體開發者只需一次編寫程序,即可在 Windows、Linux、Mac、IOS、Android 等平台運行,大大降低了程序員的工作量,也使公司的產品可以快讀迭代。曾經跨平台技術的不被看好,如今隨著手機、電腦硬體的發展而快速發展。這一切,幾乎由HTML5技術推動,當然,JavaScript 這個語言,是最大的功臣。

基於 HTML5 的跨平台技術比較出名的有 PhoneGap、Cordova,常常用於開發 webapp;還有 Egret、Cocos-creator、Unity 等,常用於開發游戲;還有基於 Node.js 的 nw.js,用於開發桌面應用,以及 Electron,一款比 nw.js 還強大的用網頁技術來開發桌面應用的神器。

其實,以上都是廢話,現在進入主題:怎麼用 Electron 將網頁打包成 exe 可執行文件!

假設:

1、你已經安裝並配置好了 node.js (全局安裝)

2、你已經用 npm 安裝了 electron (全局安裝)

3、你已經寫好了前端網頁(html、css、javascript 這些,或者基於這些的前端框架寫好的網頁)

4、以上三點看不懂的,趕緊去網路。。。

你如果具備了以上的假設,請繼續往下看:

1、找到你的前端網頁項目文件夾,新建 package.json、main.js、index.html 三個文件(註:其中的 index.html 是你的網頁首頁)

你的項目目錄/
├── package.json
├── main.js
└── index.html

2、在 package.json 中添加如下內容

{
"name" : "app-name",
"version" : "0.1.0",
"main" : "main.js"}

3、在 main.js 中添加下面的內容,這個 main.js 文件就是上面 package.json 中的 "main"鍵 的值,所以可根據需要修改

const {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.let winfunction createWindow () {
// Create the browser window.
win = new BrowserWindow({width: 800, height: 600})

// and load the index.html of the app.
win.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))

// Open the DevTools.
// win.webContents.openDevTools()

// Emitted when the window is closed.
win.on('closed', () => {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
win = null
})}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready', createWindow)// Quit when all windows are closed.app.on('window-all-closed', () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit()
}})app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (win === null) {
createWindow()
}})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

4、如果你的網頁首頁的文件名不是 「index.html」,那麼請在 main.js 中將其中的 'index.html' 修改為你的網頁首頁名

5、打開 DOS,cd 到你的項目目錄(或直接在你的項目目錄下空白的地方 shift+滑鼠右鍵,然後點擊在此處打開命令窗口,這里看不懂的,唉,網路吧少年)

6、在上一步的 DOS 下,輸入npm install electron-packager -g全局安裝我們的打包神器

npminstallelectron-packager-g

7、安裝好打包神器後,還是在上一步的 DOS 下,輸入electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles 即可開始打包

electron-packager . app --win --out presenterTool --arch=x64
--version 1.4.14 --overwrite --ignore=node_moles

這個命令什麼意思?藍色部分可自行修改:

electron-packager .可執行文件的文件名--win --out打包成的文件夾名--arch=x64位還是32位--version版本號--overwrite --ignore=node_moles


以上是最簡單的打包方式,至於怎麼修改窗口大小、菜單欄怎麼加、怎麼調用系統API這些,就給你慢慢去研究Electron了。

如果你打包總是不成功,覺得很煩,同時對擴展功能沒什麼要求的話,

裡面有我已將內容為 hello,world 的 index.html 網頁通過 Electron 框架打包為 windows 環境下的桌面應用。

現只需將你的網頁前端項目復制到 /resources/app/project 目錄下,雙擊 exe 文件即可以桌面應用的方式運行你的網頁。