{"id":13536402,"url":"https://github.com/MengZhaoFly/netease_yanxuan","last_synced_at":"2025-04-02T03:30:43.105Z","repository":{"id":124344649,"uuid":"93353109","full_name":"MengZhaoFly/netease_yanxuan","owner":"MengZhaoFly","description":"vue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/","archived":false,"fork":false,"pushed_at":"2019-02-23T01:35:22.000Z","size":166,"stargazers_count":424,"open_issues_count":3,"forks_count":132,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-11-03T01:33:13.272Z","etag":null,"topics":["axios","css","es5","es6","html","javascript","vue","vue-cli","vue-router","vuex"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MengZhaoFly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-06-05T01:30:18.000Z","updated_at":"2024-08-16T03:12:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"5f3c5124-4ee1-47e6-ab04-68eb2f8a86ad","html_url":"https://github.com/MengZhaoFly/netease_yanxuan","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengZhaoFly%2Fnetease_yanxuan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengZhaoFly%2Fnetease_yanxuan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengZhaoFly%2Fnetease_yanxuan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MengZhaoFly%2Fnetease_yanxuan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MengZhaoFly","download_url":"https://codeload.github.com/MengZhaoFly/netease_yanxuan/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750829,"owners_count":20827787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","css","es5","es6","html","javascript","vue","vue-cli","vue-router","vuex"],"created_at":"2024-08-01T09:00:38.563Z","updated_at":"2025-04-02T03:30:42.776Z","avatar_url":"https://github.com/MengZhaoFly.png","language":"Vue","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"readme":"# 项目预览\n![](http://or1y0ta3t.bkt.clouddn.com/QQ%E6%88%AA%E5%9B%BE20170605150025.jpg)\u003cbr\u003e\n线上访问:http://zhaoboy.bid/yanxuan/#/\u003cbr\u003e\n或者二维码扫描:\n![](http://or1y0ta3t.bkt.clouddn.com/newercode.png)\n# 项目描述\n\u003e vue全家桶模仿网易严选浏览，购物流程，好的生活，没那么贵。\n### 技术栈\n前后端分离,CORS解决跨域\n#### 前台\n\u003e * vue 前端页面展示\n\u003e * vue-router spa\n\u003e * vuex 组件状态共享\n\u003e * axios 异步请求\n\u003e * es6 js新一代规范\n\u003e * localStorage 个人信息的存储，购物车的存储\n\u003e * Eslint 代码规范\n\u003e * webpack build to dist\n\u003e * iview 部分引入\n\n#### 后台\n\u003e * Node(Express) mock后台数据\n\u003e * leancloud 托管express\n\n### 实现的功能\n#### 首页\n* 图片轮播\n* swiper滑块\n* cell行组件\n* 商品grid块组件\n* tabbar切换\n* 推荐，居家， 餐厨商品缩略信息的请求和展示\n#### 商品详情\n* 商品大图滑动\n* 参数，评论，名称，详情的请求展示\n* 购买\n* 加入购物车\n#### 专题\n* 头部swiper滑块\n* each-suggest 推荐组件\n#### 分类\n* 复用，改造首页tabbar组件\n* 请求每一分类数据\n* 过渡效果\n#### 购物车\n* 登陆状态的判断\n* 全选，非全选的切换\n* 购物车加入的过渡\n* 滑动删除\n* confirm框\n* 下单形成订单\n#### 个人中心\n* grid\n* 我的订单\n* 订单的展示\n\n\u003c/pre\u003e\n## 总结\n* 造出了滑动删除的轮子。\n* 对状态管理有了进一步的了解,在项目过程中每一个组件都应用了footer这个组件，切换的时候每次当前选中的选项都是第一项成选中状态，究其原因的他们的状态没有共享。\n* 对组件的抽离，书写可复用的组件。\n* pages管理页面组件\n* vuex状态分模块管理\n* util工具的分离\n* axios的封装\n## 广告\n2018届毕业生求职中\u003cbr\u003e\n技术栈：Vue + js + html + css + nodejs+ mongoDB + 微信小程序\u003cbr\u003e\n掌握html5，css3，js（es5，es6）熟练应用bootstrap，weui，semantic-ui，jquery等框架进行开发；熟练掌握sass，stylus等CSS预处理器编写vue+vuex+vue-router，对MVVM开发模式有一定的理解，后续还会学习react，PWA，weex等技术；了解node.js，mongodb相关知识，熟练应用express框架开发；了解基本的数据结构与算法；\u003cbr\u003e\n[这里是我的简历](http://zhaoboy.bid/yanxuan/resume.html)\u003cbr\u003e\n电话：\u003ca href=\"tel:17607080585\"\u003e17607080585\u003c/a\u003e         邮箱：\u003ca href=”mailto:1424254461@qq.com”\u003e邮箱1424254461@qq.com\u003c/a\u003e\n\n## 目录\n```\n|\n|—— build \n|—— config\n|—— express/\n| |—— app.js : 服务入口\n| |—— routes/ : 后端路由.\n| |—— ......\n|\n|——src : dev resources.\n| |—— assets/\n| |    |____style/ 样式表\n| |    |    |____reset.css\n| |    |    |____others.css\n| |—— components/\n| |    |____ public/ 公共组件\n| |    |     |____ cell.vue 行\n| |    |     |____ header.vue 头\n| |    |     |____ goTop.vue\n| |    |     |____ Footer.vue\n| |    |     |____ others.vue 其它\n| |—— fetch/\n| |    |____ api.js axios请求\n| |—— pages/\n| |    |____ index/ 公共组件\n| |    |     |____ others.vue vue组件\n| |    |____ mylist/ 我的订单\n| |    |     |____ others.vue vue组件\n| |    |____ selfcenter/ 个人中心\n| |    |     |____ others.vue vue组件\n| |    |____ shopcart/ 购物车\n| |    |     |____ others.vue vue组件\n| |    |____ type/ 分类\n| |    |     |____ others.vue vue组件\n| |    |____ other folder......\n| |    |     |____ others.vue vue组件\n| |—— router/\n| |    |____ index.js 路由映射\n| |—— util/\n| |    |____ common.js util/localstorage\n| |—— store/ \n| |    |____ module/ \n| |    |     |____ user.js 个人状态管理\n| |    |     |____ order.js 订单状态管理\n| |    |     |____ footer.js.js 脚步菜单\n| |    |     |____ shopCart.js 购物车状态\n| |    |____ store.js mainjs\n| |    |____ types.js typesz管理\n| |—— App.vue :neteast-yanxuan SPA\n| |__ main.js : the entry of douban-movieSPA\n|\n|__ static : static files\n\n```\n\n# netease-yanxuan\n\n\u003e netease yanxuan with vue2.0\n\n## Build Setup\n可修改配置axios.defaults.baseURL\u003cbr\u003e\nclone express文件夹\u003cbr\u003e\nnpm i \u0026 npm run dev 启动后端\u003cbr\u003e\n前端部分:\u003cbr\u003e\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n\nFor detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMengZhaoFly%2Fnetease_yanxuan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMengZhaoFly%2Fnetease_yanxuan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMengZhaoFly%2Fnetease_yanxuan/lists"}