Java版点餐小程序2021最新版笔记,springboot+Mysql+freemarker+微信小程序实现扫码点餐小程序(上)

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: Java版点餐小程序2021最新版笔记,springboot+Mysql+freemarker+微信小程序实现扫码点餐小程序

第一章,技术选型


1,后台技术选型:


  • JDK8/Java11
  • Mysql5.7/Mysql8
  • Spring-boot2.2.4
  • Spring-data-jpa
  • Lombok
  • Freemarker
  • Bootstrap4.3
  • Websocket即时通讯
  • Tomcat服务器
  • Excel数据的批量导入与导出


2,小程序端技术选型


  • 微信小程序
  • css3
  • JavaScript


第二章,效果图


1, 管理后台



2,小程序端


小程序端功能

如上图,目前实现了如下功能。


小程序首页

1,扫码点餐

2,菜品浏览

3,餐厅电话

4,在线客服

菜品分类显示

购物车编辑页

订单确认页(可以选择就餐人数)

支付系统(模拟支付,可接入微信支付)

订单列表页(多种订单状态)

评论系统(评价列表)


第三章,Java项目的部署


1,准备工作


  • 1,安装jdk8或者jdk11
  • 2,安装mysql8.0
  • 3,安装IntelliJ IDEA 开发工具(java)
  • 4,安装微信小程序开发者工具
  • 5,注册小程序获取小程序appid
  • 6,开通小程序云开发功能


2,源码导入


2-1,首先下载源码


上图中的Java后台源码,下载到桌面并解压


  • 点击open导入上图的java源码,下面两种方式都可以

  • 选择你解压后的源码
    这里要说明下,我源码可能会更新,记得去网盘里下载最新的源码,解压后导入即可。


2-2,导入成功后如下图



2-3,git不用管


有的同学导入项目后会报下面这个错误,如果报的话,可以忽略不用管,当然没报肯定更好了。


2-4,项目启动报错解决方案

确认下项目是不是使用的jdk8,有时候不用jdk8有可能会报如下错误

 

解决方法如下图

 

3,安装mysql8数据库

我们这里要安装的是mysql8.0数据库。只要是8.0开头的,不管是8.0.11还是8.0.19都可以。

数据库的安装,我在点餐视频的第3章的2,3,4节里都有讲。

3-1,关联mysql可视化管理

接下来,我们就要关联mysql数据库了,方便后面的可视化管理

然后选择Mysql 如下图

3-2,链接数据库

接下来就要进行数据库的配置了,这里如实的输入自己的数据库名和密码就行

这里要强调下,mysql数据库默认端口是3306,如果你有变过,记得把下面这里的端口号改为你最新的。一般不建议改变mysql的端口号的。

3-3,链接成功

如果运气好的话,你点完Test Connection后会出现下面的绿色对勾。

链接成功后,不要忘记点ok

这就说明你关联成功了,但是好多同学会出现以下错误。

3-4,关联mysql常见错误

3-4-1,时区错误

时区错误,MySQL默认的时区是UTC时区,比北京时间晚8个小时。所以要修改mysql的时区。


解决:

找到mysql安装目录并进入bin文件夹,我的是安装在c盘

然后输入cmd,回车

输入:mysql -uroot -p123456进入mysql命令模式

然后输入


set persist time_zone='+8:00';

再次连接成功

配置完后,点击下test,如果出现绿色对勾,即代表链接成功。然后点击ok


3-4-2,驱动错误

这是因为驱动没有安装的问题。


解决

问题出在了上图所示的地方。这个地方你如果有看我视频,肯定知道在哪里的。

我们下面就来说下怎么解决吧。

一定要注意,上图我使用的是com.mysql.jdbc.Driver这个数据库驱动。

然后下面的8.0.15的添加是先点加号,然后再如下图所示。


4,执行qcl.sql创建数据库和相关数据表


如果下面第3步箭头是灰色无法点击,说明你mysql数据库没有链接成功,去看下上面第三步里提到的视频。

idea链接数据库成功后,我们再来执行qcl.sql文件。

正常来说,点完run就可以直接执行sql了,但是由于idea做了升级,上面直接右键可能不是直接执行,当然了,如果你是老一点版本的idea,就会直接执行,但是如果你是新版的就会变成了下面所示。

这个时候,也不用害怕,只需要简单配置即可

然后就可以看到控制台打印下面日志

到这里我们数据相关的配置就完成了。


5,本地运行项目


启动项目有两种方法


5-1,通过DianCanApplication类启动


如下图所示


5-2,点击工具栏三角按钮


点击下图绿色箭头,运行项目

因为之前我们执行了sql,可能有的同学是这样的。

这里要记得切换成这个


6,运行成功的检验


我们上面点完运行,日志台会出现下面字样,就代表启动成功了

然后输入下面网址,如果返回下面文字,就代表启动成功了

也可以通过url.md里存的这个链接

输入下面网址,即可进入登陆后台页面。

