团队项目：惊喜商城pc端

最新推荐文章于 2023-02-20 15:02:47 发布

杏仁豆腐真菌

最新推荐文章于 2023-02-20 15:02:47 发布

阅读量336

点赞数

文章标签： vue java

本文链接：https://blog.csdn.net/weixin_42523212/article/details/112800371

版权

本文介绍了开发惊喜商城PC端项目的过程，包括项目背景、技术栈、主要模块（登录、商品展示、购物车、订单）的实现细节，以及在项目中遇到的问题和解决方法。项目采用Vue+axios+Element进行开发，并分享了开发者的心得体会。

摘要由CSDN通过智能技术生成

惊喜商城pc端

一、项目背景

在这个飞速发展的互联网时代，人们对于去购物市场“人挤人”购物，更喜欢在线上足不出门但能买到自己想要的东西。此项目以某东商城为模板。

二、项目介绍

本项目仅为前端界面渲染数据，接口均由组员热心提供。
在此感谢左xx左神与陈xx同学。

项目gitee地址：惊喜商城pc端

项目介绍视频：

vue仿某东商城—惊喜商城pc端

开发流程：
- 设计前端原型图（使用axure RP 8）
- 根据原型图设计静态前端界面
- 调用接口渲染界面

三、使用技术

vue+axios+element

四、项目代码

登录模块

用户未登录时可以在首页查看商品，但将商品加入购物车等操作则需登录用户。
登录界面

//axios获取登录接口后，使用localStorage.setItem(key,value)保存token和购物车订单管理等所需要的用户名与id
localStorage.setItem("token", res.data.token);
//使用localStorage.getItem(key)获取存储的值
var token = localStorage.getItem("token");
//之后购物车等界面直接获取token值后判断即可
if(token){
   //token存在
}else{
   //token不存在}