项目概述
麟宇飞行计划系统是一款专业的航空模拟飞行计划管理应用，采用现代化的前后端分离架构，支持多平台部署，具有完整的用户管理、航班管理、活动管理等功能。项目采用开源模式，为航空模拟飞行爱好者提供专业的飞行计划管理解决方案。
技术架构
1. 前端技术栈 核心框架
uni-app 3.0 ：基于Vue 3的跨平台开发框架，支持H5、Android、iOS、HarmonyOS等多端部署
Vue 3.4.21 ：采用Composition API和Setup语法，提供更好的代码组织和复用性
UTS (Uni Type Script) ：uni-app的官方TypeScript超集，提供类型安全和更好的开发体验 UI组件库
uni-ui组件库 ：包含uni-card、uni-forms、uni-table、uni-pagination等丰富的UI组件
自定义组件 ：Sidebar侧边栏组件，提供统一的导航体验 样式方案
SCSS ：支持变量、嵌套、混合等高级特性
uni-scss ：uni-app官方样式库，提供统一的样式规范
CSS变量 ：支持主题切换和深色模式适配
2. 后端技术栈 云服务
uniCloud (阿里云) ：serverless云开发平台，提供完整的后端服务
云函数 ：基于Node.js的无服务器函数，支持自动扩缩容
云数据库 ：基于MongoDB的NoSQL数据库，支持灵活的数据结构 数据库设计
users表 ：用户信息表，包含用户基本信息、权限、统计数据
flights表 ：航班计划表，支持航班状态管理和时间控制
activities表 ：活动表，支持活动发布、报名、状态管理
registrations表 ：报名表，记录用户活动报名信息
announcements表 ：公告表，支持公告发布和更新
banners表 ：轮播图表，支持首页轮播图管理
3. 开发工具链 构建工具
Vite 5.1.0 ：快速的构建工具，提供HMR和优化的生产构建
uni-automator ：自动化测试工具
uni-cli-shared ：共享的CLI工具 开发环境
HBuilderX ：官方IDE，提供完整的开发、调试、打包功能
PowerShell脚本 ：自动化部署和转换脚本
核心功能模块
1. 用户管理系统 用户注册与登录
注册功能 ：支持用户名、密码、呼号、QQ、邮箱等信息注册
登录功能 ：支持用户名密码登录，自动更新最后登录时间
密码安全 ：使用SHA-256加密存储密码
会话管理 ：本地存储用户信息，支持自动登录 用户权限管理
普通用户 ：可以创建航班、报名活动、查看个人信息
管理员 ：可以管理用户、管理活动、查看统计数据
权限控制 ：基于角色的访问控制（RBAC） 用户数据隔离
数据隔离 ：每个用户只能访问自己的数据
权限验证 ：数据库层面实现权限控制
安全防护 ：防止越权访问和数据泄露
2. 航班管理系统 航班计划创建
基本信息 ：起飞/降落机场、起飞/降落时间、航班号、机型、航空公司
备注功能 ：支持添加航班备注信息
批量创建 ：支持批量导入航班计划 航班状态管理
状态类型 ：待起飞、飞行中、已完成、过期超时、过期未降落
时间控制 ：
起飞前30分钟提醒
起飞前5分钟可开始航班
降落前1小时可完成航班
起飞后5分钟未开始自动过期
降落2小时后未完成自动过期 航班查看与筛选
列表视图 ：支持航班列表查看和筛选
日历视图 ：支持按日期查看航班
详情查看 ：支持查看航班详细信息
3. 活动管理系统 活动发布
活动创建 ：支持创建活动，设置活动时间、地点、机型等信息
活动编辑 ：支持编辑活动信息
活动状态 ：支持活动状态管理（报名中、进行中、已结束、已取消） 活动报名
报名功能 ：用户可以报名参加活动
报名信息 ：记录飞行员姓名、呼号、机型等信息
报名管理 ：管理员可以查看和管理报名信息 活动展示
活动列表 ：展示所有活动，支持按状态筛选
活动详情 ：展示活动详细信息
我的报名 ：展示用户已报名的活动
4. 后台管理系统 用户管理
用户列表 ：查看所有用户信息
用户编辑 ：编辑用户信息
用户详情 ：查看用户详细信息
用户状态 ：启用/禁用用户账号 活动管理
活动列表 ：查看所有活动
活动编辑 ：编辑活动信息
活动统计 ：查看活动统计数据 数据统计
用户统计 ：统计用户数量、活跃用户等
活动统计 ：统计活动数量、报名人数等
航班统计 ：统计航班数量、完成率等
技术特性
1. 跨平台支持 多端适配
H5 ：支持Web浏览器访问
Android ：支持Android原生应用
iOS ：支持iOS原生应用
HarmonyOS ：支持鸿蒙原生应用 平台特性
Android ：targetSdkVersion 60，符合最新应用商店要求
HarmonyOS ：完整的鸿蒙适配，包括Safe Area、深色模式等
响应式设计 ：适配不同屏幕尺寸和分辨率
2. 云端数据同步 数据存储策略
已登录用户 ：数据存储在uniCloud云数据库
未登录用户 ：数据存储在本地存储
自动同步 ：登录时自动将本地数据同步到云端
数据清理 ：退出登录时清除本地缓存 数据同步机制
增量同步 ：只同步新增或修改的数据
冲突解决 ：采用时间戳机制解决数据冲突
离线支持 ：支持离线操作，上线后自动同步
3. 性能优化 前端优化
延迟加载 ：侧边栏等组件采用延迟加载，减少初始加载时间
缓存机制 ：API请求缓存，减少重复请求
代码分割 ：按需加载页面和组件
图片优化 ：使用合适的图片格式和尺寸 后端优化
数据库索引 ：为常用查询字段创建索引
云函数优化 ：优化云函数执行效率
请求队列 ：防止重复请求
超时控制 ：设置合理的请求超时时间
4. 深色模式适配 主题管理
主题切换 ：支持浅色/深色主题切换
自动切换 ：根据系统主题自动切换
主题持久化 ：保存用户主题偏好 样式适配
CSS变量 ：使用CSS变量管理主题颜色
深色模式样式 ：为所有页面提供深色模式样式
状态徽章 ：深色模式下的状态徽章样式优化
5. 安全机制 数据安全
密码加密 ：使用SHA-256加密存储密码
权限控制 ：数据库层面实现权限控制
数据隔离 ：用户数据完全隔离
签名验证 ：云函数请求签名验证 网络安全
HTTPS ：使用HTTPS加密传输
网络安全配置 ：配置网络安全策略
证书固定 ：使用证书固定防止中间人攻击 隐私保护
隐私政策 ：完整的隐私政策说明
用户同意 ：注册时需要同意隐私政策
数据最小化 ：只收集必要的信息
6. 用户体验优化 界面设计
统一设计 ：统一的色彩方案和设计语言
流畅动画 ：使用CSS过渡和动画提升体验
加载提示 ：清晰的加载状态提示
错误处理 ：友好的错误提示和重试机制 交互优化
侧边栏导航 ：统一的侧边栏导航体验
状态栏适配 ：避免状态栏遮挡内容
响应式布局 ：适配不同设备尺寸
触摸优化 ：优化触摸交互体验
麟宇飞行计划系统/
├── pages/ # 页面目录
│ ├── index/ # 主页
│ │ └── index.vue # 首页
│ ├── myflight/ # 我的航班
│ │ ├── myflight.vue # 航班主页
│ │ ├── create/ # 创建计划
│ │ │ └── create.vue
│ │ ├── list/ # 计划列表
│ │ │ └── list.vue
│ │ └── calendar/ # 航班视图
│ │ └── calendar.vue
│ ├── activity/ # 活动
│ │ ├── activity.vue # 活动主页
│ │ ├── create/ # 发布活动
│ │ │ └── create.vue
│ │ ├── detail/ # 活动详情
│ │ │ └── detail.vue
│ │ └── edit/ # 编辑活动
│ │ └── edit.vue
│ ├── admin/ # 后台管理
│ │ ├── admin.vue # 后台主页
│ │ ├── edit-user/ # 编辑用户
│ │ │ └── edit-user.vue
│ │ ├── edit-activity/ # 编辑活动
│ │ │ └── edit-activity.vue
│ │ ├── registrations/ # 报名管理
│ │ │ └── registrations.vue
│ │ └── user-detail/ # 用户详情
│ │ └── user-detail.vue
│ └── profile/ # 个人中心
│ ├── profile.vue # 个人中心
│ ├── register.vue # 注册页面
│ └── my-activities.vue # 我的报名
├── components/ # 组件目录
│ └── Sidebar.vue # 侧边栏组件
├── utils/ # 工具类目录
│ ├── api.js # API客户端
│ ├── logger.js # 日志工具
│ ├── errorHandler.js # 错误处理
│ ├── security.js # 安全工具
│ └── theme.js # 主题管理
├── uniCloud-aliyun/ # 云服务目录
│ ├── cloudfunctions/ # 云函数
│ │ ├── user/ # 用户相关
│ │ │ ├── login/ # 登录
│ │ │ ├── register/ # 注册
│ │ │ └── user/ # 用户信息
│ │ ├── flight/ # 航班相关
│ │ │ ├── createFlight/ # 创建航班
│ │ │ ├── getFlights/ # 获取航班
│ │ │ ├── updateFlight/ # 更新航班
│ │ │ └── flight/ # 航班操作
│ │ ├── activity/ # 活动相关
│ │ │ ├── createActivity/ # 创建活动
│ │ │ ├── getActivities/ # 获取活动
│ │ │ ├── getActivity/ # 获取活动详情
│ │ │ ├── updateActivity/ # 更新活动
│ │ │ ├── deleteActivity/ # 删除活动
│ │ │ └── registerActivity/ # 报名活动
│ │ ├── admin/ # 管理员相关
│ │ │ ├── createAdmin/ # 创建管理员
│ │ │ ├── getUsers/ # 获取用户列表
│ │ │ ├── updateUser/ # 更新用户
│ │ │ └── getAdminStats/ # 获取统计数据
│ │ └── common/ # 公共工具
│ │ └── CloudFunctionHelper.js
│ └── database/ # 数据库
│ ├── users.schema.json # 用户表结构
│ ├── flights.schema.json # 航班表结构
│ ├── activities.schema.json # 活动表结构
│ ├── registrations.schema.json # 报名表结构
│ ├── announcements.schema.json # 公告表结构
│ ├── banners.schema.json # 轮播图表结构
│ ├── users.index.json # 用户表索引
│ └── flights.index.json # 航班表索引
├── static/ # 静态资源
│ ├── logo.png # 应用图标
│ └── tab-*.svg # 标签页图标
├── uni_modules/ # uni-app模块
│ ├── uni-card/ # 卡片组件
│ ├── uni-forms/ # 表单组件
│ ├── uni-table/ # 表格组件
│ ├── uni-pagination/ # 分页组件
│ └── … # 其他组件
├── App.vue # 应用入口
├── main.js # 主入口文件
├── pages.json # 页面配置
├── manifest.json # 应用配置
├── uni.scss # 全局样式
├── package.json # 项目配置
└── README.md # 项目说明
