【全套】基于Springboot+VUE前后端分离手机商城平台项目

💗💗💗作者简介💗💗	博主毕业于985大学计算机专业，从事计算机开发行业4年多，就职某大厂，累计辅导学生2000+人，获得好评无数，主要技术有SpringBoot、SSM、Vue、Mysql、Html、javascript、css、JSP、可视化、小程序、uniapp、javaswing、nodejs、electron等设计与开发，累计开发程序6000+套，有需要的小伙伴可以在文末获得联系方式，诚信经营，个人开发，全程辅导，包通过，包维护，包讲解。

1.系统简介（摘要）

【全套】基于Springboot+VUE前后端分离手机商城平台项目

2.开发技术

2.1 SpringBoot框架

SpringBoot适合初学者，也适合从以前的Spring框架开发者学习，学习起来是很方便的，不管是纯英文教程还是中文教程，国内外都有很多学习的资料。Spring Boot可以运行所有的Spring项目，进行无缝切换。内置了Servlet 容器，不需要对代码进行打包变成WAR就可以运行。自带应用监控，运行的时候可以实时的对正在运行的项目进行监控，可以随时发现问题所在并且能定位发生的问题，可以让程序员及时的修改问题。

2.2 MySQL数据库

一般学习程序开发的人员如果学习数据库的话，肯定是要学习MySQL数据库，MySQL数据库通过这么多年的不断发展，社区版本都是免费的，最重要的是小巧，占用电脑空间比较小，让更多的开发人员可以不需要更换更高级的电脑就可以进行学习。学习只是一个方面，最重要的是MySQL市场占有率是世界第一，基本上十个公司就有七八个用得MySQL数据库。MySQL的优点不只是这么粗浅，MySQL首先是开源的，只要不是商用就不用花钱，并且大型的数据也是支持的，只要是市面上存在的操作系统，MySQL都可以有对应的版本可供使用。因为MySQL是开源的，如果有对MySQL有特殊需求的甚至可以自己修改源码，达到符合自己使用的目的。MySQL数据库好处多多，最重要的一点符合本设计的开发需求，可以说本设计只用到了MySQL的一些基础功能，而这点基础功能就完全够用。MySQL学习的教程网上很多，许多关于入门的教程就完全可以达到普通程序员的开发水平，只需要把基本的知识学会了，到公司里面也只是根据不同的业务逻辑进行不同的语句编写而已。

2.3 Java语言

Java语言是目前最流行的语言之一，不仅可以做桌面窗口形式的程序，还可以做浏览器访问的程序，目前最流行的就是用Java语言作为基础，做各种程序的后台处理。Java语言是操作变量的语言，而变量则是Java对于数据存在形式的定义，变量用来操作内存，而内存则牵扯到计算机安全问题，这样Java语言反而有了免疫直接针对用Java语言开发出来的程序的病毒，有效地提高了Java语言开发出来程序的生存能力。Java是具有动态运行能力的一种语言，Java的类不仅仅可以用Java核心提供的基础类，还可以进行重写，这样会让Java的功能变得更加丰富，甚至可以编写一些功能模块进行封装。Java是一种开源的语言，可以对Java里面的各种类以及引用方法进行追溯，甚至可以对已经编译过的语言进行反编译，这样不仅仅提高学习的效率，并且可以学习其他从业者提供的优雅的编程方式。Java语言发展到现在，已经在各个行业扎根，学习Java可以从事的行业很多，并且学习的方法很多，网上有很多免费的教程，甚至有些高深的知识也只需要付费就可以进行学习，而不是像Java语言之初，每一个编程人员都需要用记事本进行手动编码，现在有很多集成开发环境帮助Java从业者。选择Java语言进行编程，是一种很好的解决问题的方式。

2.4 Vue.js框架

Vue.js是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。Vue.js 是一款流行的 JavaScript 前端框架，旨在更好地组织与简化 Web 开发。Vue.js 的核心库只关注视图层，使得它易于与其他库或已有项目整合。同时，Vue.js 也拥有强大的生态系统，包括各种插件和工具，可以帮助开发者构建复杂、单页应用、全栈/服务端渲染（SSR）等。Vue.js 采用了 MVVM架构设计模式，这是一种源于 MVC（Model-View-Controller）模式的设计思想。在 MVVM 中，View 和 Model 是不可以直接进行通信的，它们之间是通过 ViewModel 这个中介充当着观察者的角色来进行中转的。ViewModel 向上与视图层 View 进行双向数据绑定，向下与 Model 通过接口请求进行数据交互，起到承上启下的作用。这种设计模式使得数据驱动和组件化的思想得以实现，大大提高了开发效率。Vue.js 是一个独立的社区驱动的项目，由尤雨溪在 2014 年创建。它是一个成熟的、经历了无数实战考验的框架，目前在生产环境中使用非常广泛，可以轻松处理大多数 Web 应用的场景，并且几乎不需要手动优化，完全有能力处理大规模的应用。总的来说，Vue.js 是一个功能强大、易于上手且广泛应用的 JavaScript 框架，适合各种规模和复杂度的 Web 开发项目。

