目录项目概述1.1 项目名称1.2 开发背景1.3 开发目标与意义1.4 系统核心亮点技术架构与开发环境2.1 后端技术栈2.2 前端技术栈2.3 软硬件运行环境系统角色与权限划分系统需求分析4.1 功能性需求4.2 非功能性需求4.3 可行性分析系统总体设计5.1 整体分层架构5.2 项目目录结构5.3 数据库 E-R 模型5.4 核心数据表设计系统各模块页面功能说明6.1 管理员端功能模块6.2 普通乘客端功能模块核心业务流程7.1 用户登录与权限校验流程7.2 航班信息管理流程7.3 登机手续办理流程7.4 个人信息维护流程系统测试方案部署运行步骤项目总结与拓展方案1 项目概述1.1 项目名称机场乘客服务系统机场服务后台管理平台1.2 开发背景传统机场线下服务存在管理低效、数据分散、权限混乱等痛点航班、乘客、行李、安检等业务数据依靠纸质台账或独立 Excel 表格存储数据无法互通检索统计耗时乘客信息、航班信息、登机手续分属不同岗位人工登记易出现信息错漏无法统一管控工作人员与普通乘客权限无隔离乘客无法自主查看个人航班、修改个人资料管理员批量管理操作繁琐缺少标准化批量导入、导出、分页筛选功能日常办公台账整理效率低。本系统采用前后端分离架构搭建管理员全权限后台 普通乘客轻量化操作端双角色平台整合乘客管理、航班管理、登机手续、行李模块、安检管理、系统配置全业务模块实现机场客运业务数字化线上管控。1.3 开发目标与意义业务目标权限分级管控区分系统管理员、普通乘客两类角色隔离数据操作权限全业务线上化覆盖乘客档案、航班基础数据、登机手续办理、行李托运、安检记录完整机场客运业务标准化后台操作提供搜索、筛选、新增、编辑、删除、批量导入 / 导出、重置密码、禁用账号等通用管理功能乘客自助服务普通乘客可查看全部航班、管理个人登机手续、维护个人资料数据统一归档所有业务数据存入数据库支持分页、多条件检索便于机场运维统计。技术目标基于 SpringBoot Vue 前后端分离架构开发掌握后台权限控制、多条件表格检索、批量数据处理、表单编辑、分页组件、角色菜单权限拦截等企业级后台开发能力可作为 Web 毕业设计、企业机场运维管理落地项目。1.4 系统核心亮点双角色精细化权限管理员拥有全模块操作权限普通乘客仅开放航班查看、个人登机、个人中心模块菜单与数据访问严格隔离完整机场客运业务闭环覆盖乘客、航班、登机、行李、安检五大核心业务配套系统基础管理模块完善表格操作能力支持单条 / 批量新增、编辑、删除、Excel 导入导出、多字段搜索、列筛选、分页自定义账号安全管控管理员可重置用户密码、禁用违规账号、维护乘客完整档案个人信息自助维护乘客独立个人中心可修改头像、姓名、地址、个性签名等基础信息侧边栏多级菜单模块化拆分业务层级清晰多标签页并行打开功能页面操作便捷。2 技术架构与开发环境2.1 后端技术栈核心框架SpringBoot 2.7.xWeb 层SpringMVC接收前端所有 HTTP 请求持久层MyBatis实现多表关联查询分页工具PageHelper 统一处理表格分页逻辑安全认证Token 无状态登录拦截区分管理员 / 乘客角色权限工具依赖Lombok、Excel 导入导出工具、文件上传工具数据库MySQL 8.0事务保证航班新增、登机手续录入等操作数据一致性2.2 前端技术栈核心框架Vue2UI 组件库Element UI侧边菜单、数据表格、弹窗、表单、分页、上传组件网络请求Axios 全局封装接口、统一异常拦截路由管理Vue Router实现角色菜单权限拦截存储LocalStorage 保存登录 Token、当前用户信息2.3 软硬件运行环境开发工具后端IDEA 2022前端VS Code数据库可视化Navicat Premium运行环境JDK 1.8、Node.js v16、MySQL 8.0兼容浏览器Chrome、Edge、360 极速浏览器操作系统Windows10/113 系统角色与权限划分3.1 系统管理员最高权限系统基础模块乘客管理、部门管理、文件管理、角色管理、菜单管理、日志管理、数据字典业务模块航班管理、登机手续、行李模块、安全管理操作权限全部数据新增、编辑、删除、批量导入导出、重置密码、账号禁用、多条件检索、数据筛选。3.2 普通乘客低权限用户可访问模块航班管理仅查看、登机手续仅操作本人手续、个人中心不可访问系统基础配置、其他乘客数据、批量管理、删除他人业务数据操作权限浏览航班、新增 / 编辑本人登机手续、修改个人头像与基础资料无批量删除、导入导出权限。4 系统需求分析4.1 功能性需求管理员端功能需求乘客管理按姓名 / 部门搜索乘客新增、编辑乘客档案重置登录密码禁用 / 删除账号批量导入导出乘客 Excel部门管理维护乘客所属部门分类角色 / 菜单 / 日志 / 数据字典系统底层权限、日志、基础参数配置航班管理维护航班号、航空公司、起飞机场、到达机场支持搜索、批量删除、导出航班数据登机手续查看全量乘客登机记录新增、编辑、删除所有登机手续行李模块、安全管理录入、查询行李托运、机场安检记录。普通乘客端功能需求航班管理查看系统全部航班基础信息仅浏览无编辑删除权限登机手续新增、查看、编辑本人登机记录无法查看 / 操作其他乘客手续个人中心查看登录账号、姓名、部门编辑头像、性别、地址、生日、个性签名等个人信息。4.2 非功能性需求性能表格页面加载≤1.2s单表 1000 条数据分页无卡顿Excel 导入导出支持千条级数据安全未登录拦截跳转登录页角色越权访问拦截表单必填项、手机号格式校验易用性左侧固定多级菜单栏顶部多标签页切换表格统一提供搜索、重置、新增、导出按钮操作弹窗提示结果兼容性适配 1366×768 及以上分辨率电脑浏览器。4.3 可行性分析经济可行性开发工具全部开源免费本地部署即可投入机场后勤使用完全替代纸质台账减少人工登记成本技术可行性前后端分离、权限控制、表格批量处理均为成熟 Web 开发技术无高并发复杂难点开发难度适中操作可行性后台界面布局标准化表格功能统一管理员与乘客仅需基础电脑操作即可上手业务可行性贴合机场客运航班、乘客、登机、安检真实业务流程具备实际落地使用价值。5 系统总体设计5.1 整体分层架构前端展示层Vue 管理后台分管理员视图、乘客视图通过 Axios 请求后端接口不直接操作数据库后端服务层SpringBoot 四层Controller接收前端请求校验角色身份调用业务层返回 JSONService实现乘客管理、航班维护、登机手续、权限校验核心业务逻辑MapperMyBatis 执行数据库增删改查 SQLEntity映射所有数据表实体数据持久层MySQL存储乘客、航班、登机手续、部门、角色、日志等全部业务数据。5.2 核心数据表设计user乘客表编号、用户名、登录账号、头像、所属部门、手机号、账号状态、账号类型管理员 / 乘客、密码flight航班表航班号、航空公司、起飞机场、到达机场check_in登机手续表乘客 ID、航班 ID、起飞机场、起飞时间department部门表部门名称role角色表角色名称、菜单权限标识sys_log系统日志表操作人、操作时间、操作内容sys_menu菜单表菜单名称、父级菜单、访问权限。6 系统各模块页面功能说明6.1 管理员端页面6.1.1 乘客管理页面顶部检索栏姓名输入框、部门下拉筛选、搜索 / 重置按钮功能按钮添加、导入 Excel、导出 Excel、列筛选、使用教程表格字段编号、用户名、登录账号、头像、所属部门、手机号单行操作编辑乘客信息、重置登录密码、禁用账号、删除乘客底部分页自定义每页展示条数、页码跳转。6.1.2 航班管理页面管理员检索栏航班号搜索框功能按钮搜索、重置、添加航班、批量删除、导出表格字段序号、航班号、航空公司、起飞机场、到达机场单行操作编辑航班信息、删除单条航班支持批量勾选多条航班统一删除。6.1.3 登机手续页面管理员双条件检索乘客名称、航班号功能按钮添加、批量删除、导出表格字段序号、乘客、航班号、起飞机场、起飞时间可查看系统内全部乘客登机记录支持编辑、删除任意手续数据。6.2 普通乘客端页面6.2.1 航班管理页面乘客仅保留查询、浏览权限无批量删除、新增航班操作按钮表格展示全部公开航班基础数据仅可查看不可修改。6.2.2 登机手续页面乘客仅展示当前登录乘客本人的登机记录无其他乘客数据仅能新增、编辑、删除本人登机手续无法操作他人记录。6.2.3 个人中心页面只读信息登录账号、姓名、账号类型、所属部门可编辑项性别、头像上传、家庭地址、生日、个性签名点击「开始编辑」开启表单修改提交后更新个人档案。7 核心业务流程7.1 用户登录与权限校验流程用户输入账号密码提交登录后端校验账号密码识别账号类型管理员 / 乘客生成对应权限 Token前端存储 Token根据角色动态渲染左侧菜单栏管理员展示全部系统 业务菜单乘客仅展示航班、登机手续、个人中心菜单访问任意页面时后端校验 Token 与角色越权访问自动拦截。7.2 航班管理流程管理员进入航班页面点击「添加」录入航班号、航司、起降机场保存后数据存入 flight 表前端表格实时刷新支持按航班号检索、批量导出航班 Excel、单条 / 批量删除作废航班乘客登录后仅可浏览全部航班无编辑删除权限。7.3 登机手续办理流程乘客 / 管理员点击「添加」绑定乘客、对应航班填写起飞机场与时间管理员可查看系统全部登机记录乘客仅能查看本人手续支持检索乘客 / 航班筛选对应登机数据编辑或删除对应手续记录管理员可批量导出全量登机手续台账。7.4 个人信息维护流程乘客进入个人中心点击「开始编辑」上传头像、填写地址、生日、个性签名、修改性别提交后更新 user 表内个人资料页面实时刷新展示修改后信息。8 系统测试方案8.1 测试类型采用黑盒功能测试分别模拟管理员、普通乘客两类账号验证权限隔离、表格操作、数据增删改查、检索分页、Excel 导入导出功能。8.2 核心测试用例测试场景预期结果测试结论乘客账号访问乘客管理菜单左侧菜单隐藏系统基础模块无法进入管理员功能通过乘客删除其他乘客登机手续表格仅展示本人数据无他人记录无法操作通过管理员新增航班后切换乘客账号查看乘客端航班列表同步展示新增航班通过乘客修改个人头像、签名个人中心页面更新数据库同步存储修改内容通过管理员批量导出乘客 Excel导出文件包含全部乘客完整信息通过8.3 测试总结系统两类角色权限隔离有效所有表格增删改查、检索分页、导入导出功能运行稳定乘客个人信息、航班、登机手续数据双向同步正常表单校验、登录拦截逻辑无误完整满足机场客运数字化管理需求。9 部署运行步骤环境准备安装 JDK1.8、MySQL8.0、Node.js配置环境变量数据库初始化新建airport_service数据库执行项目 SQL 脚本生成全部数据表插入测试管理员、乘客账号后端启动修改 application.yml 数据库配置Maven 刷新依赖运行 SpringBoot 启动类开启 8080 端口服务前端启动VS Code 打开 Vue 后台项目执行npm install安装依赖npm run serve启动前端页面访问系统浏览器打开前端地址分别使用管理员、乘客测试账号登录调试各模块功能。10 项目总结与拓展方案本机场乘客服务系统采用 VueSpringBoot 前后端分离架构区分管理员、普通乘客双角色搭建模块化机场客运管理后台覆盖乘客档案、航班信息、登机手续、行李、安检、系统配置全业务模块。系统实现多条件检索、批量 Excel 导入导出、分页表格、账号权限管控、个人信息自助维护等核心功能界面标准化、分层清晰数据统一存储于数据库替代传统线下纸质台账既可用作计算机专业毕业设计也可直接落地中小型机场客运运维数字化管理。11 项目资料