推广 热搜: 广场  Java  app  Word  营业  微信公众号  北京代理记账  商城  代理记账  商标交易 

html可视化编辑软件国产 什么是可视化软件?

   2023-05-07 企业服务招财猫60
核心提示:什么是可视化软件?可视化工具是VisualStudio调试器用户界面的一个组件。Visualiz前端html和js可以做什么?最基础的就是开发网页。html编写网页,js实现网页的交互效果。此外,还可

什么是可视化软件?

可视化工具是VisualStudio调试器用户界面的一个组件。Visualiz

前端html和js可以做什么?

最基础的就是开发网页。html编写网页,js实现网页的交互效果。此外,还可以开发桌面GUI程序。下面我简单介绍一下如何使用htmljs开发一个简单的桌面程序:

1.为了更好地说明这里的问题,我创建了一个新的html文件,这是一个简单的登录页面。源代码如下,很简单,就是两个输入框和一个登录按钮:

浏览器操作的效果如下:

2.然后,您可以将这个html页面打包成桌面应用程序。这里需要用到nodejs的电子函数。我来详细介绍一下主要步骤和截图:

首先你需要安装本地节点环境,可以直接从官网下载。如下,您可以选择适合您平台的版本:

安装完成后,需要下载两个包,electronic和electronic-packager,下面的打包需要使用这两个包来命令"NPM安装电子包装机",如下所示:

然后新建一个文件夹,拖拽刚才的html文件,同时创建package.json文件和main.js文件,如下:

package.json文件配置如下,主要表示应用程序名称、版本号和包配置文件:

main.js文件的配置如下。在这里,您需要指明打包程序的入口文件。网上还有详细的配置流程:

最后,它是时候打包程序了,命令"app-win-outappdir-archx64-electron-version3.0.10-overwrite"速度非常快。这里主要需要指定打包的应用程序名称、输出目录、版本号、位数等。

然后你可以在输出目录AppDir中找到打包的应用程序APP.exe,直接双击打开。截图如下,类似浏览器效果:

至此,我们已经使用htmljs完成了一个简单的桌面GUI程序的开发。总的来说,整个过程并不难,只是步骤有点复杂,只要熟悉就行。下载上面的配置流程,操作几次,很快就能掌握了。当然也可以用htmljs开发移动应用,比如HBuilder等。网上也有相关教程和资料,非常详细。有兴趣的可以搜一下。希望以上分享的内容能对你有所帮助,也欢迎大家评论和留言。

 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
合作伙伴
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  冀ICP备2023006999号-8