openlmis/ui-layout Docker 镜像 - 轩辕镜像

OpenLMIS UI Layout 镜像文档

概述

OpenLMIS UI Layout 是 OpenLMIS（开源物流管理信息系统）的前端布局组件镜像，提供标准化的用户界面布局框架，用于构建供应链管理系统的一致化前端界面。该镜像封装了UI布局核心组件、样式资源及配置模板，支持快速集成到OpenLMIS前端应用中。

核心功能与特性

• 标准化布局结构：内置***系统常用的页面布局模板（如侧边栏导航、顶部工具栏、内容区域划分等）
• 响应式设计：自适应不同设备屏幕尺寸，支持桌面端与移动端访问
• 模块化组件：提供可复用的UI组件（如导航菜单、面包屑、通知面板等）
• 主题支持：支持自定义主题样式，适配不同部署环境的品牌需求
• 配置灵活：通过环境变量和配置文件自定义布局参数

使用场景与适用范围

• OpenLMIS系统前端应用开发与部署
• ***供应链管理平台的UI标准化建设
• 需要快速构建一致用户界面的***信息化项目
• 基于OpenLMIS生态的二次开发场景

使用方法与配置说明

前提条件

• Docker Engine 1.13+
• 网络连接（用于拉取镜像）

获取镜像

bash
docker pull openlmis/openlmi***-layout:latest

基本运行命令

bash
docker run -d \
  --name openlmi***-layout \
  -p 8080:80 \
  openlmis/openlmi***-layout:latest

自定义配置

环境变量配置

带环境变量的运行示例

bash
docker run -d \
  --name openlmi***-layout \
  -p 8080:80 \
  -e LAYOUT_THEME=custom \
  -e NAVIGATION_STYLE=topbar \
  openlmis/openlmi***-layout:latest

挂载自定义配置文件

bash
docker run -d \
  --name openlmi***-layout \
  -p 8080:80 \
  -v ./custom-layout-config:/etc/openlmis/ui-layout/config \
  openlmis/openlmi***-layout:latest

集成到前端项目

在前端项目中通过NPM依赖引入：

bash
npm install @openlmis/ui-layout

注意事项

• 该镜像需配合OpenLMIS后端服务使用，单独运行仅提供布局预览功能
• 生产环境建议指定具体版本标签（如:v3.14.0）而非latest
• 自定义主题需将主题文件挂载至/etc/openlmis/ui-layout/themes目录

相关资源

• 官方代码仓库：[***]
• OpenLMIS文档中心：[***]