node-webkit实战之《Program Manager》

最新推荐文章于 2022-05-10 17:59:18 发布

原创最新推荐文章于 2022-05-10 17:59:18 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webkit #桌面应用 #编程语言 #前端开发 #开源项目

web前端同时被 3 个专栏收录

144 篇文章

订阅专栏

javascript

17 篇文章

订阅专栏

nodejs

4 篇文章

订阅专栏

本文介绍了一款基于Node-webkit的程序管理器应用实战案例，该应用可通过MySQL数据库服务器控制客户端程序，支持Windows 7/8系统。文章详细展示了如何设置数据库连接、添加或移除应用程序项以及选择.exe文件等步骤，并提供了控制器端的操作指南。

要问当前最火的编程语言，javascript（简称js，不是剑圣）敢说第二，没人敢说第一。我个人觉得javasccript有以下优势或者特点：‘

1，适合入门

js这门语言入门其实很简单，看个人基础和经验，大概只需1至5天即可掌握，甚至精通。

2，用户庞大

最近前端界有个很火的新闻，即美国的一个公益组织给监狱里的犯人培训前端开发，等他们出狱后即可获得新生，其中核心语言就是js。js的用户都蔓延到监狱中去了，可想而知其用户数量。

3，开源项目激增

在github上最活跃，增长最快的是js相关的项目，IT论坛，IT视频教程网站，最多的也是前端，比如慕课网，等等。给怀着梦想的年轻人一个巨大的创造平台。

4，通吃前后端

Nodejs的诞生，彻底颠覆了js在编程领域的地位，因为这让他成为唯一一个通吃前后端的语言。甚至通吃说有平台，今天主题就是借助nodehs用js开发一个桌面应用。

之前有几篇文章提到过node-webkit来开发桌面应用，今天就分享一下我的实战项目《program manager》，此项目被托管在了github上。因为github上有详细介绍，这里我就直接粘贴过来了，不过是英文的介绍。可以直接点击点击打开链接进入github进行查看。

-----------------------------------------------------------华丽的分隔符.---------------------------------------------------------

nw-program-manager

Program manager based on node-webkit(nw),server end(or port) through mysql db server to control the client program.

It is a program manager application that based on node-webkit, as show below:

Run On:

window7/8(32bit or 64bit)

How to use it?

Ready works:

Before hitting the appliction,you should know how the running the node-webkit application,you can ref to:https://github.com/rogerwang/node-webkit/wiki/How-to-package-and-distribute-your-apps . After control above,Now you should have something below,you can drop the project(nw-program-manager) floder to the nw.exe file,then it will running the appliction,good luck for you!

First of all: Choose the user

If there are no problems in running the app, you can see below image,now you should choose the user,the client mean the client end(side),the server mean the controller end(side).

Client side

Step 1: Setting the database

Setting the mysql db as below,then click the connect button,if connected the button will become green,and the button text will change to "disconnect"(click it again to disconnect the db).In this case,you should make sure the db server is running,and the setting is right work.(First connectting the db it will auto create the db & tables,next time it will load the data from db server).

Step 2: Add or remove app items

As show below picture,Click the Add button to add the app items, after that,the app item row will be added to center.As the same remove button.

Step 3: Select .exe file

As below image showed,click the slect button that layed on app item row,to select the window`s application which controled by other side(controller).

Controller Side

Step 1:

As the same as client side,settting the db and click the coonect button to connect the db server.as below:

Step 2:

After connected the db server, it will auto load the app items form server,and it will update once per second.Then you can control the remote client end`s apps through the run & close button.As below: