Vue3+Pinia+Vite+TS 还原高性能外卖APP项目[完结10章]

双寿
• 阅读 103

学习地址1:https://pan.baidu.com/s/1qGqg_gdxT2yUf0ifiFUeYg 提取码: jgap 学习地址2:https://share.weiyun.com/Wjw3QpeQ 密码:gxrfcw

大家好,今天我将带着大家用Vue3+Pinia+Vite+TS来开发一款外卖app的项目,喜欢大家会喜欢。

随着外卖服务的普及和数字化的兴起,外卖系统的开发变得至关重要。要构建一个高效、安全、用户友好的外卖系统,需要运用多种关键技术。

首先,我们先选择合适的应用开发框架是外卖系统成功开发的第一步。诸如React、Angular、Vue等现代化的前端框架,以及Node.js、Ruby on Rails、Django等后端框架,能够提供稳定、快速、高效的开发环境。

另外,外卖系统处理大量数据,因此数据存储和数据库管理至关重要。使用可扩展的数据库系统,例如MySQL、PostgreSQL或NoSQL数据库(如MongoDB),以及有效的数据结构和管理技术,能够确保数据的安全、稳定和高效访问。

外卖配送涉及到实时的地理位置追踪和导航。整合地图服务(例如Google Maps、Mapbox)和GPS技术,能够实时监控送餐员的位置,为用户提供精确的送餐时间估计,并优化配送路线,提高配送效率。

接下来我们开始创建SpringBoot项目,创建项目的时候选择 Spring Initializr,填写好项目信息,把application.properties文件修改成application.yml。

然后我们开始配置Tomcat server: tomcat: uri-encoding: UTF-8 threads: max: 200 min-spare: 30 connection-timeout: 5000ms port: 8080 servlet: context-path: /emos-wx-api

配置MySQL数据源 spring: datasource: type: com.alibaba.druid.pool.DruidDataSource druid: driver-class-name: com.mysql.jdbc.Driver url: jdbc:mysql://localhost:3306/emos?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai username: root password: abc123456 initial-size: 8 max-active: 16 min-idle: 8 max-wait: 60000 test-while-idle: true test-on-borrow: false test-on-return: false 因为使用了阿里巴巴吧的Druid连接池,所以要在pom.xml文件中添加依赖,然后让Maven执行reload,依赖库就下载好了。 com.alibaba druid-spring-boot-starter 1.1.13

配置Redis数据源 spring: #这里省略MySQL配置信息 redis: database: 0 host: localhost port: 6379 password: abc123456 jedis: pool: max-active: 1000 max-wait: -1ms max-idle: 16 min-idle: 8 配置MongoDB数据源 spring: #这里省略MySQL配置信息 #这里省略Redis配置信息 data: mongodb: host: localhost port: 27017 database: emos authentication-database: admin username: admin password: abc123456 运行项目,检测配置 找到EmosWxApiApplication类,运行主方法,启动SpringBoot项目,然后观察控制台的输出,如果没有异常消息,说明以上的这些配置完全正确。如果出现了异常信息,需要你检查数据库是否都启动了,而且依赖库是否加载了,最后还要核对一下yml文件中的配置信息。

自定义异常类继承的父类,我没有选择Exception。因为Exception类型的异常,我们必须要手动显式处理,要么上抛,要么捕获。我希望我定义的异常采用既可以采用显式处理,也可以隐式处理,所以我选择继承RuntimeException这个父类。RuntimeException类型的异常可以被虚拟机隐式处理,这样就省去了我们很多手动处理异常的麻烦。

创建com.example.emos.wx.exception包 创建EmosException类 package com.example.emos.wx.exception; import lombok.Data; @Data public class EmosException extends RuntimeException{ private String msg; private int code = 500;

public EmosException(String msg) {
    super(msg);
    this.msg = msg;
}

public EmosException(String msg, Throwable e) {
    super(msg, e);
    this.msg = msg;
}

public EmosException(String msg, int code) {
    super(msg);
    this.msg = msg;
    this.code = code;
}

public EmosException(String msg, int code, Throwable e) {
    super(msg, e);
    this.msg = msg;
    this.code = code;
}

}

点赞
收藏
评论区
推荐文章
赵颜 赵颜
4个月前
[23章附电子书]SpringBoot+Vue3+MySQL集群 开发健康体检双系统
学习地址1:https://pan.baidu.com/s/1WWeuY50AZ0d3rbJ0LJ4pg提取码:kubm学习地址2:https://share.weiyun.com/74nsFIu0密码:ih38qp大家都知道医疗行业是互联网发展前景极好的
荀勗 荀勗
4个月前
SpringBoot+Vue3+MySQL集群 开发健康体检双系统(附电子书+23章全)
学习地址1:https://pan.baidu.com/s/1kWztQpuWaF1utuAGN1E5gw提取码:t547学习地址2:https://share.weiyun.com/74nsFIu0密码:ih38qp今天跟大家讲一个关于体检健康双系统的
赵嬷嬷 赵嬷嬷
4个月前
[升级16章+电子书]SpringBoot+Vue3 项目实战,打造企业级在线办公系统
学习地址1:https://pan.baidu.com/s/1gx9YoT3asP0fRdlwnBzXIQ提取码:ftyi学习地址2:https://share.weiyun.com/jVSDdcBU密码:cruqf9SpringBootVue3项目实战
赵嬷嬷 赵嬷嬷
3个月前
[完结10章]Vue3+Pinia+Vite+TS 还原高性能外卖APP项目
参考资料地址1:https://pan.baidu.com/s/1u0uNBMkOA2NRk3N6myb4Zg提取码:tnlt参考资料地址2:https://share.weiyun.com/Wjw3QpeQ密码:gxrfcwVue3带来的改变,除了其自身
赵嬷嬷 赵嬷嬷
3个月前
AI最火Agent实战(打造你代理)-Agent教程2024
学习地址1:https://pan.baidu.com/s/1oE7h2kqLz7Y6ymbYBPutw提取码:01xo学习地址2:https://share.weiyun.com/olW8Mzf0密码:6bag56大厂偏爱的Agent技术究竟是个啥,今天
赵嬷嬷 赵嬷嬷
3个月前
WPF高级实战课程《知产代理数字化解决方案》
学习地址1:https://pan.baidu.com/s/1J0cDIHK8T49QABEimK9UA提取码:ypzr学习地址2:https://share.weiyun.com/7RUYskT6密码:adbvfp一、什么是WPF?WPF是微软新一代图形
鲍二家的 鲍二家的
2个月前
C#+PLC通讯框架串口网口开发课程
学习地址1:https://pan.baidu.com/s/1msr89M65YtYhriCWej9Dg提取码:ewex学习地址2:https://share.weiyun.com/jTPjemxC密码:zxwkcd大家好,很高兴今天又可以给大家做分享,我
鲍二家的 鲍二家的
1个月前
AI Agent智能应用从0到1定制开发(12章)
学习地址1:https://pan.baidu.com/s/1ccnoXsPCUg4eP5rSrD0UA提取码:o0mu学习地址2:https://pan.baidu.com/s/1JYJ6dMkwgx0XWQnCM6Q0A提取码:2m68AIAgent已
双寿 双寿
1个月前
2024版React18+Next.js14+Nest.js全栈开发复杂低代码项目[21章]
学习地址1:https://pan.baidu.com/s/1HywEauDrHr7UoJAp9nDww提取码:imjn学习地址2:https://share.weiyun.com/vXd3qr0O密码:bcrymy低代码平台技术目前在国内外都发展迅猛。早
鲍二家的 鲍二家的
4星期前
[完结17章]SpringBoot3+Vue3 开发高并发秒杀抢购系统
学习地址1:https://pan.baidu.com/s/1DRZXkQeGkrPwhVTd2ko00g提取码:gpwn学习地址2:https://share.weiyun.com/ysK13sR2密码:74m96t众所周知,作为开发新手,入行、实习、转