线上访问:http://zhaoboy.bid/yanxuan/#/
或者二维码扫描:
vue全家桶模仿网易严选浏览,购物流程,好的生活,没那么贵。
前后端分离,CORS解决跨域
- vue 前端页面展示
- vue-router spa
- vuex 组件状态共享
- axios 异步请求
- es6 js新一代规范
- localStorage 个人信息的存储,购物车的存储
- Eslint 代码规范
- webpack build to dist
- iview 部分引入
- Node(Express) mock后台数据
- leancloud 托管express
- 图片轮播
- swiper滑块
- cell行组件
- 商品grid块组件
- tabbar切换
- 推荐,居家, 餐厨商品缩略信息的请求和展示
- 商品大图滑动
- 参数,评论,名称,详情的请求展示
- 购买
- 加入购物车
- 头部swiper滑块
- each-suggest 推荐组件
- 复用,改造首页tabbar组件
- 请求每一分类数据
- 过渡效果
- 登陆状态的判断
- 全选,非全选的切换
- 购物车加入的过渡
- 滑动删除
- confirm框
- 下单形成订单
- grid
- 我的订单
- 订单的展示
技术栈:Vue + js + html + css + nodejs+ mongoDB + 微信小程序
掌握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框架开发;了解基本的数据结构与算法;
[这里是我的简历](http://zhaoboy.bid/yanxuan/resume.html)
电话:17607080585 邮箱:邮箱[email protected]
|
|—— build
|—— config
|—— express/
| |—— app.js : 服务入口
| |—— routes/ : 后端路由.
| |—— ......
|
|——src : dev resources.
| |—— assets/
| | |____style/ 样式表
| | | |____reset.css
| | | |____others.css
| |—— components/
| | |____ public/ 公共组件
| | | |____ cell.vue 行
| | | |____ header.vue 头
| | | |____ goTop.vue
| | | |____ Footer.vue
| | | |____ others.vue 其它
| |—— fetch/
| | |____ api.js axios请求
| |—— pages/
| | |____ index/ 公共组件
| | | |____ others.vue vue组件
| | |____ mylist/ 我的订单
| | | |____ others.vue vue组件
| | |____ selfcenter/ 个人中心
| | | |____ others.vue vue组件
| | |____ shopcart/ 购物车
| | | |____ others.vue vue组件
| | |____ type/ 分类
| | | |____ others.vue vue组件
| | |____ other folder......
| | | |____ others.vue vue组件
| |—— router/
| | |____ index.js 路由映射
| |—— util/
| | |____ common.js util/localstorage
| |—— store/
| | |____ module/
| | | |____ user.js 个人状态管理
| | | |____ order.js 订单状态管理
| | | |____ footer.js.js 脚步菜单
| | | |____ shopCart.js 购物车状态
| | |____ store.js mainjs
| | |____ types.js typesz管理
| |—— App.vue :neteast-yanxuan SPA
| |__ main.js : the entry of douban-movieSPA
|
|__ static : static files
netease yanxuan with vue2.0
可修改配置axios.defaults.baseURL
clone express文件夹
npm i & npm run dev 启动后端
前端部分:
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.