【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)

博主主页:一季春秋
博主简介:专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。
主要内容:毕业设计(Java项目、小程序等)、简历模板、学习资料、面试题库、技术咨询。

文末获取联系

精彩专栏推荐订阅 不然下次找不到哟

SpringBoot+Vue项目持续更新中

http://t.csdn.cn/1mgm8

一、项目介绍

目前在本课题范围内,分析了管理人员对商品的管理现状和现有的用户对管理人员的服务的要求。首先根据以前的流沐商城的设计模块,总结出符合自己的技术,便于开发商城,选择基于SpringBoot的框架开发的系统,将此技术运用于商城研发。开发工具软件选择Eclipse ,数据库软件选择MySQL服务器。本系统采用的是B/S模式,web方向的研发,还需要Tomcat作为WEB服务器,来运行项目,另外还使用了Spring和Mybatis框架技术。系统具有专门的供用户使用的前台和专门供管理人员使用的后台。

二、项目主要技术 

开发语言:Java

使用框架:spring boot

前端技术:JavaScript、Vue 、css3

开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库:MySQL 5.7/8.0

数据库管理工具:phpstudy/Navicat

JDK版本:jdk1.8

Maven: apache-maven 3.8.1-bin

三、系统设计

3.1 功能结构

根据需求调研结果确定本系统主要包括以下功能模块,如图

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第1张图片

3.2 系统架构

系统架构图如图所示。 

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第2张图片

四、系统实现

流沐商城网站系统主要设计了两个角色用户,前台用户模块和后台管理员模块,主要实现的功能有,前台用户的注册,登录,用户的浏览商品,浏览网站,在线留言,购买商品,选择商品添加购物车,用户个人信息的管理,订单信息的查看,还可以对自己的收货地址进行管理,添加删除修改收货地址等。后端管理员可以管理用户信息,管理留言信息,管理订单信息,管理商品信息等。

4.1系统前台页面

4.2 用户商品购买模块实现

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第3张图片

该模块控制层主要代码:

	    @RequestMapping("/add")
    public R add(@RequestBody CartEntity cart, HttpServletRequest request){
    	cart.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(cart);
        cartService.insert(cart);
        return R.ok();
    }
	

4.3 购物车

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第4张图片

4.4 管理人员添加商品功能模块

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第5张图片

该模块控制层主要代码:

@RequestMapping("/save")
    public R save(@RequestBody ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request){
    	shangpinxinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(shangpinxinxi);
        shangpinxinxiService.insert(shangpinxinxi);
        return R.ok();
    }	}

4.5 订单管理

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第6张图片

4.6 注册功能模块

该模块控制层主要代码:

@IgnoreAuth
    @RequestMapping("/register")
    public R register(@RequestBody YonghuEntity yonghu){
    	//ValidatorUtils.validateEntity(yonghu);
    	YonghuEntity u = yonghuService.selectOne(new EntityWrapper().eq("yonghuming", yonghu.getYonghuming()));
		if(u!=null) {
			return R.error("注册用户已存在");
		}
		Long uId = new Date().getTime();
		yonghu.setId(uId);
        yonghuService.insert(yonghu);
        return R.ok();
    }

4.7 登录功能模块

【计算机毕业设计】基于SpringBoot+Vue流沐商城的设计与实现(前后端分离)_第7张图片

该模块控制层主要代码:

		@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YonghuEntity u = yonghuService.selectOne(new EntityWrapper().eq("yonghuming", 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);
	}

你可能感兴趣的:(课程设计,毕业设计,Java毕业设计实战案例,spring,boot,后端,java,vue.js,spring,流沐商城)