EasyLap_frontend

启动项目

先运行后端项目

API请求地址默认设置为：http://localhost:5001/analyze

如更改后端运行接口，需要在/server/api/search/index.ts:14修改API请求地址，默认无需修改。

然后再启动前端（本项目）

npm i -g pnpm
pnpm i
pnpm dev

本项目是个单页面应用，整个单页面主要由下方的三个组件组成：

• SearchBar：搜索框
• DataList：搜索结果列表
• MainMenu：主菜单

至于其余的组件，则是一些占位组件，比如Loading、Empty等。

运行效果

图1 HomePage

图2 NotfoundPage

图3 Search Result

图4 定制化需求处理

图5 支持丰富的个性化需求

图6 产品卡片控件

图7 搜索框设计