什么是可视化软件?
可视化工具是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等。网上也有相关教程和资料,非常详细。有兴趣的可以搜一下。希望以上分享的内容能对你有所帮助,也欢迎大家评论和留言。