2.5 B/S结构简介

随着软件系统的不断改进和升级，B/S结构产品更为方便的特征体现地十分明显。对于一个中等偏大的公司来说，如果系统管理员每天要在很多台电脑之间来回查看，不断奔走，那么效率和工作量就会变得很低，但是如果使用了B/S结构，那么管理员只要对服务器进行管理就够了。
B/S结构最大的优点它不需要安装任何的软件，它所有的客户端就只是浏览器，所以只要有一台电脑并且可以上网就可以解决所有问题，客户端可以完全地不用管理员维护。无论使用系统的使用者是什么样的规模，也不管分支有多么的庞大，都不会对维护和升级的工作量造成影响，所有的维护和升级只需要操作服务器。随着B/S结构的不断发展，使用的人也不断增加，从而带动了AJAX技术的发展，和B/S结构一样，它也能在客户端上处理程序，这便缓解了服务器的负担，提高了交互性，而且实现了局部实时刷新。

3.系统截图

4.系统源代码

package com.qiu.controller;
import com.qiu.config.UserRealm;
import com.qiu.entity.Role;
import com.qiu.entity.User;
import com.qiu.service.RoleService;
import com.qiu.service.UserRoleService;
import com.qiu.service.UserService;
import com.qiu.util.general.CommonResult;
import org.apache.shiro.SecurityUtils;
import org.apache.shiro.authc.AuthenticationException;
import org.apache.shiro.authc.IncorrectCredentialsException;
import org.apache.shiro.authc.LockedAccountException;
import org.apache.shiro.authc.UsernamePasswordToken;
import org.apache.shiro.crypto.hash.SimpleHash;
import org.apache.shiro.mgt.RealmSecurityManager;
import org.apache.shiro.subject.Subject;
import org.apache.shiro.util.ByteSource;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.web.bind.annotation.*;

import java.util.*;

/**
 * @author Qiu
 * @email qiudb.top@aliyun.com
 * @date 2020/11/6 17:10
 * @description 登录、退出、修改个人信息等业务操作
 */
@RestController
@CrossOrigin
public class OperateController {
    private final Logger logger = LoggerFactory.getLogger(this.getClass());
    final RoleService roleService;
    final UserService userService;
    final UserRoleService userRoleService;
    public OperateController(UserService userService, RoleService roleService, UserRoleService userRoleService) {
        this.userService = userService;
        this.roleService = roleService;
        this.userRoleService = userRoleService;
    }

    //未登录时，将被转发到此请求上
    @RequestMapping("/notLogin")
    private CommonResult toLogin(){
        return new CommonResult(401,"请登录！");
    }

    /**
     * 登录操作
     * @param username  用户登录的帐号
     * @param password  用户登录的密码
     * @param rememberMe shiro框架的 记住我 功能
     */
    @RequestMapping(value = "/login",produces = {"application/json;charset=UTF-8"})
    private CommonResult doLogin(String username,String password,boolean rememberMe) {
        System.out.println("sadasdasdasda");
        try {
            if (username == null) {
                throw new AuthenticationException();
            }
            if (password == null) {
                throw new IncorrectCredentialsException();
            }
            Subject subject = SecurityUtils.getSubject();
            UsernamePasswordToken token = new UsernamePasswordToken(username, password, rememberMe);
            if (subject.isAuthenticated())
                return CommonResult.error("已登录");
            subject.login(token);
            Map<String, Object> info = new HashMap<>();
            String authorization = (String) subject.getSession().getId();
            User user;
            if (username.contains("@")) {
                //包含@符号，代表用户通过邮箱帐号登录
                user = userService.selectByKey(username);
            } else {
                //不包含@符号，代表用户通过手机号登录
                user = userService.selectByPhone(username);
            }
            info.put("user", user);      //存放用户信息
            //更新最后登录时间
            user.setLoginTime(new Date());
            userService.updateById(user);
            //存放sessionId, 即 token
            info.put("sessionId", authorization);
            List<Role> roles = roleService.selectAll();
            List<String> rs = new ArrayList<>();    // rs 存放的是role的名称
            List<String> rsInfo = new ArrayList<>();    //rsInfo 存放role的描述
            if(user.getUserName().equals("admin")){
                rs.add("超级管理员");
                rsInfo.add("超级管理员");
            }else{
                for (Role role : roles) {
                    rs.add(role.getRoleName());
                    rsInfo.add(role.getRoleName());
                }
                boolean[] booleans = subject.hasRoles(rs);
                for (int i = booleans.length - 1; i >= 0; i--) {
                    if (!booleans[i]) {
                        rs.remove(i);
                        rsInfo.remove(i);
                    }
                }
            }
            info.put("role", rs);
            info.put("roleInfo", rsInfo);
            return CommonResult.success("登录成功", info);
        }catch (LockedAccountException e){
            return CommonResult.error("您的帐号存在异常行为，已被封停（请联系工作人员）");
        } catch (IncorrectCredentialsException e) {
            return CommonResult.error("密码错误,请重新输入");
        } catch (AuthenticationException e) {
            return CommonResult.error("该用户不存在");
        }
    }

