VUE-条件查询并显示报表

VUE-条件查询并显示报表

 

 

为了实现前端和后端都能进行条件查询并显示报表

整理出的整体流程

此过程包括 Vue 组件 (components) 的查询条件设置、Vue 视图 (view) 层的展示，以及后端查询逻辑的处理

 

整体流程

前端 (Vue)：

components/ReportForm.vue

这个组件负责显示查询表单并接收查询条件，然后向后端发送请求

用户在 ReportForm.vue 组件中设置查询条件，并提交查询请求

Vue 会将查询条件发送到后端 API（例如使用 Axios）

 

views/ReportForm.vue

这个视图组件负责显示报表查询结果，并接收来自 ReportForm 组件的事件

从后端获取资料后，Vue 视图会根据资料显示报表结果

 

后端：

后端 API (Node.js + Express)

接收到查询请求后，根据条件查询资料库，并将结果返回给前端。

 

主要将显示VIEWS、查询条件、后端API拆成3部份

方便可以重覆使用

 

但是写出来后

还没有感觉特别好用的特点

想再串接LLM模型试试

 

自我LV~