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相关推荐

  1. Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现

    Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现 原本为html的网页嵌入代码,我运用了nw.js进行了桌面化的实现 下载地址: https://wws.lanzous.co ...

  2. Android异种机型系统适配:application定义的app名字和安装到手机后桌面显示app名字不一致

    Android异种机型系统适配:application定义的app名字和安装到手机后桌面显示app名字不一致 这种情况在个别国内稀奇古怪定制化的Android机型上会出现.正常情况下,Android的 ...

  3. 嵌入式设备的容器化App

                                                                                                        ...

  4. WebQQ桌面化替代方案

    ubuntu上使用qq一直是一个比较头疼的问题,有网友做了一个pyWebQQ的程序将webqq桌面化,在各个方面用着都比较舒服,可以目前该程序已经停止开发和维护了. Ubuntu之家最近发现一个好的方 ...

  5. opensuse下webqq桌面化

    官方linux qq客户端在功能和稳定性上实是在不敢恭维,第三方的客户端又被腾信河蟹掉,幸好腾信没有冷落它的webqq,一直在更新,功能和稳定性方面,也足以解决我的"温饱"问题了. ...

  6. 剖析桌面化 Android 操作系统的发展与未来

    背景 操作系统是用来提供一个支持各种应用程序运行的基础软件环境.Linux 当前的在各个领域的发展情况如何?到 2016 年底为止,从不同的数据统计来源,我们看到了 Linux 创造在巨型机(占 99 ...

  7. Android桌面组件App Widget开发三步走

    桌面组件App Widget是Android的实用功能,开发过程虽然不是很难,但是步骤不少,略有麻烦.为了方便以后再次使用的时候,快速上手,概括了下面的关键步骤.并且把项目打了包,方便以后的使用.新建 ...

  8. 本土化App名稱和icon

    本土化app名稱這個容易 第一步配置工程需要本土化的語言. 第二步,新建本土化文件,文件名稱是有要求的,文件名字命名为InfoPlist,且必须是这个名字.這樣系統會自動去讀取該文件中的內容 對新建的 ...

  9. 服务器2012怎么换桌面背景,Windows Server 2012 R2桌面化详细设置图解

    一.任务栏左下角启动服务器管理器,然后进行设置. 1.登录不显示服务器管理器 2.本地服务器,看到右边的IE增强的安全配置,如图所示,关闭两项内容.这样就关闭了IE增强安全提示框. 3."工 ...

最新文章

  1. 自建28核树莓派集群,顺便学学docker,这里有一个500美元的搭建方案
  2. css实现横向进度条和竖向进度条
  3. NIO详解(五):Buffer详解
  4. 什么是Vue.js?||为什么要学习流行框架||框架和库的区别?||MVC和MVVM的关系图解
  5. linux判断压缩文件类型,【shell】判断压缩包类型并解压
  6. educoder 使用线程锁(lock)实现线程同步_线程间的通信(一)
  7. 详解Python中的序列解包(2)
  8. 很有趣的一道题:找出有毒的瓶子
  9. 数据分析融入至BI工具的新思路
  10. 网络基础:NetBIOS
  11. Android ListView下拉刷新时卡的问题解决小技巧
  12. LAMP+LNMP视频教程
  13. 汉斯·乌尔里希·鲁德尔-唯一一个钻石金双剑金橡叶骑士勋章获得者
  14. Fiddler Everywhere v3.4.0
  15. python pcl icp_PCL学习笔记二:Registration (ICP算法)
  16. 固体激光器的转换效率
  17. ios android 设计图,帮你彻底搞懂 iOS 和 Android 的设计差异
  18. 网路游侠:用网络运维操作管理平台进行网络安全管理
  19. tableviewCell复用 重叠问题
  20. 2022.4.11-4.17 AI行业周刊(第93期):AI行业的困局

热门文章

  1. postman导出请求url_Postman使用手册1——导入导出和发送请求查看响应
  2. 【推荐系统】2017年,你还在用用户画像和协同过滤做推荐系统吗?
  3. 刀锋铁骑服务器不稳定,看B站博主谈刀锋铁骑血泪发展史扎心啊
  4. python json安装_python json
  5. 电脑切换用户关闭计算机会怎样,电脑中待机、关机、睡眠、注销、休眠、切换用户的含义和区别...
  6. 工控安全之电力行业基础知识
  7. shell脚本中单引号和双引号的区别
  8. K-meas聚类算法
  9. magic系统能升级鸿蒙系统吗,magic4.0是鸿蒙系统吗_magic4.0是不是鸿蒙系统
  10. 华为机试:服务器广播