Micro Frontends Multimedia System
基于 Wujie Micro、UmiJS、React、Vue、Ant Design 5、Vuetify 3 的微前端多媒体采编系统
Overview
在当今数字化飞速发展的时代，传统媒体的传播方式已经发生了巨大的变化。基于此背景，新的多媒体采编系统应运而生，旨在提供一个高效、灵活且可扩展的解决方案。该系统的设计不仅聚焦于稿件与素材的管理，还大大提高了媒体内容的复用性并优化了工作流程，实现了从素材采集到外网发布的全过程管理。
为了满足现代新闻媒体的需求，该系统整合了微前端架构与多种现代技术，如 React、Vue 和 Ant Design 5，使得用户能够更为高效地进行工作，提高宣传的时效性和交互性。
Features
- 微前端架构：通过模块化的方式提升系统的可扩展性和灵活性，使各个功能模块能够独立开发和部署。
- 双 Token 认证与刷新：增强了系统的安全性，确保用户在不间断的情况下保持会话有效。
- 基于请求路径和路由的权限拦截：实现了精细的权限管理，从而保障系统的安全性和数据隐私。
- H5自动部署与预览：极大地方便了编辑后的稿件设置，支持实时预览，节省了部署时间。
- 实时通信与数据流：实现了各参与者之间的高效沟通，确保信息传递的及时性。
- 动态主题与微应用间的主题同步：提高了用户界面的友好性，可以根据需要灵活调整视觉风格。
- OSS对象存储与服务端签名：确保多媒体素材在存储和传输过程中的安全性和完整性。
- 标签页与状态管理：优化了用户的操作体验，让多任务处理变得更加顺畅和高效。
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.