jquery实现流程图绘制工具——展现红警三建造出兵操作 ——二、代码初步介绍，项目结构与文件介绍

目录

一、简介

二、代码初步介绍

拓展、实现红警三录像文件读取与自动分析生成流程图信息

======================= 大爽歌作，made by big shuang =======================

二、代码初步介绍

本文初步介绍下项目各个文件是做什么的

1 文件夹初步介绍

• css/: 存放绘制网页所需要的css样式文件
• docs/: 存放各种说明文档
• images/: 存放项目需要的图片，其中icons文件夹存放流程图需要的操作性质图标。
• js/: 存放项目js文件
• node_modules/: 存放导入的js库文件，例如jquery库
• output/: 存放一些示例文件
• 其他：其他文件夹暂与流程图绘制工具无关（可能与录像自动分析工具相关），在此不做介绍

2 文件夹详细介绍

- images/nodes

在此目录下为三个阵营文件夹，

• Allied: 盟军
• Soviet：苏联
• Imperial：帝国
  阵营文件夹下为单位种类文件夹：
• Aircraft: 空军
• Defenses: 防御性（支援性）建筑
• Infantry: 步兵单位
• Production: 生产性（科技）建筑
• Superweapons: 超级武器技能
• Top Secret Protocol: 绝密协议
• Vehicles: 载具单位
• Vessels: 船舶单位
  种类文件夹下为单位图片，单位图片文件名格式一般如下：RA3 单位名 Icons.png
  如果说是起义时刻的单位，则开头为RA3U；
  有几个特殊图片没有这么命名：
  盟军高级许可：RA3_Heightened_Clearance_Icons.png
  盟军最高许可：RA3_Maximum_Clearance_Icons.png

3 重要文件介绍

- main.html / 主页.html

流程图工具绘制页面，项目程序入口，一个是英文版，一个是中文版

- README.md / README_ZH.md

基础介绍文档，一个是英文版，一个是中文版

- js/global_setting.js

全局设置js文件，存放一些基础性质的js变量，

- js/info.js

所有单位的名字和图片文件路径信息，由util.py脚本生成，亦可手动修改。
流程图绘制工具栏中内容就是用该文件生成的。

- js/main.js

js主文件，实现了一些流程图绘制工具直接调用的方法

- js/mynode.js

实现了流程图节点类：DataNode；
以及用于存放节点数据的类：UnitData， LineData
UnitData代表的是每一行起始的节点，根节点，这一行后续所有的节点都是描述这个根节点的
LineData表的是每一行根节点后的节点

- js/text.js / js/zh_text.js

存放网页文本变量的js文件，第一个存放英文版，第二个存放中文版

- js/util.js

辅助性js文件，实现了一些供main.js和mynode.js调用的方法