理想汽车的车机系统有一个地图模块，需要根据用户输入的目的地计算导航路线。请设计一个前端架构来实现这个功能，包括与后端的交互流程和前端页面的状态管理。

答题要点

使用分层架构设计法，从前端页面、后端交互和状态管理三个层面来解答。关键要点：1. 前端页面设计，设计输入目的地的输入框和显示导航路线的地图区域。2. 后端交互流程，用户输入目的地后，前端发送请求到后端，后端计算路线并返回结果，前端接收结果并展示。3. 状态管理，使用状态管理库（如 Redux 或 MobX）管理用户输入的目的地、后端返回的路线等状态。4. 错误处理，考虑网络请求失败等异常情况，给出相应的提示。示例思路：前端页面使用 HTML 和 CSS 构建输入框和地图区域。当用户输入目的地后，使用 fetch 或 axios 等工具向后端发送请求。在前端使用 Redux 管理状态，当接收到后端返回的路线数据时，更新状态并在地图上显示。