项目功能逻辑
本实战项目在功能上主要参考豆瓣电影评分网站的功能,并且简化了部分功能,主要页面逻辑如图12-3所示。

Figure 1. 图12-3 项目功能逻辑
其中,每个页面的主要功能逻辑解释如下:
-
首页:主要展示搜索入口、最近上映电影信息、最热门电影信息、一周口碑电影榜单信息。单击单个电影模块可进入详情页,在搜索框输入内容后可以进入搜索内容页。
-
搜索页:根据搜索的内容展示具体的结果,单击搜索结果中的电影模块可以进入详情页。
-
详情页:主要展示电影基本信息、评分信息、演员信息、评论信息、评分入口。单击评分入口可以进入电影评分发表页。
-
发表页:主要展示评分组件、评论输入框,可以对电影进行评分和评论。
-
登录页:用户登录入口,只有已经登录的用户才可以对电影进行评分。
目前,后端数据主要分为两种,在开发环境下可以通过 Vite 的代理服务直接请求到的豆瓣电影的后端真实数据,以及在开发环境之外可以用到的静态 JSON 假数据,这两种数据会配置一个开关,可以在代码中切换。