一、项目简介

同城外卖系统是一款外卖服务平台解决方案,专为希望快速搭建自有外卖业务的个人和企业设计。该系统覆盖了用户端、骑手端、商家端以及总管理后台和城市配送后台,实现了从在线下单、商家接单到骑手配送的全流程管理。所有使用的框架或组件,使得系统具有高度的透明性和可扩展性。商家可以通过商家端高效管理订单,用户能够便捷地下单并追踪订单状态,而骑手则通过骑手端实时接收和完成配送任务。此外,系统支持微信/支付宝支付接口,简化交易流程,并采用WebSocket等技术提升高并发处理能力,保证了系统的稳定性和响应速度。无论是初创企业还是成熟公司,都能利用此系统迅速开展外卖服务业务。

二、技术亮点

  •  后台应用ThinkCMF快速生成现代化表单;
  •  PHPExcel数据导出,导出表格更加美观,可视;
  •  支持微信/支付宝支付,支付接入更加快捷,简单;
  •  后台多任务窗口化操作界面;
  •  内置强大灵活的权限管理;
  •  内置组合数据,系统配置,管理碎片化数据;
  •  客户端完善的交互效果和动画;
  •  高频数据缓存;
  •  WebSocket长连接减少CPU及内存使用及网络堵塞,减少请求响应时长;
  •  支持队列降低流量高峰,解除耦合,高可用;

三、功能介绍

用户端

登录页面:支持手机号、微信和QQ等多种登录方式,提供启动引导和切换地址功能。

首页:包含搜索、轮播海报、功能模块展示等,为用户推荐个性化商品和服务。

吃美食:展示热门店铺和商品,支持按距离筛选和排序。

惠购物:提供优惠活动信息,如满减、折扣等。

找服务:涵盖生活服务类目,如洗衣、家政等。

订单:支持订单分类、详情查看、评价等功能。

消息:包括聊天、通知等互动功能。

个人资料:管理个人信息、平台欢迎语等。

签到:每日签到获取金币奖励。

红包/足迹/待评价/喜欢:记录用户的消费行为和偏好。

地址管理:添加、编辑和删除收货地址。

商户入驻/合作:商家可申请入驻或合作。

骑手加盟:骑手注册并加入配送队伍。

邀请有礼/意见反馈/帮助反馈/客服中心/系统设置:提供用户互动和支持功能。

骑手端

登录页面:支持手机号和密码登录。

首页:显示任务地图、新任务、待取件、待完成等信息。

接单设置:调整接单权限和铃声提醒。

订单详情:查看订单详细信息,包括配送时间、地址等。

转单:将当前订单转给其他骑手。

个人中心:查看个人信息和状态切换。

任务地图:实时显示订单位置和导航路线。

新任务:接收新的配送任务。

待取件/待完成:管理待取件和待完成的订单。

今日已完成:统计当天完成的订单数。

今日配送费:显示当天的配送收入。

本月好评:展示当月获得的好评。

我的消息:查看商家和用户的聊天内容。

订单统计:统计今日/月订单情况。

订单明细:详细记录所有订单信息。

我的钱包:显示总收入和提现记录。

设置:重置密码、更换手机号、设置铃声提醒等。

商家端

登录页面:支持手机号和扫码登录。

首页:显示自提单、发单列表、订单消息等。

店铺管理:管理店铺信息、商品、营业时间和评论等。

收益管理:查看收入与提现记录。

起送价格:设置店铺起送价格。

自动接单:开启或关闭自动接单功能。

关于我们:修改相关页面内容。

用户协议/隐私政策:管理用户协议和隐私政策内容。

四、技术栈

后端:

PHP 7.4+、Laravel 8.x、MySQL 5.7+、

Redis、Nginx/Apache、Composer、

WebSocket、ThinkCMF、PHPExcel、Swoole、Laravel Queue

前端:

Vue.js、Vant-UI、UNI-APP、Element UI、

Ant Design Vue、Vue Router、Vuex/Pinia、

Webpack/Vite

五、安装部署

后端

克隆代码

cd wanyue_waimai_web

环境配置

复制 .env.example 为 .env:

cp .env.example .env

生成应用密钥:

php artisan key:generate

修改 .env 文件中的数据库配置

依赖安装

安装PHP依赖:

composer install --no-scripts --ignore-platform-reqs

生成存储目录权限:

chmod -R 777 storage bootstrap/cache

数据库初始化

php artisan migrate --seed

如果需要导入初始数据(如演示数据),请参考文档中的具体命令。

队列和计划任务

启动队列监听器(如需异步任务):

php artisan queue:work

配置定时任务(crontab):

* * * * * cd /path-to-your-project && php artisan schedule:run >> /dev/null 2>&1

Web服务器配置

将Web服务器(如Nginx/Apache)的根目录指向 public/ 目录。

示例Nginx配置:

server {    listen 80;    server_name yourdomain.com;    root /path/to/wanyue_waimai_web/public;    index index.php index.html;    location / {        try_files $uri $uri/ /index.php?$query_string;    }    location ~ \.php$ {        include snippets/fastcgi-php.conf;        fastcgi_pass unix:/var/run/php/php-fpm.sock;    }}

前端

环境要求

Node.js 14+ 和 npm/yarn。

确保项目包含前端代码(通常在 resources/js 或独立仓库中)。

安装依赖

进入前端目录(假设为 resources/js):

cd resources/js

安装依赖:

npm install

构建静态资源

开发模式(实时编译):

npm run dev

生产模式(优化打包):

npm run production

部署前端资源

构建后的文件会输出到 public 目录,确保Web服务器能正确加载。

如果前端代码在独立仓库,需克隆并重复上述步骤。

六、UI展示

版权声明:
1、本网站名称:帝企吧
2、本站永久网址:https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网,仅用于学习及参考使用,切勿用于商业用途,如产生法律纠纷本站概不负责! 8、资源除标明原创外均来自网络转载,版权归原作者所有,若侵犯到您权益请联系我们删除,我们将及时处理! 9、若您需使用非免费的软件或服务,请购买正版授权并合法使用!