37 KiB
DTU-HMI 系统架构设计文档
1. 文档目的
本文档用于描述 DTU-HMI 工程的整体架构、核心模块职责、关键数据流、线程与通信模型、构建与测试体系,作为后续开发、联调、测试与维护的统一基线。
2. 系统概述
DTU-HMI 是一个基于纯 C 实现的 PC 端 HMI 菜单逻辑模拟系统,目标是复现现场 DTU 设备的人机界面行为。
系统支持本地菜单交互与远程显示协议(RemoDispBus)通信,主要包含:
- 菜单树构建与路由(多级菜单、同级循环导航)
- LCD 显存与绘制(160x160 单色像素缓冲)
- 按键输入(本地/远程按键注入)
- TCP 服务(远程显示数据交互)
- 跨平台线程与网络适配(Windows/Linux)
3. 架构目标与设计原则
- 可移植性:通过
tcp.c、thread_utils.c封装平台差异。 - 可维护性:按模块职责划分(菜单/显示/网络/线程/输入)。
- 可测试性:优先抽取并覆盖纯逻辑函数,逐步推进集成测试。
- 低耦合高内聚:上层业务通过明确接口调用下层能力。
4. 系统分层架构
block-beta
columns 1
a["菜单"]
block:textdraw
columns 2
a1["文字显示"] a2["图像显示"]
end
block:draw
columns 2
block:text_group
columns 2
block:left_text
columns 1
b["Lcd_ShowStr"]
block:showstr
columns 2
s1["Lcd_Pub_Ascii"]
s2["Lcd_Pub_UTF8"]
end
end
b1["utf8_next"]
end
block:draw_group
columns 4
c1["Lcd_LineH"]
c2["Lcd_LineV"]
c3["Lcd_Invert"]
c4["Lcd_FillRect"]
end
end
block:lcd
lcda["Lcd_Init"] lcdb["Lcd_SetPixel"] lcdc["Lcd_GetPixel"]
end
4.1 应用层
- 文件:
src/main.c - 职责:
- 系统初始化(菜单、按键、TCP 线程)
- 主循环调度(菜单路由、周期显示刷新)
- 生命周期管理(线程退出、网络清理)
4.2 菜单业务层
- 文件:
src/Drv/menu/、src/Drv/menu/app/menu.h - 职责:
- 采用 MVP 分层组织菜单模块(
Model / Presenter / View) - 基于静态菜单模型构建运行时菜单树
- 处理按键驱动的菜单状态迁移与路径重建
- 执行菜单显示坐标计算与多级菜单渲染调度
- 采用 MVP 分层组织菜单模块(
4.3 多页面管理层设计
设计思想: 基于经典的 MVP 范式,彻底解耦数据、视图、控制逻辑,解决复杂 UI 与业务逻辑的协同维护问题。
- Model(模型层):纯业务数据与状态管理,负责系统参数、设备状态、采集数据的读写、校验、存储,与 UI 完全无关。
- View(视图层):纯渲染显示,仅根据 Model 的数据绘制菜单界面、焦点高亮、弹窗、动画,不处理任何业务逻辑。
- Presenter(控制层):核心调度中枢,接收输入事件、更新 Model 数据、控制 View 刷新、处理菜单跳转逻辑,是 Model 与 View 的唯一桥梁。
目录结构:
src/Drv/pages: 这个文件夹下面放不同的页面src/Drv/pages/global: 全局状态管理器,页面之间交互的中间件src/Drv/pages/global/renderer_lcd.c: 这个文件是抽象底层的lcd,给所有页面提供一个统一的调用接口。src/Drv/pages/global/renderer_lcd.h: 这个文件是抽象底层的lcd,给所有页面提供一个统一的调用接口。src/Drv/pages/menu: 项目的菜单逻辑src/Drv/pages/menu/model: 菜单的模型层src/Drv/pages/menu/view: 菜单的视图层src/Drv/pages/menu/Presenter: 菜单的控制层src/Drv/pages/menu/page.c: 菜单的页面逻辑src/Drv/pages/menu/page.h: 菜单的页面逻辑
src/Drv/pages/...: 其他页面
整个多页面管理系统分为 5 个核心模块,从上到下形成完整的调度闭环,与底层 MVP 架构无缝衔接
┌─────────────────────────────────────────────────────────────┐
│ 全局状态管理器(Global Model) │
│ (跨页面共享数据、持久化配置、系统全局状态、观察者通知) │
├─────────────────────────────────────────────────────────────┤
│ 页面管理器核心(Page Manager) │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ 页面栈(Page Stack 静态数组) ││
│ │ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ ││
│ │ │ 栈顶页面 │ │ 后台页面1 │ │ 后台页面2 │ ... ││
│ │ │(前台显示) │ │(暂停状态) │ │(暂停状态) │ ││
│ │ └─────────────┘ └─────────────┘ └─────────────┘ ││
│ └─────────────────────────────────────────────────────────┘│
│ 生命周期调度器 | 事件分发器 | 页面跳转核心接口 │
├─────────────────────────────────────────────────────────────┤
│ 标准化页面抽象(Page 接口层) │
│ 每个页面独立封装:生命周期钩子 + 专属MVP三元组 │
│ ┌─────────────────────────────────────────────────────────┐│
│ │ Page 基础属性:页面ID、缓存标志、创建状态 ││
│ │ 生命周期钩子:on_create/on_enter/on_exit/on_destroy ││
│ │ 运行入口:on_event(事件处理)、on_loop(主循环) ││
│ │ 专属MVP三元组:Model(私有) → Presenter → View ││
│ └─────────────────────────────────────────────────────────┘│
├─────────────────────────────────────────────────────────────┤
│ 底层支撑层(与MVP架构无缝衔接) │
│ 显示HAL | 输入HAL | 基础图形库 | 硬件驱动 │
└─────────────────────────────────────────────────────────────┘
4.3.1 标准化页面抽象(Page 接口层)
这是整个系统的基础单元,每个独立业务页面对应一个 Page 实例,每个 Page 内部封装一套完全独立的 MVP 三元组,对外仅暴露标准接口,页面管理器仅通过标准接口与页面交互,完全不关心页面内部的 MVP 实现,实现页面间的彻底解耦。
// 编译期静态配置(根据MCU资源调整)
#define MAX_PAGE_STACK_DEPTH 5 // 最大页面栈深度,防止栈溢出
#define MAX_PAGE_COUNT 8 // 系统支持的最大页面总数
#define EVENT_QUEUE_LENGTH 8 // 输入事件队列长度
// 页面唯一ID枚举(所有页面必须在此定义,用于页面查找、防重复入栈)
typedef enum {
PAGE_ID_NONE = 0,
PAGE_ID_HOME, // 首页(主页面,栈底常驻)
PAGE_ID_SETTINGS, // 设置页面
PAGE_ID_TEMP_DETAIL, // 温度详情页面
PAGE_ID_ABOUT, // 关于页面
PAGE_ID_MAX
} page_id_t;
// 事件处理结果枚举
typedef enum {
EVENT_UNHANDLED = 0, // 事件未被消费,继续分发
EVENT_HANDLED = 1 // 事件已被消费,终止分发
} event_result_t;
// 页面结构体前置声明
typedef struct page_t page_t;
4.3.2 页面标准接口与生命周期定义
嵌入式场景下,生命周期钩子的设计必须严格对应资源的申请 / 释放时机,避免 RAM 浪费和低功耗异常,每个钩子的执行时机、职责完全固定,禁止越权操作。
// 页面标准接口结构体
struct page_t {
// ===================== 页面基础属性 =====================
page_id_t page_id; // 页面唯一ID,不可重复
bool is_cached; // 缓存标志:true=出栈时不销毁,仅暂停;false=出栈时彻底销毁
bool is_created; // 内部状态标志:页面是否已执行on_create,外部只读
// ===================== 生命周期钩子函数 =====================
/**
* @brief 页面第一次创建时执行,仅执行1次
* @note 职责:MVP三元组初始化、静态资源申请(字体/图标缓冲区)、回调绑定
* @note 禁止:耗时操作、屏幕绘制、动态内存申请
*/
void (*on_create)(page_t *page);
/**
* @brief 页面进入前台(成为栈顶)时执行,每次进入都执行
* @note 职责:从Model拉取最新数据、全量UI绘制、开启定时器/传感器、注册事件回调
* @note 禁止:资源销毁、MVP初始化操作
*/
void (*on_enter)(page_t *page);
/**
* @brief 页面离开前台(被覆盖/出栈)时执行,每次离开都执行
* @note 职责:关闭定时器/传感器、保存临时数据、注销事件回调、低功耗准备
* @note 禁止:屏幕绘制、MVP初始化、耗时操作
*/
void (*on_exit)(page_t *page);
/**
* @brief 页面彻底销毁时执行,仅执行1次
* @note 职责:释放所有申请的资源、MVP实例销毁、回调注销
* @note 仅非缓存页面出栈时会触发,缓存页面不会触发
*/
void (*on_destroy)(page_t *page);
// ===================== 运行时入口 =====================
/**
* @brief 事件处理入口,页面管理器仅将事件分发给栈顶页面的此函数
* @note 职责:将事件转发给内部View,由View判断命中并转发给Presenter
* @return 事件是否被消费
*/
event_result_t (*on_event)(page_t *page, input_event_t *event);
/**
* @brief 主循环入口,页面管理器仅调用栈顶页面的此函数
* @note 职责:执行页面Presenter的主循环逻辑、UI动画刷新、状态机轮询
* @note 禁止:阻塞操作、耗时计算
*/
void (*on_loop)(page_t *page);
// ===================== 页面专属MVP三元组 =====================
// 每个页面独立拥有,与其他页面完全隔离,页面管理器不直接访问
void *presenter; // 页面对应的Presenter实例指针
void *view; // 页面对应的View实例指针
void *model; // 页面对应的私有Model实例(仅当前页面使用)
};
4.3.3 页面 MVP 三元组的绑定规则
- 完全隔离:每个页面的 Model 仅管理当前页面的私有数据,禁止跨页面访问;View 仅负责当前页面的 UI 绘制;Presenter 仅调度当前页面的业务逻辑
- 绑定时机:MVP 三元组的初始化、绑定,必须在页面的
on_create钩子中完成,保证页面创建时 MVP 已就绪 - 销毁时机:MVP 实例的资源释放,必须在页面的
on_destroy钩子中完成,避免资源泄漏 - 跨页面交互:禁止页面 A 的 Presenter 直接调用页面 B 的任何接口,所有跨页面数据同步必须通过全局状态管理器完成
4.3.4 栈式页面管理器(核心调度中枢)
这是整个系统的核心,通过静态数组实现的栈结构管理所有页面,负责页面跳转的核心逻辑、生命周期的精准调度、输入事件的统一分发、主循环的统一调度。 页面管理器结构体定义
// 页面管理器结构体
typedef struct {
page_t *page_stack[MAX_PAGE_STACK_DEPTH]; // 页面栈,静态数组实现
int8_t stack_top; // 栈顶指针,初始值为-1(空栈)
} page_manager_t;
// 全局页面管理器单例(整个系统仅一个实例)
extern page_manager_t g_page_manager;
基础接口:初始化与栈状态查询
// 全局页面管理器实例
page_manager_t g_page_manager;
/**
* @brief 页面管理器初始化,系统启动时调用1次
*/
void page_manager_init(page_manager_t *manager) {
memset(manager, 0, sizeof(page_manager_t));
manager->stack_top = -1; // 初始化为空栈
}
/**
* @brief 获取当前栈顶页面(前台显示页面)
* @return 栈顶页面指针,空栈返回NULL
*/
page_t* page_manager_get_top(page_manager_t *manager) {
if (manager->stack_top < 0) {
return NULL;
}
return manager->page_stack[manager->stack_top];
}
页面入栈(Push,页面跳转)
- 入参校验:检查栈是否已满、新页面是否合法、是否重复入栈
- 触发旧栈顶页面的
on_exit:当前页面被覆盖,执行暂停逻辑 - 新页面入栈,栈顶指针 + 1
- 若新页面未创建,触发
on_create:执行 MVP 初始化,仅执行 1 次 - 触发新页面的
on_enter:新页面进入前台,执行 UI 绘制与业务启动 - 新页面成为前台页面,接收事件与主循环调度
/**
* @brief 页面入栈(跳转到新页面)
* @param manager 页面管理器实例
* @param new_page 待入栈的新页面实例
* @return 0=成功,负数=错误码
*/
int page_manager_push(page_manager_t *manager, page_t *new_page) {
// 入参合法性校验
if (manager == NULL || new_page == NULL) {
return -1;
}
// 栈满校验,防止栈溢出
if (manager->stack_top >= MAX_PAGE_STACK_DEPTH - 1) {
return -2;
}
// 防重复入栈:当前栈顶已是该页面,无需重复操作
page_t *current_top = page_manager_get_top(manager);
if (current_top != NULL && current_top->page_id == new_page->page_id) {
return 0;
}
// ===================== 生命周期执行 =====================
// 1. 触发当前栈顶页面的on_exit(离开前台)
if (current_top != NULL && current_top->on_exit != NULL) {
current_top->on_exit(current_top);
}
// 2. 新页面入栈
manager->stack_top++;
manager->page_stack[manager->stack_top] = new_page;
// 3. 页面首次创建,触发on_create(仅执行1次)
if (!new_page->is_created) {
if (new_page->on_create != NULL) {
new_page->on_create(new_page);
}
new_page->is_created = true;
}
// 4. 触发新页面的on_enter(进入前台)
if (new_page->on_enter != NULL) {
new_page->on_enter(new_page);
}
return 0;
}
页面出栈(Pop,页面返回)
- 入参校验:检查栈是否为空、是否为栈底首页(禁止出栈)
- 触发当前栈顶页面的
on_exit:当前页面离开前台,执行退出准备 - 若当前页面为非缓存页面,触发
on_destroy:彻底销毁页面,释放资源 - 栈顶指针 - 1,上一个页面恢复为栈顶
- 触发新栈顶页面的
on_enter:页面恢复前台,执行数据刷新与 UI 重绘 - 新栈顶页面成为前台页面,接收事件与主循环调度
/**
* @brief 页面出栈(返回上一页)
* @param manager 页面管理器实例
* @return 0=成功,负数=错误码
*/
int page_manager_pop(page_manager_t *manager) {
// 入参校验
if (manager == NULL) {
return -1;
}
// 禁止空栈出栈、禁止栈底首页出栈(保证首页常驻)
if (manager->stack_top <= 0) {
return -2;
}
// ===================== 生命周期执行 =====================
// 1. 获取当前栈顶页面(待出栈页面)
page_t *current_page = manager->page_stack[manager->stack_top];
// 2. 触发当前页面的on_exit(离开前台)
if (current_page->on_exit != NULL) {
current_page->on_exit(current_page);
}
// 3. 非缓存页面:触发on_destroy,彻底销毁,释放资源
if (!current_page->is_cached) {
if (current_page->on_destroy != NULL) {
current_page->on_destroy(current_page);
}
current_page->is_created = false;
}
// 4. 栈顶指针减1,页面出栈
manager->stack_top--;
// 5. 触发新栈顶页面的on_enter(恢复前台)
page_t *new_top = manager->page_stack[manager->stack_top];
if (new_top->on_enter != NULL) {
new_top->on_enter(new_top);
}
return 0;
}
统一事件分发机制 嵌入式多页面 GUI 的核心痛点之一是事件误响应,必须保证仅当前前台页面(栈顶)可接收输入事件,后台页面完全无法接收事件,避免出现「设置页面按键触发首页逻辑」的 bug
- 底层 Input HAL 在中断中采集输入事件(按键、触摸、编码器),投递到全局静态环形事件队列
- 页面管理器在主循环中从事件队列取出事件
- 获取当前栈顶前台页面,将事件分发给页面的
on_event入口 - 页面将事件转发给内部 View,View 判断事件命中,转发给 Presenter 处理
- 若页面返回
EVENT_UNHANDLED(事件未被消费),则执行全局事件处理(例如全局返回键、电源键
// 全局事件处理(示例:全局返回键)
static void global_event_handle(input_event_t *event) {
// 全局返回键:无论哪个页面,按返回键都执行出栈
if (event->type == EVENT_TYPE_KEY_DOWN && event->key_id == KEY_ID_BACK) {
page_manager_pop(&g_page_manager);
}
}
// 页面管理器事件分发逻辑(集成在主循环中)
static void page_manager_dispatch_event(page_manager_t *manager) {
input_event_t event;
// 从事件队列取出事件
if (!input_event_get(&event)) {
return;
}
// 获取当前栈顶页面
page_t *current_page = page_manager_get_top(manager);
if (current_page == NULL) {
return;
}
// 分发给当前页面
event_result_t result = EVENT_UNHANDLED;
if (current_page->on_event != NULL) {
result = current_page->on_event(current_page, &event);
}
// 页面未消费,执行全局事件处理
if (result == EVENT_UNHANDLED) {
global_event_handle(&event);
}
}
4.3.4 全局状态管理器(跨页面数据同步)
多页面场景下,必然存在跨页面数据共享的需求(例如设置页修改温度单位,首页、详情页都要同步更新),如果直接让页面间互相调用,会彻底破坏 MVP 的解耦原则,导致代码耦合混乱。
全局状态管理器的核心设计思路是:实现一个全局单例的 Model(GlobalModel),作为跨页面数据的唯一可信源,通过观察者模式实现数据变化的同步通知,完全不破坏各页面 MVP 的独立性
4.3.5 完整页面实现示例
以下是一个完整的页面实现,包含生命周期钩子、MVP 三元组绑定、页面跳转逻辑,可直接落地使用。 设置页面 MVP 定义
// ===================== 设置页面Model =====================
typedef struct {
float temp_offset; // 温度校准偏移
uint8_t temp_unit; // 温度单位
bool backlight_auto; // 自动背光开关
// 数据变化回调
void (*on_data_change)(void *context);
void *context;
} settings_model_t;
// ===================== 设置页面View接口 =====================
typedef struct {
void (*update_temp_offset)(void *view, float offset);
void (*update_temp_unit)(void *view, uint8_t unit);
void (*update_backlight_state)(void *view, bool auto_on);
void (*draw)(void *view);
} settings_view_interface_t;
// ===================== 设置页面Presenter =====================
typedef struct {
page_t *page;
settings_model_t *model;
settings_view_interface_t *view;
} settings_presenter_t;
设置页面实例与生命周期实现
// 静态页面实例与MVP实例(静态内存,无动态分配)
static page_t settings_page;
static settings_model_t settings_model;
static settings_view_interface_t settings_view;
static settings_presenter_t settings_presenter;
// ===================== 生命周期钩子实现 =====================
// 页面创建:MVP初始化,仅执行1次
static void settings_page_on_create(page_t *page) {
// 1. 初始化Model
memset(&settings_model, 0, sizeof(settings_model_t));
// 从Flash读取持久化配置
settings_model.temp_unit = global_model_get_temp_unit();
settings_model.temp_offset = flash_read_temp_offset();
settings_model.backlight_auto = flash_read_backlight_auto();
// 绑定Model回调
settings_model.context = &settings_presenter;
settings_model.on_data_change = settings_presenter_on_model_change;
// 2. 初始化View接口
memset(&settings_view, 0, sizeof(settings_view_interface_t));
settings_view.update_temp_offset = settings_view_update_temp_offset;
settings_view.update_temp_unit = settings_view_update_temp_unit;
settings_view.update_backlight_state = settings_view_update_backlight_state;
settings_view.draw = settings_view_draw;
// 3. 初始化Presenter,绑定MVP
memset(&settings_presenter, 0, sizeof(settings_presenter_t));
settings_presenter.page = page;
settings_presenter.model = &settings_model;
settings_presenter.view = &settings_view;
// 4. 绑定MVP到页面
page->model = &settings_model;
page->view = &settings_view;
page->presenter = &settings_presenter;
}
// 页面进入前台:刷新UI,开启定时器
static void settings_page_on_enter(page_t *page) {
settings_presenter_t *presenter = (settings_presenter_t *)page->presenter;
// 从Model拉取数据,刷新UI
presenter->view->update_temp_offset(presenter->view, presenter->model->temp_offset);
presenter->view->update_temp_unit(presenter->view, presenter->model->temp_unit);
presenter->view->update_backlight_state(presenter->view, presenter->model->backlight_auto);
// 全量绘制页面
presenter->view->draw(presenter->view);
// 开启背光定时器
backlight_timer_start();
}
// 页面离开前台:保存数据,关闭定时器
static void settings_page_on_exit(page_t *page) {
settings_model_t *model = (settings_model_t *)page->model;
// 关闭背光定时器
backlight_timer_stop();
// 保存配置到Flash
flash_write_temp_offset(model->temp_offset);
flash_write_backlight_auto(model->backlight_auto);
// 同步全局状态
global_model_set_temp_unit(model->temp_unit);
}
// 页面销毁:释放资源
static void settings_page_on_destroy(page_t *page) {
memset(page->model, 0, sizeof(settings_model_t));
memset(page->presenter, 0, sizeof(settings_presenter_t));
page->model = NULL;
page->view = NULL;
page->presenter = NULL;
}
// 事件处理入口
static event_result_t settings_page_on_event(page_t *page, input_event_t *event) {
settings_view_interface_t *view = (settings_view_interface_t *)page->view;
// 转发事件给View处理
return settings_view_handle_event(view, event);
}
// 主循环入口
static void settings_page_on_loop(page_t *page) {
settings_presenter_t *presenter = (settings_presenter_t *)page->presenter;
// 执行Presenter主循环逻辑(长按检测、动画刷新等)
settings_presenter_loop(presenter);
}
// ===================== 页面实例获取接口 =====================
page_t* settings_page_get_instance(void) {
memset(&settings_page, 0, sizeof(page_t));
settings_page.page_id = PAGE_ID_SETTINGS;
settings_page.is_cached = true; // 缓存页面,出栈不销毁
// 绑定生命周期钩子
settings_page.on_create = settings_page_on_create;
settings_page.on_enter = settings_page_on_enter;
settings_page.on_exit = settings_page_on_exit;
settings_page.on_destroy = settings_page_on_destroy;
settings_page.on_event = settings_page_on_event;
settings_page.on_loop = settings_page_on_loop;
return &settings_page;
}
页面跳转调用示例
// 首页点击设置按钮,跳转到设置页面
void home_presenter_on_settings_btn_click(home_presenter_t *presenter) {
page_t *settings_page = settings_page_get_instance();
page_manager_push(&g_page_manager, settings_page);
}
// 设置页面点击返回按钮,返回首页
event_result_t settings_view_handle_event(settings_view_interface_t *view, input_event_t *event) {
if (event->type == EVENT_TYPE_TOUCH_DOWN) {
// 判断返回按钮点击
if (is_point_in_rect(event->x, event->y, BACK_BTN_X, BACK_BTN_Y, BACK_BTN_W, BACK_BTN_H)) {
// 调用出栈接口,返回上一页
page_manager_pop(&g_page_manager);
return EVENT_HANDLED;
}
}
return EVENT_UNHANDLED;
}
4.3.6 当前项目重构落地规划(已执行)
为解决 MenuProc_See_AppInfo、MenuProc_See_YC 这类“页面入口被函数化”的扩展瓶颈,本项目按以下路径重构,并要求每个模块均可独立测试:
-
目录与职责重构(已完成)
- 新增
src/Drv/pages作为多页面管理根目录; - 新增
src/Drv/pages/global,统一承载跨页面能力(global_state、renderer_lcd); - 新增
src/Drv/pages/menu/page.c,将现有菜单 MVP 封装成标准页面; - 新增示例业务页面
src/Drv/pages/app_info、src/Drv/pages/yc,用于验证页面跳转链路与生命周期。
- 新增
-
核心调度中枢(已完成)
- 新增
page.h定义标准页面抽象(ID、缓存策略、生命周期钩子、事件入口、循环入口、私有 MVP 指针); - 新增
page_manager.c,实现:- 静态页面注册(防重复、上限保护);
- 栈式
push/pop生命周期调度; - 栈顶独占事件分发;
- 全局返回键兜底(页面未消费时触发
pop); - 栈深度查询接口(用于诊断与测试)。
- 新增
-
菜单页面化改造(已完成)
MenuApp_Init改为:- 初始化全局状态;
- 初始化并激活
PageManager; - 注册
Menu/AppInfo/YC页面; - 默认入栈
PAGE_ID_MENU;
MenuApp_HandleInput改为统一输入事件分发;MenuApp_Render改为调度当前栈顶页面on_loop;MenuProc_See_AppInfo、MenuProc_See_YC改为页面跳转入口(非业务实现函数);MenuProc_See_YC跳转前通过GlobalModel同步当前菜单参数,实现跨页面上下文传递。
-
可靠性约束(已完成)
- 全部页面实例采用静态内存,避免运行期动态分配;
- 页面栈深度与页面注册数均有编译期上限;
- 生命周期调用顺序固定:
exit -> (destroy) -> enter; - 禁止后台页面收事件,仅栈顶可处理输入。
-
单元可测性设计(目标 > 80%,已落地测试入口)
- 新增
test_p1_page_manager.c:覆盖页面注册/入栈/出栈/全局返回事件/循环调度; - 新增
test_p1_menu_page_actions.c:覆盖菜单页跳转AppInfo/YC与返回链路; - 保留并复用原
menu tree/layout/navigator/runtime startup测试,保障回归稳定。
- 新增
-
后续扩展规范(作为后续页面开发模板)
- 新页面必须以
src/Drv/pages/<page_name>/page.c实现标准生命周期; - 页面间禁止直接互调,只允许通过
GlobalModel同步共享状态; - 菜单项
pfnWinProc仅作为“页面路由入口”,不再承载页面业务实现。
- 新页面必须以
4.4 输入层
- 文件:
src/Drv/key.c、src/Drv/key.h - 职责:
- 提供按键读写状态控制(消费式读取)
- 接收远程模块写入的按键事件并供菜单模块读取
4.5 远程显示通信层
- 文件:
src/remoteDisplay.c、src/remoteDisplay.h - 职责:
- 实现 RemoDispBus 协议解析与回复
- 提供 TCP 服务器线程入口与启动逻辑
- 处理保活、初始化、按键下发、显存上传等命令
4.6 平台适配层
- 文件:
src/TCP/tcp.c、src/thread_utils.c - 职责:
- 提供跨平台 socket 与线程封装
- 隔离 Windows/Linux API 差异
5. 核心数据结构设计
5.1 菜单模型与菜单树
- 静态菜单模型:
tagMenuModel(定义于src/Drv/pages/menu/model/display.h,数据在src/Drv/pages/menu/model/menu_model.c) - 运行时菜单项:
tagMenuItem(定义于src/Drv/pages/menu/view/menu_view.h,实例由src/Drv/pages/menu/page.c管理) - 运行时控制:
tagMenuCtrl、tagDspCtrl(定义于src/Drv/pages/menu/view/menu_view.h,实例为src/Drv/pages/menu/page.c内部私有)
关键关系:
ptHigher/ptLower:父子层级关系ptBefore/ptBehind:同级双向关系(首尾成环)ptRoute[]:当前路径缓存(0~3 级)
5.2 显示控制结构
tagScreenControl g_tCVsr:- 显存缓冲
pwbyLCDMemory - 前景/背景色
- ASCII 与汉字字体参数
- 显存缓冲
5.3 远程按键结构
tagRKeyCtrl g_tRemoteKey:byKeyValid:是否有新按键byKeyValue:按键值bUseRkey:远程按键开关(当前实现中初始化为启用)
6. 关键业务流程
6.1 主循环流程
[系统初始化]
|
v
[MenuApp_PollInput]
|
v
[Sleep 20ms]
|
v
[计数器累加]
|
v
[是否到刷新周期?] --否--> [MenuApp_PollInput]
|
+--是--> [MenuApp_Render] --> [MenuApp_PollInput]
6.2 菜单交互流程
- 输入来源:
Key_Read()(含远程写入按键) - 行为:
- 上/下:同级循环移动
- 左/ESC:回退上级或退回主层
- 右/确认:进入子级或执行叶子回调
- 渲染:
MenuApp_Render调用 Presenter/View,根据路径进行增量刷新或全量刷新
6.4 当前 Menu 详细设计(MVP)
6.4.1 模块拆分
src/Drv/menu/app/menu.c- 菜单应用 Facade(
MenuApp_*对外接口) - 负责 PageManager 初始化与
MenuPage生命周期托管
- 菜单应用 Facade(
src/Drv/pages/menu/presenter/menu_presenter.c- 控制调度中枢:处理输入事件、调用导航器、触发重建路径与刷新
src/Drv/pages/menu/model/menu_model.c- 模型初始化:树构建、菜单名修饰、初始状态建立
src/Drv/pages/menu/view/menu_view.c- 纯渲染:顶部栏、多级菜单框、高亮反显、全量/增量刷新策略
src/Drv/pages/menu/presenter/menu_navigator.c- 纯导航状态机:按键到
MenuNavResult(是否刷新、是否跳过渲染)
- 纯导航状态机:按键到
src/Drv/pages/menu/view/menu_layout.c- 菜单布局计算:宽度统计、层级矩形定位、越界回退策略
src/Drv/pages/menu/model/menu_model.c(包含静态菜单表数据)- 静态菜单模型表
g_tMenuModelTab(业务菜单定义)
- 静态菜单模型表
6.4.2 运行时调用时序
MenuApp_Init
-> MenuPresenter_Setup
-> MenuPresenter_InitModel
-> MenuModel_Bootstrap
-> MenuTree_0LevelNumCal
-> MenuTree_MainCreate
-> MenuView_Layout
-> MenuLayout_PositionCal
主循环:
MenuApp_PollInput
-> Key_Read
-> MenuApp_HandleInput(key)
-> MenuPresenter_HandleInput
-> MenuNavigator_ProcessKey
-> (needRefresh) MenuNavigator_RebuildRoute
-> MenuPresenter_Refresh
-> MenuView_RenderByState
6.4.3 关键状态数据
tagMenuItem- 菜单节点实体,包含树关系(
ptHigher/ptLower/ptBefore/ptBehind)与显示矩形
- 菜单节点实体,包含树关系(
tagMenuCtrl- 导航核心状态(
ptCurrent、ptRoute[4]、ptCurBak、pt0Level等)
- 导航核心状态(
tagDspCtrl- 显示控制状态(当前主要使用首帧标记
bFirst)
- 显示控制状态(当前主要使用首帧标记
MenuNavState / MenuNavResult- Presenter 与 Navigator 之间的状态快照与处理结果
6.4.4 对外数据接口(当前基线)
void MenuApp_Init(void)- 初始化菜单应用(Presenter/Model/View)
void MenuApp_HandleInput(uint8_t keyVal)- 注入输入事件并驱动导航状态变更
void MenuApp_PollInput(void)- 从
Key_Read()读取按键并转发到MenuApp_HandleInput
- 从
void MenuApp_Render(void)- 主动触发一次渲染(用于周期刷新或外部强制重绘)
const tagMenuItem *MenuApp_GetMenuItems(uint16_t *count)- 只读导出当前菜单项数组(调试/测试使用)
6.4.5 内部接口边界(模块间)
- Model -> View
- 仅通过控制状态与布局结果共享,不直接调用绘制原语
- Presenter -> Model
- 仅在初始化阶段触发
MenuModel_Bootstrap
- 仅在初始化阶段触发
- Presenter -> View
- 通过
MenuPresenter_Refresh驱动渲染,不暴露底层 LCD 细节
- 通过
- Presenter -> Navigator
- 通过
MenuNavState快照交互,避免导航器直接操作外部全局变量
- 通过
6.3 远程显示协议流程
[Accept客户端]
|
v
[接收缓冲区累积]
|
v
[parse_frame 校验解析]
|
+--成功--------> [按 cmd 分发] --> [send_reply 回包] --> [接收缓冲区累积]
|
+--失败/不完整--> [接收缓冲区累积]
命令语义(RemoDispBus):
CMD_INIT:返回 LCD 宽高与显存尺寸CMD_LCDMEM:返回显存数据(支持起始地址)CMD_KEY:注入远程按键到g_tRemoteKeyCMD_KEEPLIVE:保活响应
7. 并发与线程模型
- 主线程:
- 负责菜单路由与本地显示刷新
- TCP 服务器线程:
- 监听连接、解析协议、处理远程请求
共享状态:
g_tCVsr.pwbyLCDMemory(远程读取 + 本地写入)g_tRemoteKey(远程写入 + 菜单读取)
当前实现未使用锁机制,依赖业务访问模式降低冲突风险。
后续若并发复杂度提升,建议引入细粒度互斥或无锁缓冲策略。
8. 构建与运行架构
- 构建系统:CMake(
C_STANDARD 99) - 可执行目标:
DTU-HMI - 平台链接:
- Windows:
ws2_32 - Linux/macOS:
pthread
- Windows:
- 可选调试:
ENABLE_DEBUG=ON自动定义DEBUG宏
9. 测试架构
测试目录:tests/
- 框架:
ctest + 自定义断言宏 - 分层策略:
- P0:纯逻辑单元测试(协议解析、UTF-8 解析、字库查找)
- P1:状态/计算单测(按键、菜单、LCD 基础像素操作)
- P2:集成测试(TCP 回环)
建议执行命令:
cmake -S . -B build
cmake --build build
ctest --test-dir build -C Debug --output-on-failure
10. 模块依赖关系(代码级)
main.c依赖:menu、key、remoteDisplay、tcp、thread_utilssrc/Drv/menu/app/menu.c依赖:pages/page_manager、pages/menu/page、keysrc/Drv/pages/menu/presenter/menu_presenter.c依赖:model/menu_model、view/menu_view、presenter/menu_navigatorsrc/Drv/pages/menu/view/menu_view.c依赖:view/menu_layout、view/menu_render_port、lcdremoteDisplay.c依赖:lcd、key、tcp、thread_utilslcd.c依赖:asciisrc/Drv/pages/menu/model/menu_model.c提供:静态菜单表(被MenuPage使用)
11. 已知风险与改进建议
- 并发一致性风险:远程线程与主线程共享状态无锁访问。
- 建议:为显存快照与按键事件引入互斥保护或双缓冲。
- 协议缓冲鲁棒性:当前异常数据采用清空缓冲策略,存在丢包窗口。
- 建议:增加更精细的帧边界恢复策略与统计日志。
- 可测试性边界:部分逻辑仍与全局状态耦合较深。
- 建议:逐步引入接口注入(如
TcpOps、delay_ms)降低耦合。
- 建议:逐步引入接口注入(如
12. 版本与维护
- 文档版本:v1.0
- 适配代码基线:当前
DTU-HMI仓库主干实现 - 维护建议:
- 每次新增模块或调整主流程时同步更新本文档
- 测试策略更新需同步维护“第 9 章 测试架构”
13. 菜单重构故障复盘(2026-03)
13.1 现象
- 菜单分层重构后,程序在启动阶段(当前入口为
MenuApp_Init)出现访问冲突,表现为“运行即崩溃”。
13.2 根因
- 根因位于菜单树构建模块
MenuTree_MainCreate。 - 在“层级回退(
byCurClass > byNextClass)”分支中,缺少对中间层级链表的及时收口(首尾成环)处理。 - 后续
Menu_PositionCal在遍历同级链表时访问到异常节点,导致崩溃。
13.3 修复措施
- 恢复并对齐原稳定逻辑:
- 当层级回退时,立即对回退区间层级执行首尾成环收口。
- 每轮处理后更新
ptCurrent = ptNextNode,保证状态推进一致。 - 循环结束后按当前实际层级执行最终收口。
13.4 回归防线
- 新增启动路径集成回归用例:
tests/test_p2_menu_runtime_startup.c。 - 覆盖最易回归的启动路径:
MenuApp_Init()Key_Init()- 首次
MenuApp_PollInput() MenuApp_Render()
- 该用例用于防止“菜单树可编译但启动崩溃”的问题再次进入主干。