# About
技术栈 vue + vue-router + vuex 构建的移动端电商系统(模仿京东);数据都是先真实向服务器发送请求(有一个服务器端口可以响应请求,只是没有合适的数据),之后在本地替换(大体逻辑需要数据时,向该接口发送请求,得到响应后再替换成所需数据(所有数据均存放在common下的对应页面中,如home页的数据存放于home.js中)
还有就是,本人是在B站上看coderWhy老师的vue视频入门的,所以整个项目的思想,组织,构建很多都是来源是coderWhy老师,包括那个可以响应的接口,也是coderWhy老师的服务器,奈何老师把地址改了,本人也没有服务器(也不好意思去问老师,毕竟没交一分钱学费😂),所以才想出这个妥协的办法;也正是看了coderWhy老师的视频后,出于对所学知识的巩固以及练练手的心态写的这个项目,取名为JustBuy也是因为看到有类似购物网站(假如你是马云,给你一千亿,随便买,所以想体验一下在自己写的“随便买”上随便买是什么感觉😎虽然都是女装,不是特殊癖好,只是单纯觉得写项目多少有点枯燥,看看美女图养眼🤣)。做完整个项目,个人感觉收获良多。在此先感谢一下coderWhy老师!😁。个人以为,本项目很适合练手,熟悉vue的使用,解决一些常见的问题,以及增强学习的兴趣,都大有助益,希望大家喜欢!
# 说明
> 如果对您喜欢本项目,或者本项目对您有帮助,请点 "Star" 支持一下 谢谢!
> 如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍
> 本项目取名为JustBuy,希望您能体验到随心购的快感!
## 技术栈
vue2 + vuex + vue-router + webpack + ES6+
## 项目运行
```
npm install
npm run serve
npm run build
```
# 功能列表
- [x] 上拉加载更多 -- 完成
- [x] 点击查看商品详情 -- 完成
- [x] 加入购物车 -- 完成
- [x] 购买 -- 完成(较简单)
- [x] 吸顶效果-- 完成
- [x] 滚动与导航栏联动效果 -- 完成
- [x] 图片懒加载-- 完成
- [x] 轮播图-- 完成
- [x] 购物车结算/勾选/数量加减 -- 完成
- [x] 路由懒加载 -- 完成
- [x] 点击滑动效果 -- 完成
# 页面截图展示
##### 首页
<img width="205" alt="home" src="https://user-images.githubusercontent.com/59592969/119316863-0dfbcc80-bcaa-11eb-817a-7fcf43c86093.PNG">
##### 分类
<img width="205" alt="category" src="https://user-images.githubusercontent.com/59592969/119316986-34216c80-bcaa-11eb-9c19-c86d108fc179.PNG">
##### 购物车
<img width="203" alt="cart" src="https://user-images.githubusercontent.com/59592969/119317013-3be11100-bcaa-11eb-8f90-7071a987ddb7.PNG">
##### 我的
<img width="203" alt="profile" src="https://user-images.githubusercontent.com/59592969/119317040-426f8880-bcaa-11eb-92b1-b2729add57c4.PNG">
##### 详情
<img width="204" alt="detail" src="https://user-images.githubusercontent.com/59592969/119317077-4b605a00-bcaa-11eb-8334-47d2a0be58af.PNG">
没有合适的资源?快使用搜索试试~ 我知道了~
vue项目实战(模仿京东),技术栈vue2+vue-router+vuex+webpack+ES6,非常适合练手vue.zip
共109个文件
vue:44个
js:23个
png:19个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 73 浏览量
2023-10-21
23:54:54
上传
评论
收藏 515KB ZIP 举报
温馨提示
vue项目实战(模仿京东),技术栈vue2+vue-router+vuex+webpack+ES6,非常适合练手vue.zip
资源推荐
资源详情
资源评论
收起资源包目录
vue项目实战(模仿京东),技术栈vue2+vue-router+vuex+webpack+ES6,非常适合练手vue.zip (109个子文件)
.browserslistrc 30B
normalize.css 6KB
base.css 1KB
.gitignore 231B
index.html 618B
coderBigOrange.ico 135KB
recommend_bg.jpg 57KB
home.js 7KB
detail.js 6KB
category.js 3KB
profile.js 1KB
actions.js 1KB
postcss.config.js 1KB
utils.js 880B
index.js 750B
request.js 684B
mutations.js 493B
main.js 470B
mixin.js 376B
detail.js 336B
index.js 301B
vue.config.js 288B
index.js 269B
getters.js 250B
category.js 246B
home.js 215B
mutations_types.js 167B
profile.js 155B
index.js 99B
babel.config.js 73B
package-lock.json 430KB
package.json 651B
LICENSE 1KB
README.md 3KB
ss.md 37B
background.png 130KB
empty_bg.png 65KB
search.png 21KB
vip_level.png 19KB
detail_bottom.png 8KB
lazy.png 6KB
on_receive.png 4KB
plus_vip.png 3KB
top.png 3KB
refund.png 2KB
setting.png 2KB
avatar.png 2KB
my_assets.png 1KB
select.png 1KB
unselect.png 991B
star.png 842B
on_pay.png 817B
order.png 621B
cate.png 378B
collect.svg 2KB
category_active.svg 955B
home.svg 937B
profile.svg 924B
home_active.svg 905B
category.svg 902B
profile_active.svg 899B
cart.svg 881B
cart_active.svg 854B
back.svg 566B
tick.svg 410B
Swiper.vue 7KB
MyInfo.vue 4KB
Detail.vue 4KB
Home.vue 4KB
DetailComment.vue 4KB
CartListItem.vue 2KB
CartBottom.vue 2KB
StoreInfo.vue 2KB
DetailBottomBar.vue 2KB
RootList.vue 2KB
CategoryCtn.vue 2KB
PriceInfo.vue 2KB
GoodsListItem.vue 1KB
RecommendListItem.vue 1KB
Cart.vue 1KB
Profile.vue 1KB
Category.vue 1KB
CatgoryNavBar.vue 1KB
BetterScroll.vue 1KB
CouponInfo.vue 1KB
MainTabBar.vue 1KB
HomeNavBar.vue 1KB
DetailNavBar.vue 1KB
TabControl.vue 1KB
OrderInfo.vue 1KB
TabBarItem.vue 996B
Service.vue 860B
DetailBaseInfo.vue 822B
HomeSwiper.vue 821B
DetailRecommend.vue 807B
FeatureView.vue 777B
NavBar.vue 751B
GoodsList.vue 734B
RecommendView.vue 732B
RecommendList.vue 711B
共 109 条
- 1
- 2
资源评论
天天501
- 粉丝: 589
- 资源: 4666
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功