• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ttaway: 仿elm外卖商城系统,Vue+Vant+Typescript实现手机端外卖商城,React+Antd+Typ ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

ttaway

开源软件地址:

https://gitee.com/suwenhao/ttaway

开源软件介绍:

ttaway

最近新建了个群,有问题加群讨论,872989006

项目启动和环境安装请看 “安装运行环境,和项目启动说明.docx”

介绍

仿 elm 外卖商城系统,Vue+Vant+Typescript 实现手机端外卖商城,React+Antd+Typescripts 实现后台管理,Node+Koa2+mongoose+Typescript 实现后台功能。使用腾讯地图 api 实现定位和地址搜索

软件架构

  1. client 为 h5 客户端
  2. admin-client 为后台管理
  3. server 为 service 服务器
  4. docs 所需文件
    • ttaway mongodb 数据库文件

项目运行详细说明

  1. 请查看 安装运行环境,和项目启动说明.docx 这个文档

H5 端页面预览

后台管理页面预览

技术栈说明

  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

    • 提供以上两个前端的接口,数据模型,和逻辑操作功能

安装教程

  1. 请查看 安装运行环境,和项目启动说明.docx 这个文档

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap