java springboot VUE 健康食谱管理系统开发mysql数据库web结构java编程计算机网页源码maven项目

一、源码特点
  springboot VUE 健康食谱管理系统是一套完善的完整信息管理类型系统，结合springboot框架和VUE完成本系统，对理解JSP java编程开发语言有帮助系统采用springboot框架（MVC模式开
发），系统具有完整的源代码和数据库，系统主要采用B/S模式开发。

springboot VUE 健康食谱管理系统

前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
环境需要

1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以 不建议。

2.IDE环境：推荐IDEA;

3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可，本系统不需要

4.硬件环境：windows 7/8/10 1G内存以上；；

5.数据库：MySql 5.7、8.0等版本均可；

6.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目

使用说明

1. 使用Navicat或者其它工具，在mysql中创建对应sql文件名称的数据库，并导入项目的sql文件；

2. 使用IDEA/Eclipse/MyEclipse导入项目;

3. 将项目中jksp\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.6 ，如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动  npm run serve 
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

(1)管理员管理：对管理员信息进行添加、删除、修改和查看
(2)用户管理：对用户信息进行添加、删除、修改和查看
(3)食谱管理：对食谱信息进行添加、删除、修改和查看
(4)商品管理：对商品信息进行添加、删除、修改和查看
(5)积分兑换管理：对积分兑换信息进行添加、删除、修改和查看
(6)用户登录

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `yonghu` (
`yhid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`jf` VARCHAR(40) default NULL COMMENT '积分',  PRIMARY KEY  (`yhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `shipu` (
`spid` int(11) NOT NULL auto_increment,
`mc` VARCHAR(40) default NULL COMMENT '名称',
`js` VARCHAR(40) default NULL COMMENT '介绍',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`scsj` VARCHAR(40) default NULL COMMENT '上传时间',
`tp` VARCHAR(40) default NULL COMMENT '图片',
`jf` VARCHAR(40) default NULL COMMENT '积分',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`spid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `shangpin` (
`spid` int(11) NOT NULL auto_increment,
`spmc` VARCHAR(40) default NULL COMMENT '商品名称',
`js` VARCHAR(40) default NULL COMMENT '介绍',  PRIMARY KEY  (`spid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jfdh` (
`jfdhid` int(11) NOT NULL auto_increment,
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sp` VARCHAR(40) default NULL COMMENT '商品',
`dhsj` VARCHAR(40) default NULL COMMENT '兑换时间',
`sm` VARCHAR(40) default NULL COMMENT '说明',  PRIMARY KEY  (`jfdhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

处理类

package com.main.controller;

import com.main.dao.glyDao;
import com.main.model.gly;
import com.main.util.DBO;
import com.alibaba.fastjson.JSONObject;
import com.main.config.Result;
import com.main.util.DBO;
import com.main.util.tool;
import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.sql.ResultSet;
import java.util.*;
/**
管理员处理方法 主要是 对表gly 的操作
*/
@Controller
@RequestMapping("/gly")
@ResponseBody
public class glyController {
    
   
    glyDao glydao=new glyDao();
   


    tool tl=new tool();//工具方法




   /**管理员列表 查询gly
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String yhm
			    )  {

        Result res=new Result();


        List list=null;
        String sql="";
        try{


      
	  if(yhm!=null&&!yhm.equals("")){
                sql+=" and yhm like '%"+yhm+"%'";//符合条件 拼接sql 用户名
            }
          


            list=glydao.querylist(sql,page,szie);//查询gly表数据返回 list对象
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

            list=glydao.querylist(sql);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**管理员列表 查询gly
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String yhm
			    )  {

        Result res=new Result();


        List list=null;
     String sql="";
      
	  if(yhm!=null&&!yhm.equals("")){
                sql+=" and yhm like '%"+yhm+"%'";//符合条件 拼接sql 用户名
            }
	try{
	  
	list=glydao.querylist(sql);//查询gly 表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**管理员添加方法 对表 gly  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody gly bean){
            Result res=new Result();
    String sql="";
    ResultSet rs=null;
    int num=0;
    DBO db=new DBO();

	try{
         
            if(bean.getGlyid()!=null&&!bean.getGlyid().equals("")){
            glydao.update(bean);//执行 修改 gly 添加操作
                res.setCode(200);
                res.setMessage("操作成功");
            }else{

                sql="select count(1) as num from gly where yhm='"+bean.getYhm()+"'";
                rs=db.query(sql);
                if(rs.next()){
                    num=rs.getInt("num");
                }
                if(num>0){
                    res.setCode(201);
                    res.setMessage("添加失败！用户名重复");
                }else{

                    glydao.add(bean);//执行 添加gly 添加操作

                    res.setCode(200);
                    res.setMessage("添加成功");
                }



        }


	 }catch(Exception e){
            e.printStackTrace();;
        }finally {
	    db.close();
    }


        //System.out.println(res);



        return res;

    }


	
	 /**管理员删除方法 对表gly  进行删除
	 * 
	 */
     @DeleteMapping("del/{id}")
    public Result  del( @PathVariable String id){
         Result res=new Result();
        try{
           glydao.delete(id);//执行 删除gly 方法

        }catch(Exception e){
            e.printStackTrace();;
        }


         res.setCode(200);
         res.setMessage("删除成功");


        return res;
    }




	/**管理员查看方法 对表 gly 进行查看
	 * 
	 */

    @GetMapping("detail")
    public Result  detail(@RequestParam String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();

        gly bean=new gly();//初始对象管理员
    
        try{
          
            map=glydao.getglyMap(id);//查询获得当前管理员对象



         
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));

            System.out.println(tl.mtoj(map));

        
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }
	
	/**管理员修改页面 对表 gly 进行查看
	 * 
	 */
	 @GetMapping("modifypage/{id}")

    public Result  modifypage(@PathVariable String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();
        tool tl=new tool();
        try{
            map=glydao.getglyMap(id);//获取gly 对象

            //String str=obj.toString();
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));//赋值 
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }
	
	
	 /**管理员修改方法 对表 gly 进行修改
	 * 
	 */

    @PostMapping(value = "update")
    public Result  update(@RequestBody gly bean) {

        Result res=new Result();
	try{

    
        glydao.update(bean);//执行修改方法
	 }catch(Exception e){
            e.printStackTrace();;
        }




        res.setCode(200);
        res.setMessage("操作成功");


        return res;
    }
	
	

}

三、注意事项
1、管理员账号：admin密码：admin 数据库配置文件DBO.java
2、开发环境为IDEA开发，数据库为mysql，使用java语言开发。
3、数据库文件名是jspjksp.sql 系统名称jksp
4、地址：http://128.0.0.1:8080/login

四系统实现