/vue.js-sell-webApp

这是慕课网vue.js开发的仿饿了么外卖webApp的项目,这是第二次重新做,vue版本为2.0

Primary LanguageVue

#vue.js仿饿了么外卖webApp

总结

​ 这个vue项目是慕课网的一个中级难度的vue项目,从学习vue的基础知识到动手做项目,完成项目,再到最后部署到阿里云,真是一段辛酸的历程!皇天不负有心人,今天终于大功告成!

​ 在开始做这个vue项目的时候,vue已经升级到2.0了,但是这个视频是2017年录制的,采用的是vue1.0,脚手架工具也不一样,因为这个版本的原因,遇到的坑不计其数,每进一步都是磕磕碰碰。当做完这个项目的时候,vue2.5版本已经出来了,而现在vue3.0也出来了。vue版本的更新换代还是比较快的,这也意味着要不断学习才能跟进时代的步伐。

​ 目前该项目的作者已经将该项目重构,采用的技术是vue2.5+vue-router+axios+cube-ui,之前做项目采用的是vue2.0+vue-router+vue-resource+better-scroll。由于时间的关系,目前暂不打算重构该项目,等以后有时间再重构该项目

​ 当做完这个项目的时候,一直想部署到云服务器上,但是这个过程还是比较艰难的,这个项目就搁置了两个月。后来一直在学习http 、node.js 、linux和nginx,时至今日终于在不断尝试中把项目部署上去了。

​ 本项目采用node.js编写的小型http服务器,使用pm2来管理进程。话不多说,来看看效果吧

项目地址

http://39.108.227.9:8080/#/goods

扫描二维码也可访问

1

项目介绍

本项目主要分为三大部分:商品、评论和商家

商品界面可查看各种商品信息,滑动查看菜单,点击菜品可进入商品详情,查看菜品的评论。点击+可实现添加菜品到购物车,购物车可清空及价格计算

评论主要是菜品的评论,可以实现评论筛选,查看全部、满意和不满意部分

商家主要是商家信息页面