基于 Abp 和 Vue 的模块化开发架构图

阿里云等对象存储...

非公共模块 ...

备品管理ModuleF

App

服务端

Vue

ModuleB.Api

说明：1. 前端选用 Vue 是因为 Vue 简单易学，组件丰富，社区活跃，Vue3.0 完全基于 TypeScript 重写，使用更方便；          2. 公共组件选用阿里的 Antd 作为基础进行定制开发，并且和官网保持同步更新，完全开源；          3. 后端选用 AbpVnext（新版本）是因为，新版本官方已经全部重构，并进行了大量的优化，支持微服务，IdentityServer授权服务等，容易以后向微服模式务迁移；          4. App 端的 WebView 也可以基于 Vue 开发，如果 App 端有大量的展示业务，需要快速实现，并对性能要求不高的，完全可以使用 Web 技术，也可以开发一些专门针对移动端的 Web 公用组件。

WebSocket（实时通信）

用户管理ModuleA

ModuleA.Api

OSS 对象存储服务

项目ProjectB...

WebModule / 公共模块

Windows 应用程序

WebComponent / 公共组件表格（Table）、表单（Form）、Select...

基于Abp和Vue的模块化开发架构图

资源管理ModuleC

其他

客户端

组织管理ModuleB

文件服务

配线管理ModuleG

Axios（http请求）

模块.dll管理办法：Nuget私服

项目ProjectB

Abp.ModuleA.WebApi

包管理办法：Npm私服

七牛云对象存储

Abp.ModuleA用户管理

项目 WebApi

Sn.Abp.ModuleResourceManager资源管理 

Abp.ModuleB.WebApi

推荐使用OSS分布式文件存储的理由（MinIO）：Minio是建立在云原生的基础上；有分布式和共享存储等功能；旨在多租户环境中以可持续的方式进行扩展的对象存储服务。它最适合存储非结构化数据，如：照片、视频、日志文件、容器/虚拟机/映像等，单次存储对象的大小最大可达5TB。（官方介绍）1. 多租户，多节点、分布式；2. 可扩展：增加磁盘容量；3. 容灾性：多磁盘同时有备份，也许会损坏一半以上的driver，但是仍然可以从中恢复；4. 随时切换服务：市面上好多对象存储的接口基本类似，如果有外网的需求，完全可以容易地部署到外网oss存储，如阿里云；5. 兼容Amazon S3 oss存储，国外云服务基本都用Amazon S3，如果公司国外项目有用S3，容易切换；

设备管理ModuleE

CesiumthreejsGis

红色代表模块

其他模块...

WebApi

Web View

Web

Android / IOS

系统管理ModuleD

项目ProjectA（基于AbpVnext）

项目ProjectA

网络连接

其他终端

MinIO（可私有部署）

公共库

外网

Project.Api

内网

Abp.ModuleB组织管理