kyontan/ictsc-score-server

ictsc-score-server UI镜像说明

镜像概述

本镜像提供ictsc-score-server的自动化测试及UI相关功能支持，包含前端项目的依赖安装、开发调试、生产构建等脚本，以及自定义Vue插件和组件，适用于该项目的前端开发与测试场景。

核心功能

1. 项目构建与运行：支持本地开发环境启动（yarn run dev）和生产环境资源构建（yarn run build）；
2. 自定义Vue插件：自研vue-async-data-2插件，负责Ajax请求的加载状态、错误处理及数据赋值；
3. 全局事件总线：通过src/utils/EventBus提供事件发射（Emit）与订阅（Subscribe）功能；
4. 通知组件：src/components/Notif.vue组件实现通知信息展示（详细参考源码注释）。

使用场景

1. 本地开发调试：快速启动前端项目进行功能调试；
2. 生产构建：生成生产环境可用的静态资源；
3. 自动化测试：配合流程验证UI功能正确性。

配置说明

1. 确保Docker环境已安装；
2. 挂载本地项目目录到容器内以实时修改代码；
3. 通过镜像内yarn命令完成依赖安装与运行。

部署示例

Docker Run命令

bash
# 本地开发启动（假设开发端口为8080）
docker run -it --rm \
  -v $(pwd):/app \
  -w /app \
  -p 8080:8080 \
  kyontan/ictsc-score-server \
  sh -c "yarn install && yarn run dev"

Docker Compose示例

yaml
version: '3'
services:
  ictsc-score-ui:
    image: kyontan/ictsc-score-server
    volumes: ["./:/app"]
    working_dir: /app
    ports: ["8080:8080"]
    command: sh -c "yarn install && yarn run dev"