openlmis/ui-components

OpenLMIS UI组件库 Docker镜像

概述

OpenLMIS UI组件库Docker镜像是OpenLMIS（开源物流信息系统）项目的一部分，提供了一套预构建的用户界面组件，用于加速供应链管理系统的前端开发。该镜像包含了所有必要的UI组件、样式和依赖项，使开发人员能够快速构建一致且功能丰富的用户界面。

核心功能和特性

• 丰富的UI组件库：包含按钮、表单、表格、导航、模态框等常用UI组件
• 响应式设计：组件适配各种屏幕尺寸，确保在桌面和移动设备上都有良好表现
• 主题支持：支持自定义主题，可根据组织需求调整颜色、字体等视觉元素
• 预配置的开发环境：包含所有必要的构建工具和依赖项
• 与OpenLMIS后端集成：组件设计考虑了与OpenLMIS后端服务的无缝集成
• 可访问性支持：符合WCAG标准，确保系统对所有用户可访问

使用场景和适用范围

• OpenLMIS系统的前端开发和扩展
• ***供应链管理系统的用户界面构建
• 需要与OpenLMIS后端服务交互的自定义应用开发
• ***领域相关信息系统的UI组件复用

使用方法和配置说明

前提条件

• Docker Engine 18.09或更高版本
• Docker Compose（可选，用于多容器部署）
• Git（用于获取示例代码和配置）

基本使用

拉取镜像

bash
docker pull openlmis/openlmis-ui-components:latest

运行容器

bash
docker run -d -p 8080:80 --name openlmis-ui-components openlmis/openlmis-ui-components:latest

容器启动后，可通过访问 http://localhost:8080 查看组件库文档和示例。

Docker Compose 配置

创建docker-compose.yml文件：

yaml
version: '3'
services:
  ui-components:
    image: openlmis/openlmis-ui-components:latest
    container_name: openlmis-ui-components
    ports:
      - "8080:80"
    volumes:
      - ./custom-themes:/app/themes
    environment:
      - NODE_ENV=production
      - THEME=default

启动服务：

bash
docker-compose up -d

配置参数

环境变量

卷挂载

开发模式使用

对于需要扩展或自定义组件的开发场景，可以使用开发模式：

bash
docker run -d -p 8080:8080 \
  -v $(pwd)/custom-components:/app/components \
  -e NODE_ENV=development \
  --name openlmis-ui-dev \
  openlmis/openlmis-ui-components:latest

在开发模式下，容器会启动热重载服务器，当自定义组件发生变化时自动更新。

相关资源

• OpenLMIS 官方网站
• https://github.com/OpenLMIS/openlmis-ui-components
• 组件文档 (容器运行时访问)