nwjs 实现桌面化 app
nwjs 实现 web 项目 桌面化:
1 下周 nwjs ,解压目录为 1
2 新建文件夹 demo
3 cd demo , 创建 index.html package.json
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>hello nw</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div>first nw exe and cdd </div>
<button class="btnSubmit">提交测试</button>
<table>
<tr>
<td>城市名称</td>
</tr>
<tr class="cityList"></tr>
</table>
<script type="text/javascript">
$('.btnSubmit').click(function(res){
console.log("=====cdcd======");
$.ajax({
url:"https://xxx.com/area/list",
type:"get",
data:{},
dataType:"json",
success:function(res){
var cityListTd = '';
for (var i = res.data.list.length - 1; i >= 0; i--) {
var name = res.data.list[i]['areaName']
console.log("=====cdcd res======",name);
cityListTd = cityListTd+"<td>"+name+"</td>"
}
$('.cityList').append(cityListTd)
}
})
})
</script>
</body>
</html>
4 编辑 package.json
{
"name": "hello",
"main": "index.html"
}
5 执行 nw . 查看效果
6 打包:
6.1 讲文件夹demo 里面得文件 打包.zip,重命名 demo.nw
6.2 移动 demo.nw 到 步骤 1 nwjs 根目录下面
6.3 cmd = > copy /b nw.exe+demo.nw demo.exe
6.4 双击 demo.exe
目前简单得实现,点击请求 ajax ,数据展示;
今天只是简单得练手,不知能不能直接实现编辑 php , java 等语言。
nwjs 实现桌面化 app相关推荐
- Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现
Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现 原本为html的网页嵌入代码,我运用了nw.js进行了桌面化的实现 下载地址: https://wws.lanzous.co ...
- Android异种机型系统适配:application定义的app名字和安装到手机后桌面显示app名字不一致
Android异种机型系统适配:application定义的app名字和安装到手机后桌面显示app名字不一致 这种情况在个别国内稀奇古怪定制化的Android机型上会出现.正常情况下,Android的 ...
- 嵌入式设备的容器化App
...
- WebQQ桌面化替代方案
ubuntu上使用qq一直是一个比较头疼的问题,有网友做了一个pyWebQQ的程序将webqq桌面化,在各个方面用着都比较舒服,可以目前该程序已经停止开发和维护了. Ubuntu之家最近发现一个好的方 ...
- opensuse下webqq桌面化
官方linux qq客户端在功能和稳定性上实是在不敢恭维,第三方的客户端又被腾信河蟹掉,幸好腾信没有冷落它的webqq,一直在更新,功能和稳定性方面,也足以解决我的"温饱"问题了. ...
- 剖析桌面化 Android 操作系统的发展与未来
背景 操作系统是用来提供一个支持各种应用程序运行的基础软件环境.Linux 当前的在各个领域的发展情况如何?到 2016 年底为止,从不同的数据统计来源,我们看到了 Linux 创造在巨型机(占 99 ...
- Android桌面组件App Widget开发三步走
桌面组件App Widget是Android的实用功能,开发过程虽然不是很难,但是步骤不少,略有麻烦.为了方便以后再次使用的时候,快速上手,概括了下面的关键步骤.并且把项目打了包,方便以后的使用.新建 ...
- 本土化App名稱和icon
本土化app名稱這個容易 第一步配置工程需要本土化的語言. 第二步,新建本土化文件,文件名稱是有要求的,文件名字命名为InfoPlist,且必须是这个名字.這樣系統會自動去讀取該文件中的內容 對新建的 ...
- 服务器2012怎么换桌面背景,Windows Server 2012 R2桌面化详细设置图解
一.任务栏左下角启动服务器管理器,然后进行设置. 1.登录不显示服务器管理器 2.本地服务器,看到右边的IE增强的安全配置,如图所示,关闭两项内容.这样就关闭了IE增强安全提示框. 3."工 ...
最新文章
- 自建28核树莓派集群,顺便学学docker,这里有一个500美元的搭建方案
- css实现横向进度条和竖向进度条
- NIO详解(五):Buffer详解
- 什么是Vue.js?||为什么要学习流行框架||框架和库的区别?||MVC和MVVM的关系图解
- linux判断压缩文件类型,【shell】判断压缩包类型并解压
- educoder 使用线程锁(lock)实现线程同步_线程间的通信(一)
- 详解Python中的序列解包(2)
- 很有趣的一道题:找出有毒的瓶子
- 数据分析融入至BI工具的新思路
- 网络基础:NetBIOS
- Android ListView下拉刷新时卡的问题解决小技巧
- LAMP+LNMP视频教程
- 汉斯·乌尔里希·鲁德尔-唯一一个钻石金双剑金橡叶骑士勋章获得者
- Fiddler Everywhere v3.4.0
- python pcl icp_PCL学习笔记二:Registration (ICP算法)
- 固体激光器的转换效率
- ios android 设计图,帮你彻底搞懂 iOS 和 Android 的设计差异
- 网路游侠:用网络运维操作管理平台进行网络安全管理
- tableviewCell复用 重叠问题
- 2022.4.11-4.17 AI行业周刊(第93期):AI行业的困局
热门文章
- postman导出请求url_Postman使用手册1——导入导出和发送请求查看响应
- 【推荐系统】2017年,你还在用用户画像和协同过滤做推荐系统吗?
- 刀锋铁骑服务器不稳定,看B站博主谈刀锋铁骑血泪发展史扎心啊
- python json安装_python json
- 电脑切换用户关闭计算机会怎样,电脑中待机、关机、睡眠、注销、休眠、切换用户的含义和区别...
- 工控安全之电力行业基础知识
- shell脚本中单引号和双引号的区别
- K-meas聚类算法
- magic系统能升级鸿蒙系统吗,magic4.0是鸿蒙系统吗_magic4.0是不是鸿蒙系统
- 华为机试:服务器广播