一、源码特点
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
四系统实现