Java基于springboot +vue的箱包销售购物网站 多商家

随着人们生活的节奏越来越快，很多时候人们在外出的时候会有大包小包。所以这个时候如何选择适合自己的物美价廉的箱包是一个很重要的环节。选对了箱包不仅能够增加大街上的回头率同时也能够方便自己的出行。当前箱包市场鱼目混杂且价格昂贵。随着互联网的发展，越来越多的人希望通过互联网的购物平台来选择自己钟爱的箱子和包包。本系统也是为了方便出行的人，更加方便快捷，安全的选择所需的箱包服务的。
前台模块
（1）注册登录：用于会员注册的登录，登录时可以选择保存密码。
（2）商品浏览：对所有商品进行浏览以便选购。
（3）商品搜索：根据关键名词可以对所有的商品进行搜索。
（4 推荐商品：最受欢迎的商品展示给用户
（5）个人订单管理：对购买商品后的订单进行管理删除等处理。
（6）购物车：用户可以进行添加购物车，删除购物车等操作。
后台模块
（1）商品管理：包括商品的添加、修改删除、标记。管理商品分类且对商品数量进行统计。
（2）订单管理：管理员对订单的操作，发货后对订单做出发货标记。并且可以对订单统计生成销售报表。
（3）商品分类管理，对商品进行分类，方便用户根据分类查找所需的商品。
（4）会员管理：搜索查看会员信息。
用户要想实现购买操作必须进行登录系统，用户登录界面展示如图用户登录界面图所示；在用户信息添加界面，填写信息后，通过客户端验证后，提交数据到数据库。后台对用户信息进行保存操作，保存数据就，在数据库中可以查看到刚才录入的数据。用户注册在操作上属于数据的插入操作，用户注册前，需要验证该用户是否存在数据库，如果有这个用户，就不能继续注册

在已支付订单页面可以对索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、商户名称、下单时间等信息进行详情、发货和删除操作，还可以对已退款订单，已完成订单，已发货订单，未支付订单，已取消订单等进行相应的操作

项目启动后、管理员通过填写用户名、密码等信息进行登录验证，输入完成后选择角色登录验证账号密码无误后、即可进入箱包销售管理系统首页，如图5-1所示。关键实现：箱包销售商品系统，页面设计主要是在首页头部引入common以及jquery等公共的js和css样式布局文件，通过recommend index-pv2 DIV样式设计头部几个菜单栏的显示。用户点击其中一个div触发点击时间、页面就加载框架的布局、调用提前写好的.index-pv1 .animation-box:hover CSS文件等来渲染整个前端页面、用户登录注册，在用户注册页面通过填写账号、密码、姓名、手机、等信息用户注册，注册是用户输入input注册框之后点击确定事件(onsubmit)按钮、提交的时候绑定函数、书写函数(获取用户输入的数据<获取数据时需要在指定位置定义一个id>)、然后对form表单的数据进行判断、进行数据合法(form表单提交)、若数据非法(给出错误提示信息弹窗button，不让表单提交)

管理员abo登录进入箱包销售管理系统后、可以查看首页模块、个人中心模块、用户管理、箱包商家模块、箱包商品类型管理、箱包商品信息管理、箱包订单信息管理模块以及箱包销售商品新闻资讯以及轮播图内容模块进行详细的操作处理

用户管理，在用户管理页面中可以对索引、用户名、姓名、性别等进行搜索查看、头像、手机等内容进行进行详情数据查看、可以点击进行修改或删除等操作，如图5-3所示。，在用户管理页面中可以查看用户姓名、性别、年龄、头像、等，用户点击列表、触发列表后台列表重新操作、代用后台gController业务处理类进行处理、调用page页面方法、page页面方法重写了Service调用后台数据库执行SQL语句查询、将查询的结果返回给Controller–page方法、最后返回前端Gongyihuodong页面进行数据渲染实现、从而前端进行显示。

箱包销售商品商家管理，在箱包销售商品商家管理页面中可以对索引、员工姓名、性别进行搜索查看、头像、电话等内容进行进行详情，修改或删除等操作，如图5-4所示。

箱包销售商品信息管理，用户点击商品信息管理页面中可以对索引、商品名称、商品类型、图片、价格、购买数量、商品重量、生产日期等内容进行进行详情，修改或删除等操作，在商品信息管理页面用户点击列表、触发列表后台列表重新操作、代用后台ShangpingController业务处理类进行处理、调用page分页查询方法、page页面方法重写了Service调用后台数据库执行SQL语句查询、将查询的结果返回给Controller–page方法、设计返回值接收数据库查询的集合数据、最后返回前端Shangping页面进行数据渲染实现、从而前端进行显示。如图5-6所示。

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

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

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结 论 35
参考文献 36
致 谢 37