问苏2023年02月02日
114阅读
所属分类 PC网站H5网站

作品详情

仿elm外卖商城系统,Vue+Vant+Typescript实现手机端外卖商城,React+Antd+Typescripts实现后台管理,Node+Koa2+mongoose+Typescript实现后台功能
1. h5 端使用的以下技术 vue + vuex + vue-router + typescript + less + vant,使用的是 vant-ui 框架

- 完成了首页数据显示,首页数据筛选
- 首页店铺的距离检查,利用腾讯地图 api 实现
- 完成了城市选择
- 完成了地址搜索,使用的是腾讯地图提供的 api
- 完成登录验证,server 使用到 koa-session
- 完成了我的地址的新增和修改
- 完成了个人信息的头像上传,个人信息展示
- 完成了食品详情,食品加入购物车,订单下单,清空购物车
- 完成了订单列表展示
- 后续增加商品搜索
- 后续增加商品分类列表搜索页
- 后续增加 websocket 的订单显时支付,过时取消订单
- 后续增加店铺收藏,食品收藏
- 后续增加红包功能
- 后续增加食品详情页,用户评论功能

2. admin-client 使用 react + react-router4.0 + react-redux + redux-saga + antd + typescript + less

- 完成所有食品分类管理
- 完成餐馆列表,餐馆的食品分类,餐馆信息
- 完成新增餐馆,修改餐馆,删除餐馆
- 完成食品列表
- 完成新增食品,修改食品,删除食品
- 完成管理员列表和新增修改管理员
- 完成管理员角色管理
- 后续新增查询订单,订单状态修改,删除订单
- ...

3. server 使用 koa2 + typescript + mongoose
- 提供以上两个前端的接口,数据模型,和逻辑操作功能
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论