基于Java+SpringBoot+vue+element实现前后端分离蛋糕商城系统详细设计

java奥斯卡
3,875 阅读8分钟

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。

前言介绍：

       随着社会的快速发展，计算机的影响是全面且深入的。人们生活水平的不断提高，日常生活中用户对网上蛋糕商城方面的要求也在不断提高，网上蛋糕商城得到广大用户的青睐，使得网上蛋糕商城的开发成为必需而且紧迫的事情。网上蛋糕商城主要是借助计算机，通过对网上蛋糕商城所需的信息管理，增加用户的选择，同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。网上蛋糕商城对用户带来了更多的便利，该系统通过和数据库管理系统软件协作来满足用户的需求。计算机技术在现代管理中的应用，使计算机成为人们应用现代技术的重要工具。能够有效的解决获取信息便捷化、全面化的问题，提高效率。 

流程分析：

系统开发流程

网上蛋糕商城系统开发时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图所示

图系统开发流程图

 用户登录流程

为了保证系统的安全性，要使用本系统对系统信息进行管理，必须先登陆到系统中。如图所示。

图登录流程图

系统操作流程

用户打开并进入系统后，会先显示登录界面，输入正确的用户名和密码，系统自动检测信息，若信息无误，则用户会进入系统功能界面，进行操作，否则会提示错误无法登录，操作流程如图3-3所示。

图系统操作流程图 

功能截图：

用户前台展示：

系统首页：

​

用户登陆注册：用户要想实现蛋糕购买操作必须进行登录系统，用户登录界面展示如图用户登录界面图所示；在用户信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对用户信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。用户注册在操作上属于数据的插入操作，用户注册前，需要验证该用户是否存在数据库，如果有这个用户，就不能继续注册

​

商家店铺信息：

​ 店铺详情信息：

​

蛋糕商品展示：用户在蛋糕详情界面可查看家具详情，可点击购买按钮进行购买操作，蛋糕详情界面展示如图所示

​

商品详情信息：

​

加入购物车：用户可进购物车界面查看购物车蛋糕信息，购物车界面展示如图所示。点击收银台按钮时进入地址填写界面。

​

购买和订单管理：在用户点击加入购物车后，通过客户端验证后，提交数据到数据库。后台对用户信息进行保存操作，保存数据就，在数据库中可以查看到刚才插入的数据。

​

用户在我的订单界面可查看订单信息，对已发货的订单可进行确认收货操作，我的订单界面展示如图我的订单界面图所示。 

​

蛋糕资讯：

​

​

个人中心管理：

​

普通用户后台管理：

​

管理员后台管理：

管理员要想进入系统后台对系统进行管理操作，必须进行登录，管理员登录界面展示如图所示

​

用户管理：管理员可查看所有会员信息，并可修改会员资料以及删除操作，会员管理界面展示如图所示

​

蛋糕商家管理：

​

蛋糕类型管理：管理员可添加、编辑和删除蛋糕分类信息，蛋糕分类管理界面展示如图所示点击蛋糕分类管理链接，录入蛋糕分类信息。在蛋糕分类信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对蛋糕分类信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。录入蛋糕分类信息后，在蛋糕分类列表中，通过后台查询方法，把所有的蛋糕分类信息读取到集合对象，把集合对象通过html的方式显示到界面。查询有两种类型，一个是查询所有的蛋糕分类集合，也可以通过条件查询蛋糕分类，实现的sql语句不同而已，最终实现的流程一样。在列表中，可以对蛋糕分类信息进行删除，删除前，需要提示信息，是否确定删除。这一步骤的提示属于客户端控制，当确定删除后，调用服务器端删除方法，实现数据库数据删除，并刷新蛋糕分类列表。

​

蛋糕商品详情：管理员可进行蛋糕管理操作，可添加、删除和编辑蛋糕信息，蛋糕管理界面展示如图所示

​

​

订单信息管理：管理员可进行订单管理操作，可查看所有订单信息，并可对其订单进行发货和删除操作，订单管理界面展示如图所示。

​

蛋糕资讯以及系统轮播图等维护管理：

​

数据设计：

本系统采用MYSQL数据库作为数据存储，下面介绍数据库中的各个表的详细信息。

管理员表是保存在线蛋糕销售的用户信息表，其中表结构如4.1所示。

