SpringMVC+Vue项目网上球鞋竞拍系统

末获取源码 

开发语言:Java

开发工具:IDEA /Eclipse

数据库:MYSQL5.7

应用服务:Tomcat7/Tomcat8

使用框架ssm+vue

JDK版本:jdk1.8

前言介绍 

系统管理也都将通过计算机进行整体智能化操作,对于网上球鞋竞拍系统所牵扯的管理及数据保存都是非常多的,例如管理员;首页、个人中心、球鞋分类管理、热门竞拍管理、科比展区管理、用户管理、竞拍信息管理、消息通知管理、用户评价管理、论坛管理、管理员管理、系统管理,用户;首页、个人中心、竞拍信息管理、消息通知管理、用户评价管理、我的收藏管理,前台首页;首页、热门竞拍、科比展区、论坛信息、球鞋资讯、个人中心、后台管理、客服等,这给管理者的工作带来了巨大的挑战,面对大量的信息,传统的管理系统,都是通过笔记的方式进行详细信息的统计,后来出现电脑,通过电脑输入软件将纸质的信息统计到电脑上,这种方式比较传统,而且想要统计数据信息比较麻烦,还受时间和空间的影响,所以为此开发了网上球鞋竞拍系统;为用户提供了方便管理平台,方便管理员查看及维护,并且可以通过需求进行内容的编辑及维护等;对于用户而言,可以随时进行查看球鞋竞拍信息,管理员可以足不出户就可以获取到系统的数据信息等,而且还能节省用户很多时间,所以开发网上球鞋竞拍系统给管理者带来了很大的方便,同时也方便管理员对用户信息进行处理。

设计原则 

网上球鞋竞拍系统采用SSM技术,Mysql数据库开发,充分保证了系统稳定性、完整性。

网上球鞋竞拍系统的设计与实现的设计思想如下:

1、操作简单方便、系统界面安全良好、简单明了的页面布局、方便查询管理相关信息。

2、即时可见:对网上球鞋竞拍系统信息的处理将立马在对应地点可以查询到,从而实现“即时发布、即时见效”的系统功能。

3、功能的完善性:可以管理管理员;首页、个人中心、球鞋分类管理、热门竞拍管理、科比展区管理、用户管理、竞拍信息管理、消息通知管理、用户评价管理、论坛管理、管理员管理、系统管理,

用户;首页、个人中心、竞拍信息管理、消息通知管理、用户评价管理、我的收藏管理,

前台首页;首页、热门竞拍、科比展区、论坛信息、球鞋资讯、个人中心、后台管理、客服模块的修改维护操作。

系统体系结构 

网上球鞋竞拍系统的结构图

SpringMVC+Vue项目网上球鞋竞拍系统_第1张图片

登录系统结构图,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第2张图片

系统结构图,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第3张图片 

系统详细设计

前台首页功能模块

网上球鞋竞拍系统,在网上球鞋竞拍系统可以查看首页、热门竞拍、科比展区、论坛信息、球鞋资讯、个人中心、后台管理、客服等内容,如图

用户注册,通过用户注册获取用户名、密码、姓名、手机、邮箱、身份证等信息进行注册,如图

 

登录,在登录页面可以填写账号、密码等信息进行登录,如图

 

热门竞拍,在热门竞拍页面可以查看商品名称、限时秒杀、分类、规格、型号、品牌、球鞋状态、竞拍底价、实时价格等如图

SpringMVC+Vue项目网上球鞋竞拍系统_第4张图片 

热门竞拍界面图

SpringMVC+Vue项目网上球鞋竞拍系统_第5张图片 

科比展区,在科比展区页面可以查看型号、类型、品牌、发行日期等如图

SpringMVC+Vue项目网上球鞋竞拍系统_第6张图片 

球鞋资讯 

SpringMVC+Vue项目网上球鞋竞拍系统_第7张图片

管理员功能模块

管理员登录,通过填写用户名、密码、角色等信息,输入完成后选择登录即可进入网上球鞋竞拍系统,如图 

管理员登录进入网上球鞋竞拍系统可以查看首页、个人中心、球鞋分类管理、热门竞拍管理、科比展区管理、用户管理、竞拍信息管理、消息通知管理、用户评价管理、论坛管理、管理员管理、系统管理等内容,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第8张图片

球鞋分类管理,在球鞋分类管理页面可以填写分类等信息,并可根据需要对球鞋分类管理进行详情,修改,删除操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第9张图片 

热门竞拍管理,在热门竞拍管理页面可以查看商品名称、分类、图片、规格、型号、品牌、球鞋状态、竞拍底价、实时价格等信息,并可根据需要对热门竞拍管理进行详情,修改、删除或查看详细内容等操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第10张图片 

科比展区管理,在科比展区管理页面可以查看球鞋名称、型号、类型、图片、品牌、发行日期、视频、球鞋介绍等信息,并可根据需要对科比展区管理进行详情,修改、删除或查看详细内容操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第11张图片 

用户管理,在用户管理页面可以查看用户名、密码、姓名、性别、头像、手机、邮箱、身份证等内容,并可根据需要对用户管理进行查看详情,修改,删除或查看详细内容等操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第12张图片 

竞拍信息管理,在竞拍信息管理页面可以查看竞拍单号、商品名称、图片、品牌、型号、竞拍底价、实时价格、用户出价、竞拍时间、备注等信息,并可根据需要对竞拍信息管理进行详情,修改、删除或查看详细内容等操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第13张图片 

轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第14张图片 

论坛管理,在论坛管理页面可以查看帖子标题、用户名、状态、帖子内容等信息,并可根据需要对论坛管理进行详情,修改、删除或查看详细内容等操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第15张图片 

用户功能模块

用户登录,用户通过填写用户名、密码、角色等信息,输入完成后选择登录即可进入网上球鞋竞拍系统,如图

 

