本地json文件的编辑器,node-webkit开发的exe程序

首发:个人博客,更新&纠错&回复

在昨天的dota契合度计算器中,用到了dota英雄数据dota玩家数据这两个数据库,为了便于网页应用使用,这两个数据库的存储格式是json,即heros.json和players.json这两个文件。

json文件的好处是用文本编辑器可以打开,但坏处是不像数据库那样有图形化界面方便操作。英雄有100多个,玩家也有十几个,每个英雄和玩家的属性都有十几二十项,在文本编辑器里拖来拖去太麻烦了,不能一目了然。

而且英雄有个tags属性,这属性实际是用逗号分隔的字符串,如"远程,智力,法师,爆发",这个串的编辑是我目前主要要做的事,在文本编辑器里拖动太蠢了,就想要做个exe程序,由于这个编辑器要处理的是json格式数据,采用node-webkit技术,用javascript语言完成是最合适的,不由得感叹技术多学点儿就好像多开了几扇窗户,而不会只有锤子遇到什么都当钉子来砸。

实现起来并不困难,代码在这里,当然要放到node-webkit的壳子里运行,可以参考我的这篇博客

界面如图:

然后顺手把玩家编辑器也给做了,只是在英雄标签编辑器的基础上改了改,界面如下:

设定好了英雄和玩家的指标,就可以用算法计算玩家的契合英雄了:

计算出了杜哥最适合用的前15名英雄,还是比较准确的。处理好的数据和计算用的页面在这里,源码在这里

欢迎使用和提修改意见,尤其是关于英雄指标和算法的,目前的还是觉得有缺陷,例如沉默术士和天怒法师都有“沉默”技能,显然两者是不同的,但没想好该怎么区分。

长期欢迎项目合作机会介绍,项目收入10%用于酬谢介绍人。新浪微博:@冷镜,QQ:908789432。

时间: 2024-11-05 18:51:26

本地json文件的编辑器,node-webkit开发的exe程序的相关文章

访问本地json文件因跨域导致的问题

我使用jquery的getJSON的方法获取本地的json文件,并进行操作,获取json 数据代码如下: $.getJSON("invite_panel.json",function(data){//获取json文件中的数据 $.each(data, function (index, obj) //对json数据进行遍历 } 因我获取的是本地的 json 文件数据,因此导致了跨域问题,使得大部分主流浏览器报错,并无法获取本地的 json 文件,使用chrome浏览器查看错误如下: 通过

iOS国家城市选择器 读取本地json文件

最近在做的产品有这么个需求,读取本地json文件中的国家和城市信息,显示到pickerview上,在网上查了一下,发现没有什么合适的可用资源,所以就自己写了一个简单的DEMO. 效果图: 读取本地json的方法如下: + (NSMutableArray *)getCityData { NSArray *jsonArray = [[NSArray alloc]init]; NSData *fileData = [[NSData alloc]init]; NSUserDefaults *UD = [

将Chrome调试器里的JavaScript变量保存成本地JSON文件

我写了一个系列的文章,主要用来搜集一些供程序员使用的小工具,小技巧,帮助大家提高工作效率. 推荐一个功能强大的文件搜索工具SearchMyFiles 介绍一个好用的免费流程图和UML绘制软件-Diagram Designer 介绍Windows任务管理器的替代者-Process Explorer 介绍一个强大的磁盘空间检测工具Space Sniffer 如何在电脑上比较两个相似文件的差异 程序员工作效率提升系列-推荐一个JSON文件查看和修改的小工具 我们在Chrome开发者工具的Console

HTML5实现本地JSON文件的读写

参考: 使用HTML5来实现本地文件读取和写入  (FileReader读取json文件,FileSaver.js保存json文件) w3school <input>标签 FileReader WebAPI接口 FileSaver.js下载地址 FileSaver.js介绍 JS创建.写入.读取本地文件(txt)   (ActiveXObject 这玩意根本不能用,IE10 和 Chrome都试了) HTML 5中的文件处理之File Writer API  (FileSaver和FileWr

Vue-cli3.0项目下axios请求本地json文件的数据

1. Vue-cli3.0项目节省了很多文件,比如讲vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中. 2. 在Vue-cli3.0项目的vue.config.js或vue-cli3.0之前版本的build/dev-server.js中配置: const express = require('express')const app = express() var singer = require('./src/db/data/singer.

使用 node.js 开发前端打包程序 ---转载

我们在做前端开发的时候经常会在部署上线的时候做程序的打包和合并,我们接下来就会对如何使用 node.js 开发前端打包程序做非常深入的讲解,希望能够帮到有需要的同学. 我们现在做前端开发更多的是多人共同协作开发,每个人负责不同的模块,便于开发和调试.这样就导致我们最后部署上线的时候需要把所有人开发的模块进行合并,生成单个或多个文件上线.如果手动合并的话肯定是费时又费力,而且非常容易出错,所以我们一般都是通过一些工具来实现自动合并的功能. 打包程序的原理非常简单,入口文件->寻找依赖关系->替换

vue.js学习笔记(二):如何加载本地json文件

在项目开发的过程中,因为无法和后台的数据做交互,所以我们可以自建一个假数据文件(如data.json)到项目文件夹中,这样我们就可以模仿后台的数据进行开发.但是,如何在一个vue.js 项目中引入本地的json文件呢,下面就将步骤贴出来.(此时项目是由webpack打包而成). 整个项目是由webpack打包而成,具体步骤上网查找.具体项目结构如下: 1:我们找到bulid>dev-server.js,然后打开 2:在里面加入这段代码. var app = express() var appDa

读取本地Json文件

//读取Json文件  地区 //将文件拖到本地  获取json数据 //获取json文件路径 NSString *pathArea=[[NSBundle mainBundle] pathForResource:@"area" ofType:@"json"]; //==Json数据 NSData *dataArea=[NSData dataWithContentsOfFile:pathArea]; //==JsonObject //将data 转换成json数据 N

如何读取一个本地Json文件并查询该文件展示其内容

我前一段时间在我的博客里写了一篇文章"如何在QML应用中读写文件",那篇文章是介绍如何使用C++来读取文件的.那种方法是一个比较通用的方法.但是对于有些应用来说,我们可以通过配置JSON来创建我们的UI,或者对不同的平台进行配置,而不用写一个单独的设置文件来做这件事.那么我们如何不需要通过C++的方法来读取Json文件呢? 我们可以使用我们的SDK创建一个最基本的QML应用.为了能够读取Json文件,我们创建一个叫做"jsonparser.js"的文件: /* Ba