前后端分离校园周边美食探索及分享平台系统|SpringBoot+Vue+MyBatis+MySQL完整源码+部署教程
摘要
随着互联网技术的快速发展,校园周边美食的探索与分享需求日益增长。传统的校园周边美食信息获取方式主要通过线下口碑传播或简单的信息展示平台,存在信息更新不及时、互动性差、用户体验不佳等问题。针对这些问题,设计并实现一个前后端分离的校园周边美食探索及分享平台系统具有重要意义。该系统旨在为学生提供便捷的美食信息查询、个性化推荐、用户互动分享等功能,同时为商家提供展示和推广的渠道。通过整合校园周边美食资源,该系统能够提升用户的探索体验,促进校园周边美食文化的传播与交流。关键词:校园周边美食、信息分享、用户体验、个性化推荐、互动平台。
该系统采用SpringBoot作为后端框架,Vue.js作为前端框架,结合MyBatis实现数据持久化,MySQL作为数据库管理系统。系统功能模块包括用户管理、美食信息管理、评论与评分、收藏与推荐等。用户可以通过注册登录后浏览、搜索美食信息,发表评论和评分,收藏喜爱的美食店铺。系统根据用户行为和偏好提供个性化推荐,提升用户粘性。管理员负责管理美食信息和用户内容,确保平台的正常运行。前后端分离的设计模式提高了系统的可维护性和扩展性,RESTful API接口实现了前后端的高效交互。关键词:SpringBoot、Vue.js、MyBatis、MySQL、前后端分离、RESTful API。
数据表
用户信息数据表:用户注册及登录过程中,用户信息通过表单提交并存储,用户ID是该表的主键,存储用户的基本信息及权限相关属性内容,结构表如表3-1所示。
| 字段名 | 数据类型 | 描述 |
|---|---|---|
| user_id | BIGINT | 用户唯一标识,主键 |
| username | VARCHAR(50) | 用户名,唯一 |
| password_hash | VARCHAR(100) | 密码哈希值 |
| VARCHAR(100) | 用户邮箱,唯一 | |
| phone_number | VARCHAR(20) | 用户手机号 |
| avatar_url | VARCHAR(255) | 用户头像URL |
| created_at | TIMESTAMP | 用户注册时间 |
| last_login | TIMESTAMP | 最后登录时间 |
| status | TINYINT | 用户状态(0-禁用,1-启用) |
美食店铺数据表:美食店铺信息由管理员或商家提交并存储,店铺ID是该表的主键,存储店铺的基本信息及地理位置相关属性内容,结构表如表3-2所示。
| 字段名 | 数据类型 | 描述 |
|---|---|---|
| store_id | BIGINT | 店铺唯一标识,主键 |
| store_name | VARCHAR(100) | 店铺名称 |
| description | TEXT | 店铺描述 |
| address | VARCHAR(255) | 店铺地址 |
| latitude | DECIMAL(10,6) | 店铺纬度坐标 |
| longitude | DECIMAL(10,6) | 店铺经度坐标 |
| average_rating | DECIMAL(3,2) | 店铺平均评分 |
| cover_image | VARCHAR(255) | 店铺封面图片URL |
| created_at | TIMESTAMP | 店铺创建时间 |
| updated_at | TIMESTAMP | 店铺信息更新时间 |
用户评论数据表:用户对美食店铺的评论及评分通过表单提交并存储,评论ID是该表的主键,存储评论内容及关联信息,结构表如表3-3所示。
| 字段名 | 数据类型 | 描述 |
|---|---|---|
| comment_id | BIGINT | 评论唯一标识,主键 |
| user_id | BIGINT | 用户ID,外键 |
| store_id | BIGINT | 店铺ID,外键 |
| content | TEXT | 评论内容 |
| rating | TINYINT | 用户评分(1-5星) |
| created_at | TIMESTAMP | 评论创建时间 |
| updated_at | TIMESTAMP | 评论更新时间 |
博主介绍
✨ 专业背景
专注Java企业级开发与小程序生态,全网影响力10万+开发者,CSDN特邀作者、技术专家、新星计划导师。 🎯 核心服务 📚
毕业设计智库微信小程序方向:100个前沿选题 Java企业级方向:500个实战选题 项目实战宝库:3000+精品案例
✨ 专业指导
选题策略规划:量身定制技术路线 架构设计指导:企业级应用构建 论文写作辅导:技术文档专业化
详细视频演示
请联系我获取更详细的演示视频
系统介绍:
前后端分离校园周边美食探索及分享平台系统|SpringBoot+Vue+MyBatis+MySQL完整源码+部署教程,拿走直接用(附源码,数据库,视频,可提供说明文档(通过AIGC)技术包括:MySQL、VueJS、ElementUI、(Python或者Java或者.NET)等等功能如图所示。可以滴我获取详细的视频介绍
功能参考截图:
文档参考:
技术架构栈
🔧 后端技术:Spring Boot
Spring Boot 作为现代Java企业级开发的核心框架,以其**“约定优于配置”**的设计哲学重新定义了应用开发模式。 核心特性解析:零配置启动:集成自动配置机制,大幅减少XML配置文件编写 嵌入式服务器:内置Tomcat/Jetty/Undertow,支持独立JAR包部署
生产就绪:集成Actuator监控组件,提供健康检查、指标收集等企业级特性 微服务友好:天然支持分布式架构,与Spring
Cloud生态无缝集成开发优势:
通过Starter依赖体系和智能自动装配,开发者可将精力完全聚焦于业务逻辑实现,而非底层基础设施搭建。单一可执行JAR的部署模式极大简化了运维流程。
🎨 前端技术:Vue.js
Vue.js 以其渐进式框架设计和卓越的开发体验,成为现代前端开发的首选解决方案。 技术亮点:响应式数据流:基于依赖追踪的响应式系统,实现高效的视图更新 组件化架构:单文件组件(SFC)设计,实现样式、逻辑、模板的完美封装
灵活的渐进式设计:可从简单的视图层库扩展至完整的SPA解决方案 丰富的生态系统:Vue Router、Vuex/Pinia、Vue
CLI等官方工具链完备开发效率:
直观的模板语法结合强大的指令系统,让复杂的用户交互变得简洁明了。优秀的TypeScript支持和开发者工具,为大型项目提供可靠的开发保障。
核心代码
package com;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
@SpringBootApplication
@MapperScan(basePackages = {"com.dao"})
public class SpringbootSchemaApplication extends SpringBootServletInitializer{
public static void main(String[] args) {
SpringApplication.run(SpringbootSchemaApplication.class, args);
}
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder applicationBuilder) {
return applicationBuilder.sources(SpringbootSchemaApplication.class);
}
}
package com.controller;
import java.math.BigDecimal;
import java.text.SimpleDateFormat;
import java.text.ParseException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.format.annotation.DateTimeFormat;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;
import com.entity.YonghuEntity;
import com.entity.view.YonghuView;
import com.service.YonghuService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.MapUtils;
import com.utils.CommonUtil;
import java.io.IOException;
/**
* 用户
* 后端接口
* @author
* @email
* @date 2024-04-24 17:59:31
*/
@RestController
@RequestMapping("/yonghu")
public class YonghuController {
@Autowired
private YonghuService yonghuService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@RequestMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
if(u==null || !u.getMima().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(u.getId(), username,"yonghu", "用户" );
return R.ok().put("token", token);
}
/**
* 注册
*/
@IgnoreAuth
@RequestMapping("/register")
public R register(@RequestBody YonghuEntity yonghu){
//ValidatorUtils.validateEntity(yonghu);
YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));
if(u!=null) {
return R.error("注册用户已存在");
}
Long uId = new Date().getTime();
yonghu.setId(uId);
yonghuService.insert(yonghu);
return R.ok();
}
/**
* 退出
*/
@RequestMapping("/logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
YonghuEntity u = yonghuService.selectById(id);
return R.ok().put("data", u);
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", username));
if(u==null) {
return R.error("账号不存在");
}
u.setMima("123456");
yonghuService.updateById(u);
return R.ok("密码已重置为:123456");
}
/**
* 后台列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,YonghuEntity yonghu,
HttpServletRequest request){
EntityWrapper<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
PageUtils page = yonghuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghu), params), params));
return R.ok().put("data", page);
}
/**
* 前台列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params,YonghuEntity yonghu,
HttpServletRequest request){
EntityWrapper<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
PageUtils page = yonghuService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yonghu), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/lists")
public R list( YonghuEntity yonghu){
EntityWrapper<YonghuEntity> ew = new EntityWrapper<YonghuEntity>();
ew.allEq(MPUtil.allEQMapPre( yonghu, "yonghu"));
return R.ok().put("data", yonghuService.selectListView(ew));
}
/**
* 查询
*/
@RequestMapping("/query")
public R query(YonghuEntity yonghu){
EntityWrapper< YonghuEntity> ew = new EntityWrapper< YonghuEntity>();
ew.allEq(MPUtil.allEQMapPre( yonghu, "yonghu"));
YonghuView yonghuView = yonghuService.selectView(ew);
return R.ok("查询用户成功").put("data", yonghuView);
}
/**
* 后台详情
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") Long id){
YonghuEntity yonghu = yonghuService.selectById(id);
return R.ok().put("data", yonghu);
}
/**
* 前台详情
*/
@IgnoreAuth
@RequestMapping("/detail/{id}")
public R detail(@PathVariable("id") Long id){
YonghuEntity yonghu = yonghuService.selectById(id);
return R.ok().put("data", yonghu);
}
/**
* 后台保存
*/
@RequestMapping("/save")
public R save(@RequestBody YonghuEntity yonghu, HttpServletRequest request){
if(yonghuService.selectCount(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()))>0) {
return R.error("用户账号已存在");
}
yonghu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(yonghu);
YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));
if(u!=null) {
return R.error("用户已存在");
}
yonghu.setId(new Date().getTime());
yonghuService.insert(yonghu);
return R.ok();
}
/**
* 前台保存
*/
@RequestMapping("/add")
public R add(@RequestBody YonghuEntity yonghu, HttpServletRequest request){
if(yonghuService.selectCount(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()))>0) {
return R.error("用户账号已存在");
}
yonghu.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
//ValidatorUtils.validateEntity(yonghu);
YonghuEntity u = yonghuService.selectOne(new EntityWrapper<YonghuEntity>().eq("yonghuzhanghao", yonghu.getYonghuzhanghao()));
if(u!=null) {
return R.error("用户已存在");
}
yonghu.setId(new Date().getTime());
yonghuService.insert(yonghu);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
@Transactional
public R update(@RequestBody YonghuEntity yonghu, HttpServletRequest request){
//ValidatorUtils.validateEntity(yonghu);
if(yonghuService.selectCount(new EntityWrapper<YonghuEntity>().ne("id", yonghu.getId()).eq("yonghuzhanghao", yonghu.getYonghuzhanghao()))>0) {
return R.error("用户账号已存在");
}
yonghuService.updateById(yonghu);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
yonghuService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
文章下方名片联系我即可~
✌💗大家点赞、收藏、关注、评论啦 、查看✌💗
👇🏻获取联系方式👇🏻
精彩专栏推荐订阅:在下方专栏👇🏻
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐






所有评论(0)