鼎捷TIPTOP 看板系统设计案例详解

《打造企业数字化管理，构建企业级Web平台最佳实践案例》

1.引言

       鼎捷TIPTOP ERP系统在企业资源管理中扮演着至关重要的角色。本文将介绍如何设计和实现一个基于鼎捷TIPTOP ERP的看板系统，以方便仓库及生产现场的及时数据展示及实现数字化、目视化的管理要求，同时满足客户对生产及仓库现场审核的要求并提升企业信息化良好印象；

重点实现以下功能：

1. 定时从TIPTOP-ERP获取仓库库存、生产工单等数据；
2. 实现无闪屏的自动滑动翻页功能。

大家跟随文章详细步骤与指南，零基础手把手即可实现搭建鼎捷TIPTOP看板系统项目功能；

2.项目概述

       为了提高生产管理的效率，我们设计了一个看板系统，该系统可以实时展示库存信息、生产进度等关键数据。其主要功能包括定时数据获取和页面自动滑动显示，确保用户能够现场流畅滚动的浏览和查看TIPTOP系统的最新及时数据。

整体项目效果展示：

前端框架：Metronic_Bootstrap框架
后端：TIPTOP系统/Oracle

3.TIPTOP看板系统框架介绍

3.1 Metronic-全球销量第一的强大响应式后台管理模板

Metronic是一款集成了HTML Bootstrap 4/5多种前端框架和技术栈的综合型后台管理框架。它适用于多种编程语言和框架，该模版自推出以来，已经取得了超过100万次的惊人销量，成为全球最畅销主流的HTML管理后台Web框架；

官方的地址：https://keenthemes.com/metronic 

3.2 技术分析：

基于Bootstrap： Metronic 基于Bootstrap 4构建，这意味着它拥有一套完整的UI组件，包括导航栏、按钮、表单、模态框等，这些组件都是响应式的，能在各种设备上无缝工作。
RTL支持： 支持右至左（RTL）布局，对于阿拉伯语、希伯来语等语言的网站开发尤其有用，使国际化应用更易实现。
Vue.js & React适配： Metronic不仅支持原生HTML/CSS