当前位置:首页 » 网页前端 » 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 文件即可以桌面应用的方式运行你的网页。