表4-1 admin管理员表

列名解释类型大小主键空
Idyaopin主键int4是主键不能为空
Usernameyaopin用户名varchar50不是可以为空
Passwordyaopin密码varchar50不是可以为空
typeyaopin类型varchar30不是可以为空

订单表是保存在线蛋糕销售的订单信息表，其中id为主键，表结构如4.2所示。

表4-2 orders订单表

列名解释类型大小主键空
idyaopin主键int11是主键不能为空
onumberyaopin订单号varchar50不是可以为空
Spcyaopin商品varchar50不是可以为空
Slcyaopin数量varchar50不是可以为空
addressyaopin地址varchar50不是可以为空
teyaopin电话varchar13不是可以为空
emailyaopin用户邮箱varchar20不是可以为空
shffyaopin收货varchar60不是可以为空
zfffyaopin用户支付varchar10不是可以为空
leavewordyaopin用户留言varchar2000不是可以为空
addtimeyaopin日期time不是可以为空
xnameyaopin下单人varchar10不是可以为空
ztyaopin订单的状态varchar2不是可以为空
totalyaopin总价格varchar10不是可以为空
kuaidiyaopin快递名称varchar20不是可以为空
knumberyaopin单号int20不是可以为空
Receiveryaopin收货人姓名varchar10不是可以为空

类别表是保存蛋糕销售的类别信息表，其中id为主键，表结构如4.3所示。

表4-3 category类别表

列名解释类型大小主键空
idyaopin主键int4是主键不能为空
pidyaopin分类类型int6不是可以为空
titleyaopin分类名称varchar60不是可以为空

商品表是保存蛋糕销售的商品信息表，其中id为主键，表结构如4.4所示。

表4-4 goods商品表

列名解释类型大小主键空
idyaopin主键int4是主键不能为空
pidyaopin类型编号int4不是可以为空
categoryidyaopin分类编号int4不是可以为空
pnumberyaopin商品的编号varchar10不是可以为空
titleyaopin商品的名称varchar10不是可以为空
amountyaopin库存数量int10不是可以为空
cishuyaopin销量int10不是可以为空
mpriceyaopin市场的价格decimal10不是可以为空
spriceyaopin会员的价格decimal10不是可以为空
contentyaopin详细介绍text不是可以为空
apvyaopin点击int4不是可以为空
imgyaopin图片varchar50不是可以为空
statusyaopin状态int2不是可以为空
addtimeyaopin添加时间timestamp不是可以为空

部分代码：


/**
 * 订单
 * 后端接口
 * @author 
 * @email 
 * @date 2022-03-27 17:11:41
 */
@RestController
@RequestMapping("/orders")
public class OrdersController {
    @Autowired
    private OrdersService ordersService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,OrdersEntity orders,
		HttpServletRequest request){
    	if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		orders.setUserid((Long)request.getSession().getAttribute("userId"));
    	}
        EntityWrapper<OrdersEntity> ew = new EntityWrapper<OrdersEntity>();
		PageUtils page = ordersService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, orders), params), params));

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

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

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(OrdersEntity orders){
        EntityWrapper< OrdersEntity> ew = new EntityWrapper< OrdersEntity>();
 		ew.allEq(MPUtil.allEQMapPre( orders, "orders")); 
		OrdersView ordersView =  ordersService.selectView(ew);
		return R.ok("查询订单成功").put("data", ordersView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        OrdersEntity orders = ordersService.selectById(id);
        return R.ok().put("data", orders);
    }

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



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody OrdersEntity orders, HttpServletRequest request){
    	orders.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(orders);
    	orders.setUserid((Long)request.getSession().getAttribute("userId"));
        ordersService.insert(orders);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody OrdersEntity orders, HttpServletRequest request){
    	orders.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(orders);
        ordersService.insert(orders);
        return R.ok();
    }

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

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        ordersService.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<String, Object> 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<OrdersEntity> wrapper = new EntityWrapper<OrdersEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}
		if(!request.getSession().getAttribute("role").toString().equals("管理员")) {
    		wrapper.eq("userid", (Long)request.getSession().getAttribute("userId"));
    	}


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


}

获取源码：

大家点赞、收藏、关注、评论啦 、查看主页获取联系

打卡 文章 更新 246/  365天

avatar
文章
阅读
粉丝