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

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 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
相关文章
|
1月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
46 1
|
3天前
|
分布式计算 关系型数据库 MySQL
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型 图像处理 光通信 分布式计算 算法语言 信息技术 计算机应用
21 8
|
4天前
|
SQL 前端开发 关系型数据库
SpringBoot使用mysql查询昨天、今天、过去一周、过去半年、过去一年数据
SpringBoot使用mysql查询昨天、今天、过去一周、过去半年、过去一年数据
33 9
|
28天前
|
Java 关系型数据库 MySQL
springboot学习五:springboot整合Mybatis 连接 mysql数据库
这篇文章是关于如何使用Spring Boot整合MyBatis来连接MySQL数据库,并进行基本的增删改查操作的教程。
49 0
springboot学习五:springboot整合Mybatis 连接 mysql数据库
|
28天前
|
Java 关系型数据库 MySQL
springboot学习四:springboot链接mysql数据库,使用JdbcTemplate 操作mysql
这篇文章是关于如何使用Spring Boot框架通过JdbcTemplate操作MySQL数据库的教程。
21 0
springboot学习四:springboot链接mysql数据库,使用JdbcTemplate 操作mysql
|
29天前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
451 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
12天前
|
关系型数据库 MySQL Java
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
20 0
|
1月前
|
前端开发 Java 数据库连接
表白墙/留言墙 —— 中级SpringBoot项目,MyBatis技术栈MySQL数据库开发,练手项目前后端开发(带完整源码) 全方位全步骤手把手教学
本文是一份全面的表白墙/留言墙项目教程,使用SpringBoot + MyBatis技术栈和MySQL数据库开发,涵盖了项目前后端开发、数据库配置、代码实现和运行的详细步骤。
37 0
表白墙/留言墙 —— 中级SpringBoot项目,MyBatis技术栈MySQL数据库开发,练手项目前后端开发(带完整源码) 全方位全步骤手把手教学
|
2月前
|
SQL 关系型数据库 MySQL
springboot项目操作mysql出现锁表问题情况
springboot项目操作mysql出现锁表问题情况
39 2
|
3天前
|
SQL 关系型数据库 MySQL
go语言数据库中mysql驱动安装
【11月更文挑战第2天】
14 4

推荐镜像

更多
下一篇
无影云桌面