博文网上书城系统的设计与实现的中期报告.docxVIP

博文网上书城系统的设计与实现的中期报告

一、实现目标

本项目实现一个博文网上书城系统，包括会员登录、书本浏览与搜索、购物车管理、订单管理等功能。具体目标如下：

1.前端展示页面：书本列表、书本详情、购物车、订单列表等；

2.前端交互：购物车添加/删除、下单操作，搜索、分页等功能；

3.后端接口开发：会员登录、获取书本列表、获取书本详情、购物车添加/删除、订单管理等接口。

二、详细设计

1.前端页面设计

（1）主页

主页包含网站基础信息、书本列表、搜索框、购物车等模块。

（2）书本列表页

书本列表页展示图书列表，支持按不同条件排序、分页浏览。每个图书项可点击进入详情页面。

（3）书本详情页

书本详情页展示书本详细信息，包括封面图片、书名、作者、出版社、ISBN码、定价等。

（4）购物车页

购物车页展示用户已选中的书本列表、书本总价、结算按钮等。

（5）订单列表页

订单列表页展示用户所有历史订单的信息，包括订单编号、订单时间、订单状态、订单总价等。

2.前端交互设计

（1）搜索交互

用户在搜索框中输入书名或作者名，点击搜索后前端向后端发送请求，后端返回符合条件的图书列表。

（2）分页交互

图书列表页面设置分页功能，用户点击分页按钮时向后端发送请求，后端返回当前页的图书列表信息。

（3）加入购物车

用户在图书列表或详情页面点击加入购物车按钮，前端将书本信息传递给后端，并将书本信息添加到购物车页面中。

（4）删除购物车

用户在购物车页面中点击删除按钮，前端将书本信息传递给后端，并将书本信息从购物车列表中删除。

（5）下单操作

用户在购物车页面中点击下单按钮，前端向后端发送购物车内图书信息，后端生成订单。

3.后端接口设计

（1）会员登录

接口地址：/api/user/login

请求参数：用户名、密码

返回数据：登录状态、用户名、用户ID等

（2）获取图书列表

接口地址：/api/book/list

请求参数：页数、每页数量、排序方式、搜索条件等

返回数据：符合条件的图书列表、总页数、总数目等

（3）获取图书详情

接口地址：/api/book/detail

请求参数：图书ID

返回数据：图书详细信息

（4）添加购物车

接口地址：/api/cart/add

请求参数：图书ID、数量

返回数据：加入购物车状态

（5）删除购物车

接口地址：/api/cart/delete

请求参数：图书ID

返回数据：删除购物车状态

（6）生成订单

接口地址：/api/order/create

请求参数：购物车内图书信息

返回数据：订单状态、订单编号等

三、实现技术

本项目采用前后端分离的方式进行开发，前端使用React框架，后端使用Node.js和Express框架。数据库采用MySQL进行存储。

四、实现进度

本项目已完成前端页面的搭建、交互的设计实现、后端接口的设计和部分接口的实现。目前正在进行数据存储的优化和剩下接口的实现。