继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

2018-09-12vuejs类商城app项目

青春有我
关注TA
已关注
手记 1072
粉丝 205
获赞 1007

Author:Mr.柳上原

  • 付出不亚于任何的努力

  • 愿我们所有的努力,都不会被生活辜负

  • 不忘初心,方得始终

昨天刚写的vue类商城app项目

https://github.com/youyouqiu/tanzhou18zhuimeng-vuejs-EC

使用了vue脚手架
模块:axios、vue-lazyload、vue-router、vuex、less......
ui框架:we-vue、mint-ui......

知识点:

移动端样式布局

vue语法(组件,方法,生命周期函数)

vue脚手架搭建

路由模块设置

公共组件

ajax请求(axios)

懒加载

不同组件传值

vuex(监察者模块)管理数据变更


实现功能

--基础功能--

首页布局

flex(弹性盒模型)

搜索栏

轮播图

头部标题栏(固定)

底部导航栏(固定)

分页面

table导航

--商城功能--

商品展示

详情页

加入购物车

购物车数据本地存储


主要是商城版块

数据的请求,渲染

商品的购买,购物车的前端缓存,商品结算

公共api接口爆了

所以数据请求不到

最后自己在页面手写了假接口

可以自行爬个商品接口做测试

最近已经把ui框架样式冲突问题解决
首页与商品界面正常显示

................................................................................

依然需要导入依赖模块
依赖模块下载导入
在当前文件夹输入命令行,下载项目依赖模块

npm i

.....................................................................................

打开编辑器
启动vue
我使用的是vscode

npm run dev// 此处会打开一个8080端口的本地服务器环境

webp

20180911.png



作者:Mr柳上原
链接:https://www.jianshu.com/p/3e963c006ae0


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP