基于springboot+vue的网上订餐系统(前后端分离)

博主主页：猫头鹰源码

博主简介：Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容：毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目背景：

随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。电子商务必将成为未来商务的主流，因此对于餐饮行业来说，建立一个网上订餐系统是必不可少的一种销售模式；由于现在人们的生活节奏越来越快，就餐时间过于集中，为了实现用户通过计算机平台进行订餐的功能，开发了本网上订餐系统。

近几年随着互联网的飞速发展，我国的电子商务也得到了较快的发展，人们的生活方式也随之改变。人们在快节奏的生活中寻找快捷的生活方式，其中电子商务技术为人们提供了更加便利的购物方式。人们网上购物不受时间地点的限制，同时商户实现通过网络平台来进行商品的销售，不仅客户群体，而且还可以为商户进行宣传，能大大的增加营业额。为了满足大量网友网上进行订餐的需求，跟随电子商务发展的步伐，建设一个网上订餐系统为广大用户服务，实现快速订餐功能。

功能介绍：

本基于Spring Boot的网上订餐系统主要管理员模块以及用户模块两大部分，系统结构图如图所示。

系统包含技术：

后端：springboot，mybatis
前端：element-ui、js、css等
开发工具：idea/vscode
数据库：mysql 5.7
JDK版本：jdk1.8

部分截图说明：

系统登录

用户注册

菜品详情

下单订餐

订单信息

管理员登录

会员管理

菜品信息管理

订单配送管理

部分代码：

    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,DingdanpeisongEntity dingdanpeisong,
		HttpServletRequest request){
		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("huiyuan")) {
			dingdanpeisong.setHuiyuanzhanghao((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<DingdanpeisongEntity> ew = new EntityWrapper<DingdanpeisongEntity>();
		PageUtils page = dingdanpeisongService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, dingdanpeisong), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,DingdanpeisongEntity dingdanpeisong, HttpServletRequest request){
        EntityWrapper<DingdanpeisongEntity> ew = new EntityWrapper<DingdanpeisongEntity>();
		PageUtils page = dingdanpeisongService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, dingdanpeisong), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( DingdanpeisongEntity dingdanpeisong){
       	EntityWrapper<DingdanpeisongEntity> ew = new EntityWrapper<DingdanpeisongEntity>();
      	ew.allEq(MPUtil.allEQMapPre( dingdanpeisong, "dingdanpeisong")); 
        return R.ok().put("data", dingdanpeisongService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(DingdanpeisongEntity dingdanpeisong){
        EntityWrapper< DingdanpeisongEntity> ew = new EntityWrapper< DingdanpeisongEntity>();
 		ew.allEq(MPUtil.allEQMapPre( dingdanpeisong, "dingdanpeisong")); 
		DingdanpeisongView dingdanpeisongView =  dingdanpeisongService.selectView(ew);
		return R.ok("查询订单配送成功").put("data", dingdanpeisongView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        DingdanpeisongEntity dingdanpeisong = dingdanpeisongService.selectById(id);
        return R.ok().put("data", dingdanpeisong);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        DingdanpeisongEntity dingdanpeisong = dingdanpeisongService.selectById(id);
        return R.ok().put("data", dingdanpeisong);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody DingdanpeisongEntity dingdanpeisong, HttpServletRequest request){
    	dingdanpeisong.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(dingdanpeisong);
        dingdanpeisongService.insert(dingdanpeisong);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody DingdanpeisongEntity dingdanpeisong, HttpServletRequest request){
    	dingdanpeisong.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(dingdanpeisong);
        dingdanpeisongService.insert(dingdanpeisong);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody DingdanpeisongEntity dingdanpeisong, HttpServletRequest request){
        //ValidatorUtils.validateEntity(dingdanpeisong);
        dingdanpeisongService.updateById(dingdanpeisong);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        dingdanpeisongService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

以上就是部分功能展示，从整体上来看，本系统功能是十分完整的，界面设计简洁大方，交互友好，数据库设计也很合理，规模适中，代码工整，清晰，适合学习使用。

好了，今天就到这儿吧，小伙伴们点赞、收藏、评论，一键三连走起呀，下期见~~???