一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1LH4y1D7Kg?t=22.9
三、运行截图:
本系统使用了java和mysql结合的结构开发了微信点餐小程序应用,系统中所有和数据库有关系的操作都通过一个通用类来实现,大大提高了代码的耦合性,当数据库类型等信息变化后直接修改类文件就可以了,不再需要每个页面都修改。另外本系统解决了中文的问题,也是在配置文件中添加了编码方式的形式解决的,本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里,这样对系统的所有数据库操作都只访问这个类就可以了,不要每个页面都去写数据库的操作,提高了系统的集成性。
3.1用户端功能模块用户注册,在用户注册页面可以填写用户名、密码、姓名、性别、联系电话等信息,进行注册,如图3-1所示。
图3-1用户注册界面图
用户登录,在用户登录页面填写账号、密码进行登录如图3-2所示。
图3-2用户登录界面图
用户登录到微信点餐小程序可以查看首页、菜品信息、美食资讯、我的等内容,如图3-3所示。
图3-3用户首页功能界面图
菜品信息,在菜品信息页面可以查看菜品名称、菜品分类、图片、菜品价格、材料、份量等信息进行下单或点我收藏操作,如图3-4所示。
图3-4菜品信息界面图
在我的页面可以填写我的菜品信息、订单信息、订单配送、菜品评价、我的收藏管理、客服等信息,并可根据需要进行提交,如图3-5所示。
图3-5我的界面图
在用户信息页面可以查看用户名、密码、姓名、性别、头像、联系电话等信息,并可根据需要对用户信息进行保存、退出登录,如图3-6所示。
图3-6用户信息界面图
在订单信息页面可以查看订单编号、菜品名称、菜品分类、图片、菜品价格、数量、总金额、下单时间、送餐地址、用户名、联系电话、是否支付、审核回复等信息,并可根据需要对订单信息进行支付操作,如图3-7所示。
图3-7订单信息界面图
在订单配送页面可以查看订单编号、菜品名称、菜品分类、图片、数量、总金额、配送状态、更新时间、用户名、联系电话、审核回复等内容,并可根据需要进行评价或审核操作,如图3-8所示。
图3-8订单配送界面图
在菜品评价页面可以查看订单编号、菜品名称、菜品分类、评分、添加图片、评价日期、用户名、联系电话、评价内容等信息,并可根据需要进行提交,如图3-9所示。
图3-9菜品评价界面图
在美食资讯页面可以查看标题、简介、图片等信息,并可根据需要进行提交,如图3-10所示。
图3-10美食资讯界面图
3.2管理员端功能界面管理员通过填写用户名、密码、角色进行登录如图3-11所示。
图3-11管理员登录界面图
用户管理,通过填写用户名、密码、姓名、性别、头像、联系电话等信息进行详情、修改、删除操作,如图3-12所示。
图3-12用户管理界面图
菜品分类管理,通过填写菜品分类等信息进行详情、修改、删除操作,如图3-13所示。
图3-13菜品分类管理界面图
菜品信息管理,通过填写菜品名称、菜品分类、图片、菜品价格、材料、份量等信息进行详情、修改、查看评论、删除操作,如图3-14所示。
图3-14菜品信息管理界面图
订单配送管理,通过填写订单编号、菜品名称、菜品分类、图片、数量、总金额、配送状态、更新时间、用户名、联系电话、审核回复、审核状态等信息进行详情、修改、删除操作,如图3-15所示。
图3-15订单配送管理界面图
菜品评价管理,通过填写订单编号、菜品名称、菜品分类、评分、添加图片、评价内容、评价日期、用户名、联系电话、审核回复、审核状态、审核等信息进行详情、修改、删除操作,如图3-16示。
图3-16菜品评价管理界面图
美食资讯,通过填写标题、简介、图片等信息进行详情、修改、删除操作,如图3-17所示。
图3-17美食资讯界面图
该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图3-18所示。
图3-18 轮播图管理界面图