nwjs 实现桌面化 app

最新推荐文章于 2024-03-17 09:47:16 发布

记忆的残缺

最新推荐文章于 2024-03-17 09:47:16 发布

阅读量448

点赞数

分类专栏： js 文章标签： nwjs

本文链接：https://blog.csdn.net/u014017121/article/details/121768561

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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>

       $.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 等语言。

记忆的残缺

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nwjs 实现桌面化 app

nwjs 实现 web 项目桌面化：1 下周 nwjs ，解压目录为 12 新建文件夹 demo3 cd demo , 创建 index.html package.json index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...
复制链接

扫一扫