从0带你做基于SpringBoot+Vue+Uniapp的校园跑腿小程序

大家好,我是青戈,最近给大家手撸了一个基于 Springboot+Vue+Uniapp 前后端分离的 【校园跑腿小程序】,系统代码全部原创,并提供带敲视频和笔记,大家都能跟着做出来。

项目在线体验地址

小程序(h5)端体验地址(手机可直接点击进入)http://106.54.221.16:86/
测试账号(骑手): aaa 123
测试账号(用户): acc 123
可自己注册账号体验

web管理端体验地址(必须电脑端浏览器访问): http://106.54.221.16:88/
管理员账号:admin admin

B站带做视频教程

相关介绍和带做视频已发布到B站,大家点击链接体验学习:https://www.bilibili.com/video/BV1qa4y1S7B8/

系统介绍脑图

系统运行截图

小程序

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

管理端

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

项目功能描述

管理员

登录、订单管理、联系人管理、认证信息管理、收支信息管理、评价管理、公告管理、管理员管理、用户管理、个人中心、修改密码

骑手

注册、登录、接单(需提交认证骑手)、查看骑手订单

用户

注册、登录、修改密码
首页:
查看公告、分类下单
下单页:
设置取货地址、收货地址、设置订单信息、提交订单
订单页:
查看订单、取消订单、确认收货、评价订单、删除订单
我的:
头像、姓名、(骑手信息)
我的地址管理、收支明细查看、我的评价管理、我的钱包、充值
个人信息管理、平台介绍、用户协议、退出登录

技术栈

前后端分离
后端:Springboot + Mybatis
前端:Vue + ElementUI
小程序:Uniapp
数据库: Mysql

创新点

  1. uniapp小程序 + web多端设计 多角色设计
  2. 设计定时任务自动取消过期订单
  3. 使用Redis缓存评论信息

如何获取

加入知识星球 【项目训练营】 即可获取 项目脚手架+完整笔记+带敲视频+源码+一对一答疑

星球提供的价值:

  1. 星球内部的所有实战项目均提供脚手架、详细的笔记和完整的带敲视频,可以跟着完整学习视频敲出来,学习过程中提供一对一答疑。
  2. 星球内部的实战项目会一直更新,星球成员可以学习所有项目,具体项目列表如下(长期更新):https://www.yuque.com/xiaqing-en2ii/skflxg/cayqu7tvpxrwt9tf
  3. 星球内部会提供不同的专栏,其中除了上述实战项目外,还有学习资料,比如经典学习笔记、超全面试题等
  4. 星球内部会不定期分享学习经验,开发经验,工作经验,如果你有需要,也可以提供相应文档
  • 5
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
迁移Spring Boot + Vue 项目到 Uniapp 可以按照以下步骤进行: 1. 首先,确保你已经安装了 Uniapp 的开发环境。Uniapp 是一个使用 Vue.js 开发跨平台应用的框架,可以在 iOS、Android、Web、各种小程序等多个平台上发布应用。\[3\] 2. 将原始的 Spring Boot 后端代码保持不变,因为 Uniapp 主要用于前端开发。你可以继续使用 Spring Boot 提供的后端服务。 3. 创建一个新的 Uniapp 项目,并将 Vue.js 的代码迁移到 Uniapp 中。Uniapp 支持使用 Vue.js 开发所有前端应用,因此你可以将原始的 Vue.js 代码复制到 Uniapp 项目中。\[3\] 4. 在 Uniapp 项目中,你可以使用微信小程序+uniapp+Vue 的前端技术栈进行开发。Uniapp 提供了丰富的组件和 API,可以方便地开发跨平台应用。\[1\] 5. 在迁移过程中,你可能需要根据 Uniapp 的特性和要求进行一些调整。例如,Uniapp 支持多个小程序平台,因此你可能需要根据目标平台的要求进行适配。\[3\] 总结起来,迁移 Spring Boot + Vue 项目到 Uniapp 可以通过创建一个新的 Uniapp 项目,并将原始的 Vue.js 代码复制到其中来实现。在 Uniapp 项目中,你可以使用微信小程序+uniapp+Vue 的前端技术栈进行开发。同时,你可以继续使用 Spring Boot 提供的后端服务。这样,你就可以在 Uniapp 上开发跨平台应用了。 #### 引用[.reference_title] - *1* [基于springboot的课堂考勤签到打卡小程序](https://blog.csdn.net/weixin_53783806/article/details/127289648)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [SSM、SpringBootVue.jsuniapp功能说明](https://blog.csdn.net/qq_44286009/article/details/124934699)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员青戈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值