    /**
     * 退出登录操作
     * @param key       用户登录的帐号
     * @param session  前端存储的session（token）
     */
    @RequestMapping(value = "/logout")
    private CommonResult logout(String key,String session) {
        if(key!=null){
            try{
                User user = userService.selectByKey(key);
                Subject subject = SecurityUtils.getSubject();
                //清除用户缓存
                RealmSecurityManager securityManager = (RealmSecurityManager) SecurityUtils.getSecurityManager();
                UserRealm userRealm = (UserRealm) securityManager.getRealms().iterator().next();
                //清空redis中的缓存信息
                userRealm.clearRedis(user,session);
                userRealm.clearCache(SecurityUtils.getSubject().getPrincipals());
                //退出登录
                subject.logout();
                return CommonResult.success("退出成功");
            }catch(Exception e){
                logger.error(e.getMessage());
            }
        }
        return CommonResult.error("退出失败，未找到用户帐号");
    }

    //权限不够时，将转到此请求上来
    @RequestMapping("/notRole")
    private CommonResult notRole(){
        return new CommonResult(403,"暂无权限！");
    }

    /*判断key是否存在   目前用于判断邮箱是否被注册过*/
    @RequestMapping(value = "/allow/existUser")
    private CommonResult existUser(String accountNumber) {
        Boolean isExist = userService.existsWithPrimaryKey(accountNumber);
        if(isExist!=null){
            return CommonResult.success("查询成功",isExist);
        }else{
            return CommonResult.error("查询失败");
        }
    }

    /*判断手机号phone是否存在  目前被用于绑定手机号时，确认手机号已被绑定*/
    @RequestMapping(value = "/allow/existPhone")
    private CommonResult existPhone(String telephone) {
        Boolean isExist = userService.existsWithPrimaryPhone(telephone);
        if(isExist!=null){
            return CommonResult.success("手机号查询成功",isExist);
        }else{
            return CommonResult.error("手机号查询失败");
        }
    }
public static void main(String[] args) {
	System.out.println("23");
	 SimpleHash md5 = new SimpleHash("MD5", "admin", ByteSource.Util.bytes("1325554003@qq.com"), 2);
     System.out.println(md5.toHex());
}
    /*重置密码、找回密码*/
    @RequestMapping(value = "/allow/resetpwd")
    private CommonResult resetPwd(String accountNumber,String password) {
        if(accountNumber!=null && password!=null){
            SimpleHash md5 = new SimpleHash("MD5", password, ByteSource.Util.bytes(accountNumber), 2);
            password=md5.toHex();
            Integer id = userService.selectIdByKey(accountNumber);
            User user = new User();
            user.setUserId(id);
            user.setPassword(password);
            if(userService.updateById(user)){
                return CommonResult.success("重置密码成功",user);
            }else{
                return CommonResult.error("重置密码失败");
            }
        }
        return CommonResult.error("用户数据不存在");
    }


    /*用于注册新用户*/
    @RequestMapping(value = "/allow/add")
    private CommonResult add(User user) {
        if(user.getPassword()!=null && user.getUserName()!=null){
            SimpleHash md5 = new SimpleHash("MD5", user.getPassword(), ByteSource.Util.bytes(user.getAccountNumber()), 2);
            user.setPassword(md5.toHex());
            user.setUserState(true);
            if(userService.insertData(user)){
                logger.info("成功添加了一个新用户");
                return CommonResult.success("注册成功",user);
            }else{
                return CommonResult.error("注册失败");
            }
        }
        return CommonResult.error("用户数据不存在");
    }

    //更新用户信息
    @RequestMapping(value = "/allow/update")
    private CommonResult update(User user) {
        System.out.println(user);
        if(userService.updateById(user)){
            return CommonResult.success("信息保存成功",user);
        }else{
            return CommonResult.error("信息保存失败");
        }
    }

}