热点:

    Node-webkit结合Express实现路由

      [   原创  ]   作者:
    收藏文章 暂无评论

    1、 安装Node.js运行环境及nwjs框架。

    2、 在本地新建一个名为 node-wbkit 的文件夹,可自定义名称,将解压后的 nwjs 全部文件复制到该文件夹中即可。

    3、 在文件夹中新建一个项目目录,此处将其命名为APP。

    4、 使用Sublime打开编辑器,将项目文件导入其中进行编辑。

    5、 在app文件夹中新建一个package.json文件,打开后编辑其入口配置信息。将main字段指向当前目录下的index.html,表明该文件为应用的启动页面。因此,需在app目录下同步创建index.html文件,作为程序的静态首页。

    6、 在index.html中编写页面代码,打开命令提示符,进入项目所在目录。

    7、 注意项目名称指的是总项目的文件夹,而非app目录,应位于node-webkit文件夹内。

    8、 在命令提示符中输入nw app并回车,其中app为项目文件夹名称,即可启动一个基于Webkit的桌面浏览器窗口。

    9、 进入app目录后,执行npm install express命令来安装Express模块,以便实现路由功能。安装过程中,系统会自动在app目录下创建node_modules文件夹,用于存放Express及相关依赖文件,为后续的路由配置和服务器搭建提供支持。

    10、 此处采用 Jade 模板引擎,需通过 npm install jade 命令进行安装。在 app 目录中新建名为 node-view 的视图文件夹,并在该文件夹内创建 index.jade 文件,用于编写页面模板内容,实现视图层的结构与展示逻辑。

    11、 在应用的根目录中新建一个名为app.js的JavaScript文件。

    12、 引入Express框架,编写路由和视图逻辑,具体实现细节此处不再详述。

    13、 最关键的部分在于:Express 的本地服务地址为 http://localhost:3000,只有通过该地址才能访问其路由。基于这一点,我们可以从应用根目录下的 index.html 入手进行处理。因为当执行 nw app 命令启动应用时,程序默认加载的就是 app 目录中的 index.html 文件。因此,只需确保该文件能够正确指向并连接到 Express 服务,即可实现页面与后端路由的顺利通信,从而完成前后端的协同工作。

    14、 删除index.html中的全部代码,添加script标签,修改浏览器地址栏的链接即可完成操作。

    15、 先引入根目录下的app.js文件。

    16、 将当前页面跳转至本地3000端口的服务地址。

    17、 查看我们的express路由,访问根目录时返回的是index.jade页面文件。

    18、 查看index.jade文件内容

    19、 运行结果显示,Express路由可正常访问,说明通过Node-Webkit与Express结合开发桌面应用已成功实现。后续还可采用Electron与Express配合的方式,进一步拓展桌面程序的开发模式,提升功能性和灵活性,为桌面应用提供更强大的后端支持。

    soft.zol.com.cn true https://soft.zol.com.cn/1127/11277536.html report 2102 1、 安装Node.js运行环境及nwjs框架。 2、 在本地新建一个名为 node-wbkit 的文件夹,可自定义名称,将解压后的 nwjs 全部文件复制到该文件夹中即可。 3、 在文件夹中新建一个项目目录,此处将其命名为APP。 4、 使用Sublime打开编辑器,将项目文件导入其中进行编辑。...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    Express Accounts

    更新时间:2010年01月14日

    用户评分:0 | 0人点评

    软件类型:共享软件

    软件语言:英文

    Express Accounts
    • 更新时间:2010年01月14日
    • 软件大小:0.6MB
    • 软件分类:财务管理
    • 语言种类:英文
    • 软件评级:0 人点评