本项目是基于vue3 + pinia + Axios + SCSS + 自定义指令 完成的前台页面电商系统。
后端实现是调用别人的接口。
后端接口文档：
获取-全部分类(包含推荐商品) - 柴柴老师的项目接口 (apifox.com)
- 用户登录
首页展示：包括推荐商品、新品上架、热销商品等。
分类浏览：按商品分类浏览和搜索商品。
商品详情：查看商品的详细信息，包括图片、价格、描述等。
商品搜索：通过关键字搜索商品。
- 修改商品数量
- 删除商品
- 下单结算
展示订单信息：展示收获地址、商品信息、配送时间、支付方式、金额明细、提交订单按钮。
提交订单：选择相应订单信息进行提交。
支付：选择支付方式跳转进行支付。
未实现。
未实现。
轮播图：首页展示轮播图广告。
商品推荐：根据用户的浏览和购买历史推荐商品。
搜索商品：输入关键词可以搜索商品 （没有看到对应后台接口）
购物车：点击结算，跳转至购物车详细页面
主分类和子分类：查看不同商品类别的主分类和子分类。
分类筛选：按价格、品牌等条件筛选商品。
显示商品详情页。
添加购物车：选择颜色、规格、数量进行添加。
显示商品推荐。
- 公共头部和底部：全站统一的头部吸顶导航条和底部导航。
- 侧边栏：在特定页面显示的功能侧边栏分类推荐。
页面结构：
- Home页
- 分类页
- 布局框架
- 登录页
Home页的组成有：
- 左侧分类 +右侧轮播图
- 人气推荐
- 新鲜好物
- 产品列表
使用axios创建一个实例，并做了基础配置，进行导出，apis文件夹下的文件又封装各个模块使用的api请求，提供给页面中使用。
加载图片：使用懒加载。useIntersectionObserver
vue自定义插件
vue自定义指令。
获取鼠标在元素的位置 useMouseInElement
课设加分：
分页：
- 可以在二级分类的页面里加
- 可以加在我的订单中
富文本编辑器：加在问题反馈后，另起一个弹出框，用于提交问题反馈。
文件上传：
实现会员中心，编辑用户资料，上传头像。