Uniapp+Nodejs实现外卖App项目1-项目介绍

项目介绍

本项目采用uniapp和nodejs(数据接口)、mongodb等技术实现了一个类似美团外卖的简易APP。项目主要目的是为了快速上手,如何快速使用uniapp开发一个app项目,同时掌握一些常用的知识点。有兴趣的朋友可以拿去做二次开发或毕业设计也是不错的。

通过本项目,你将学习到: 1、uniapp基础 2、vue和vuex的使用 3、nodejs+express+mongodb的组合如何快速开发一套api接口 4、uniapp本地存储的使用 5、uniapp基本组件和扩展组件的使用 6、如何实现购物车逻辑? 7、如何实现地址管理? 8、如何实现订单管理? 9、如何设计页面布局? 10、如何编写css/scss样式? …

项目预览

演示视频

uniapp仿美团外卖app项目

uniapp仿美团外卖app项目

技术路线

    uniapp H5、CSS3 vue和vuex nodejs mongodb express框架 mongoose插件

功能介绍

系统登录

系统首页

从上到下依次为:

    商品搜索 商品分类轮播图 商品推荐 商家列表

商家模块

本模块主要展示商家三块信息:商品列表、评价信息、商户信息。

购物车模块

本模块主要实现将商家商品添加购物车,同时提供购物车结算功能,用户可以随意修改购物车商品,当点击结算按钮后跳转到订单结算界面。

订单模块

本模块主要展示用户已完成的订单列表,同时点击某一订单可以看到该订单详情。

我的模块

本模块展示登录用户的相关信息,如:头像、姓名、账户信息、地址管理、软件信息等。

地址管理

顾名思义就是对用户收货地址的增删改查操作:

经验分享 程序员 微信小程序 职场和发展