用户登录进入网上球鞋竞拍系统可以查看首页、个人中心、竞拍信息管理、消息通知管理、用户评价管理、我的收藏管理等内容,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第16张图片

用户评价管理,在用户评价管理页面可以查看商品名称、图片、商品评分、评价日期、用户名、姓名、手机、审核回复、审核状态等详细信息进行修改,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第17张图片

个人信息,在个人信息页面可以查看用户名、密码、姓名、性别、头像、手机、邮箱、身份证等信息,并可根据需要对个人信息进行删除或查看详细内容等操作,如图 

SpringMVC+Vue项目网上球鞋竞拍系统_第18张图片

 

竞拍信息管理,在竞拍信息管理页面可以查看竞拍单号、商品名称、图片、品牌、型号、竞拍底价、实时价格、用户出价、竞拍时间、备注等信息,并可根据需要对竞拍信息管理进行删除或查看详细内容等操作,如图

SpringMVC+Vue项目网上球鞋竞拍系统_第19张图片

 

部分核心代码: 

控制层(controller)

/**
 * 竞拍信息
 * 后端接口
 * @author 
 * @email 
 * @date 2021-01-11 11:36:51
 */
@RestController
@RequestMapping("/jingpaixinxi")
public class JingpaixinxiController {
    @Autowired
    private JingpaixinxiService jingpaixinxiService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map params,JingpaixinxiEntity jingpaixinxi, HttpServletRequest request){

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			jingpaixinxi.setYonghuming((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = jingpaixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingpaixinxi), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("/list")
    public R list(@RequestParam Map params,JingpaixinxiEntity jingpaixinxi, HttpServletRequest request){
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = jingpaixinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jingpaixinxi), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( JingpaixinxiEntity jingpaixinxi){
       	EntityWrapper ew = new EntityWrapper();
      	ew.allEq(MPUtil.allEQMapPre( jingpaixinxi, "jingpaixinxi")); 
        return R.ok().put("data", jingpaixinxiService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(JingpaixinxiEntity jingpaixinxi){
        EntityWrapper< JingpaixinxiEntity> ew = new EntityWrapper< JingpaixinxiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( jingpaixinxi, "jingpaixinxi")); 
		JingpaixinxiView jingpaixinxiView =  jingpaixinxiService.selectView(ew);
		return R.ok("查询竞拍信息成功").put("data", jingpaixinxiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        JingpaixinxiEntity jingpaixinxi = jingpaixinxiService.selectById(id);
        return R.ok().put("data", jingpaixinxi);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") String id){
        JingpaixinxiEntity jingpaixinxi = jingpaixinxiService.selectById(id);
        return R.ok().put("data", jingpaixinxi);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody JingpaixinxiEntity jingpaixinxi, HttpServletRequest request){
    	jingpaixinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(jingpaixinxi);

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

        jingpaixinxiService.insert(jingpaixinxi);
        return R.ok();
    }

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

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        jingpaixinxiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper wrapper = new EntityWrapper();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			wrapper.eq("yonghuming", (String)request.getSession().getAttribute("username"));
		}

		int count = jingpaixinxiService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

 

文件上传功能 

/**
 * 上传文件映射表
 */
@RestController
@RequestMapping("file")
@SuppressWarnings({"unchecked","rawtypes"})
public class FileController{
	@Autowired
    private ConfigService configService;
	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
	public R upload(@RequestParam("file") MultipartFile file, String type,HttpServletRequest request) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		String fileName = new Date().getTime()+"."+fileExt;
		File dest = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}
	
	/**
	 * 下载文件
	 */
	@IgnoreAuth
	@RequestMapping("/download")
	public void download(@RequestParam String fileName, HttpServletRequest request, HttpServletResponse response) {
		try {
			File file = new File(request.getSession().getServletContext().getRealPath("/upload")+"/"+fileName);
			if (file.exists()) {
				response.reset();
				response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName+"\"");
				response.setHeader("Cache-Control", "no-cache");
				response.setHeader("Access-Control-Allow-Credentials", "true");
				response.setContentType("application/octet-stream; charset=UTF-8");
				IOUtils.write(FileUtils.readFileToByteArray(file), response.getOutputStream());
			}

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

   

登陆拦截功能实现 

/**
 * 权限(Token)验证
 */
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {

    public static final String LOGIN_TOKEN_KEY = "Token";

    @Autowired
    private TokenService tokenService;
    
	@Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

        //支持跨域请求
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));

        IgnoreAuth annotation;
        if (handler instanceof HandlerMethod) {
            annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
        } else {
            return true;
        }

        //从header中获取token
        String token = request.getHeader(LOGIN_TOKEN_KEY);
        
        /**
         * 不需要验证权限的方法直接放过
         */
        if(annotation!=null) {
        	return true;
        }
        
        TokenEntity tokenEntity = null;
        if(StringUtils.isNotBlank(token)) {
        	tokenEntity = tokenService.getTokenEntity(token);
        }
        
        if(tokenEntity != null) {
        	request.getSession().setAttribute("userId", tokenEntity.getUserid());
        	request.getSession().setAttribute("role", tokenEntity.getRole());
        	request.getSession().setAttribute("tableName", tokenEntity.getTablename());
        	request.getSession().setAttribute("username", tokenEntity.getUsername());
        	return true;
        }
        
		PrintWriter writer = null;
		response.setCharacterEncoding("UTF-8");
		response.setContentType("application/json; charset=utf-8");
		try {
		    writer = response.getWriter();
		    writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
		} finally {
		    if(writer != null){
		        writer.close();
		    }
		}
//				throw new EIException("请先登录", 401);
		return false;
    }
}

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(课程设计,毕业设计,java,前端,后端,vue,ssm)