注意端口号要和你设置页里的保持一致


7,无法查看数据表的问题


有好多同学说执行项目后为啥只有一个表,如下

这是因为我们用的是jpa,项目运行的时候,会自动建表,当然创建后的表,需要你点击一下刷新才可以看得到。

刷新后如下


第四章,导入Java常见问题汇总


1,程序包lombok不存在


如果不存在下面错误,直接跳过即可

通常报这个错误,是因为,我们的开发者工具idea没有安装lombok库导致的


解决办法如下:

提示我们没有安装,我们就安装一个不就行了,下面来教大家如何安装。

1,点击扳手进入设置页

2,点击plugins,然后搜索lombok,点击install即可安装

3,安装完成后,重启idea开发工具即可


2,Idea导入三方依赖报红


问题如下图所示:

产生这个问题的原因就是因为,你项目相关类库没有加载成功。或者说你的默认maven是国外链接,加载的比较慢,甚至没有加载下来。所以我们最好使用国内镜像的maven仓库。


2-1解决方案:

1,先去我们的网盘里下载下图这个xml文件,下载后放到桌面

2,去配置maven

然后就是静静的等待了,快的话1分钟,慢的话5-10分钟。就可以把所有类库加载完了。


视频讲解:

可以到网盘里找到下面红框里的讲解视频


2-2, 使用2-1方法不行,还是没法加载依赖


有些同学的电脑,使用1-1的解决方法还是不行,通常是因为这些同学的电脑上不能使用阿里云镜像。所以这个时候我们就要换个解决思路了。这些同学常见的问题如下

这个时候我们就要使用默认的settings.xml了,下面教大家解决思路。


解决方案

然后右键pom.xml如下

新建sttings.xml后重新导入下依赖包即可。

如果上面操作还不能加载类库,就如下图所示点击下clean


3,项目启动报SQLException错误


SQLException: Access denied for user 'root'@'localhost' (using password: YES)

其实出现这个错误的主要原因,是因为你不细心,数据库的密码没有输入对。所以解决的方法就是数据库密码要输对。


4,数据库链接时的时区问题serverTimezone错误


问题原因:

时区错误,MySQL默认的时区是UTC时区,比北京时间晚8个小时。所以要修改mysql的时区。


解决方法如下

找到mysql安装目录并进入bin文件夹,我的是安装在c盘

然后输入cmd,回车

输入:mysql -uroot -p123456进入mysql命令模式

然后输入


set persist time_zone='+8:00';

注意,上面的mysql> 不用输入的。只需要输入set persist time_zone='+8:00'; 后面这个分号不要忘记。

  • 然后再输入下
flush privileges;

做权限刷新,这样你设置的新的时区才会起效果。

再次连接成功

配置完后,点击下test,如果出现绿色对勾,即代表链接成功。然后点击ok


讲解视频:


5,Driver files are not downloaded, jdbc.Driver报红


问题截图如下

出现这种问题是因为jdbc驱动问题,

解决方案就是把默认的驱动删除,重新加载一个。解决方案如下


1,删除默认的驱动

2,重新添加jdbc驱动8.0.15

  • 这里使用com.mysql.jdbc.Driver
相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
27天前
|
监控 前端开发 Java
Java SpringBoot –性能分析与调优
Java SpringBoot –性能分析与调优
|
27天前
|
小程序 前端开发 算法
|
2月前
|
SQL Java 关系型数据库
java连接mysql查询数据(基础版,无框架)
【10月更文挑战第12天】该示例展示了如何使用Java通过JDBC连接MySQL数据库并查询数据。首先在项目中引入`mysql-connector-java`依赖,然后通过`JdbcUtil`类中的`main`方法实现数据库连接、执行SQL查询及结果处理,最后关闭相关资源。
|
1月前
|
Java API 开发者
Java如何实现企业微信审批流程
大家好,我是V哥。本文分享如何在企业微信中实现审批流程,通过调用企业微信的开放API完成。主要内容包括获取Access Token、创建审批模板、发起审批流程和查询审批结果。提供了一个Java示例代码,帮助开发者快速上手。希望对你有帮助,关注V哥爱编程,编码路上同行。
|
1月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
2月前
|
JSON Java Maven
实现Java Spring Boot FCM推送教程
本指南介绍了如何在Spring Boot项目中集成Firebase云消息服务(FCM),包括创建项目、添加依赖、配置服务账户密钥、编写推送服务类以及发送消息等步骤,帮助开发者快速实现推送通知功能。
77 2
|
2月前
|
缓存 Java 程序员
Java|SpringBoot 项目开发时,让 FreeMarker 文件编辑后自动更新
在开发过程中,FreeMarker 文件编辑后,每次都需要重启应用才能看到效果,效率非常低下。通过一些配置后,可以让它们免重启自动更新。
30 0
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
263 3
|
2月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
52 0
微信小程序更新提醒uniapp
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
109 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目