A-Soul DataBase 前端代码

    ---- build: 前端编译源码
    ---- web: 提前编译好的源码

编译前端源码

编译在Ubuntu20.04LTS以及Windows10下均通过
node版本:10.19.0
npm版本:6.14.4
python3版本: 3.8.10

安装node与npm:

• Windows:

  • 安装教程: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm

• Linux:

  • 安装教程：

    $ sudo apt install nodejs
    $ sudo apt install npm 

编译:

• 首次：

  ~$ cd Web-Interface/build
  ~/Web-Interface/build$ npm install cnpm -g
  ~/Web-Interface/build$ cd make-front-end/
  ~/Web-Interface/build/make-front-end$ cnpm install
  ~/Web-Interface/build/make-front-end$ cnpm install react-highlight-words
  ~/Web-Interface/build/make-front-end$ cnpm run build

• 非首次：

  ~$ cd Web-Interface/build/make-front-end/
  ~/Web-Interface/build/make-front-end$ cnpm run build

(上面的所有cnpm命令都可以用npm替代，但由于境内网络特殊性可能会导致失败或延迟过高)

成功之后，静态的网页文件会生成在 Web-Interface/web/目录下

可以在Web-Interface/build/make-front-end/config/config.js中的outputPath修改静态文件生成路径

本地测试:

首次编译成功之后，可以将网页运行在localhost或服务器上

~$ cd Web-Interface/build/make-front-end/
~/Web-Interface/build/make-front-end$ cnpm start

默认端口为8000

由于CDN拦截跨域请求，故在本地运行时时请把 config/custom_config.js 中的 urlChoice 改为 2,修改完成之后请将其改回0再push

进度

已完成：

• 2021年目前所有直播数据的简略时间轴（完整 歌曲，舞蹈）和全部字幕（机器识别）
• 前端列表筛选，查看
• 前端搜索
• 前端字幕检索

未完成：

• 按时间搜索