本人已经AFK，有意向接坑的欢迎到Github上Fork，网站建好后可以开Issue联系我跳转。

I'm now AFK. For anybody who wants to continue this project, please fork the repository on github and open an issue when new web is ready so I can plan a redirect.

Girls' Frontline Database Web Part

json数据是由另一个工具处理的：https://github.com/ccxcxd/GFDB-Decoder

本人完全不懂前端，欢迎大佬指点

有问题和建议可以在GitHub开issue或者NGA留言(tid=13906769)

• npm run dll: 生成 dll 文件（dll文件是打包的前置文件，如打包提示缺少dll文件的话执行本命令重新生成即可）
• npm run db: 更新并生成 db 文件（每当 db 数据变更时都要执行一次此命令生成新的静态 db 文件）
• npm start / npm run dev: 启动本地开发服务器
• npm run build: 打包代码
• npm run local: 启动本地静态服务器访问上面指令产生的打包产物

1. 安装启动项目所需的依赖包: npm install
2. 生成 dll 文件: npm run dll
3. 生成 db 文件: npm run db
4. 以本地服务器启动项目: npm run dev

• --config: 指定使用的 webpack 配置文件

其他可用的 cli 配置项详见 webpack 和 webpack-dev-server 的配置列表

• bin 存放打包前操作 nodejs 文件，作用是生成多语种入口
• build 存放 webpack 配置文件的文件夹
• dist 存放打包产物的文件夹
• src 源码目录
  • components 公用视图模块
  • db 数据文件（如战役数据、后勤数据等）
  • entries 多语种的入口文件，本目录内容由 bin/init.js 根据 src/index.js 生成，不用手动编辑
  • locales 多语种数据目录，bin/init.js 根据本目录下的语种目录（文件夹）生成语种列表，生成多语种的入口文件
  • models 视图的操作 models 文件存放目录（redux 的 state 操作模块）
  • routes 前端路由文件存放目录
  • services 服务存放目录（http请求操作或是抽象的耗时操作）
  • static 静态文件存放目录（本目录下的文件会复制到产物中的 static 目录 dist/static）
  • utils 存放一些公用源文件的目录
    • less 存放less 的公用文件
      • variables 存放 less 文件的公用资源（会被自动引入所有 less 文件的头部）

• 打包框架 Webpack
• 前端框架 React
• 前端UI组件框架 Ant Design
• 数据框架 Dva (Redux 的实现)

• 通过路由分发把不同路由下的请求重定向回根目录的入口页面（单页应用)
• 根据入口文件的路由挂载对应路由的 model
• 根据路由渲染视图组件（react-router）
• 如触发某 model 的路由监听事件，执行之

在 centos 环境下，除了 npm i 外，还需要手动安装一些运行库

yum install pango.x86_64 libXcomposite.x86_64 libXcursor.x86_64 libXdamage.x86_64 libXext.x86_64 libXi.x86_64 libXtst.x86_64 cups-libs.x86_64 libXScrnSaver.x86_64 libXrandr.x86_64 GConf2.x86_64 alsa-lib.x86_64 atk.x86_64 gtk3.x86_64 ipa-gothic-fonts xorg-x11-fonts-100dpi xorg-x11-fonts-75dpi xorg-x11-utils xorg-x11-fonts-cyrillic xorg-x11-fonts-Type1 xorg-x11-fonts-misc

https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md#chrome-headless-doesnt-launch-on-unix