springboot和vue搭建的电商管理系统springboot-vue.zip

## 电商后台管理系统(Springboot-vue) [Demo Site](http://43.226.35.120:8081/)<br> [My Blog](https://coderblue.cn/) 由于部署在的服务器非主流的，运行起来比较缓慢。而且经常代码没问题，但是就是无法请求。有点怀疑宝塔部署的nginx不太稳定，一刷新页面就404错误了。后续如果时间充足，准备改到阿里云服务器，用nginx反向代理转发到我的子域名吧。 ### 功能 > 用于管理用户账号，商品分类，商品信息，订单，数据统计等业务功能 ### 开发模式 > 电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于 Vue 技术栈的 SPA 项目  ### 技术选型 #### 前端项目技术栈 - Vue - Vue-router - Element-UI - Axios - Echarts #### 后端项目技术栈 - Springboot - Mysql8.0(开始用的 Oracle，在部署服务器的时候遂更改) - Mybatis #### Api接口 - 百度人脸识别 ### 项目初始化 #### 前端项目初始化步骤 1. 安装 Vue 脚手架 2. 通过 Vue-Cli 创建项目 3. 配置 Vue-router 4. 配置 Element-UI 组件库 5. 配置 Axios 库 6. 初始化 git 远程仓库 #### 人脸识别简易使用 1.工具包准备 ```java // FileUtil,Base64Util,HttpUtil,GsonUtils请从 https://ai.baidu.com/file/658A35ABAB2D404FBF903F64D47C1F72 https://ai.baidu.com/file/C8D81F3301E24D2892968F09AE1AD6E2 https://ai.baidu.com/file/544D677F5D4E4F17B4122FBD60DB82B3 https://ai.baidu.com/file/470B3ACCA3FE43788B5A963BF0B625F3 ``` 2.获取token ```java package cn.blue.mall.service.impl; /** * @author Blue * @date 2020/5/4 **/ import cn.blue.mall.consts.FaceConst; import org.json.JSONObject; import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import java.util.List; import java.util.Map; /** * 获取token类 * @author Blue */ public class AuthServiceImpl { /** * 获取权限token * @return 返回示例： * { * "access_token": "24.460da4889caad24cccdb1fea17221975.2592000.1491995545.282335-1234567", * "expires_in": 2592000 * } */ public static String getAuth() { // 官网获取的 API Key 更新为你注册的 String clientId = FaceConst.CLIENT_ID; // 官网获取的 Secret Key 更新为你注册的 String clientSecret = FaceConst.CLIENT_SECRET; return getAuth(clientId, clientSecret); } /** * 获取API访问token * 该token有一定的有效期，需要自行管理，当失效时需重新获取. * @param ak - 百度云官网获取的 API Key * @param sk - 百度云官网获取的 Securet Key * @return assess_token 示例： * "24.460da4889caad24cccdb1fea17221975.2592000.1491995545.282335-1234567" */ public static String getAuth(String ak, String sk) { // 获取token地址 String authHost = "https://aip.baidubce.com/oauth/2.0/token?"; String getAccessTokenUrl = authHost // 1. grant_type为固定参数 + "grant_type=client_credentials" // 2. 官网获取的 API Key + "&client_id=" + ak // 3. 官网获取的 Secret Key + "&client_secret=" + sk; try { URL realUrl = new URL(getAccessTokenUrl); // 打开和URL之间的连接 HttpURLConnection connection = (HttpURLConnection) realUrl.openConnection(); connection.setRequestMethod("GET"); connection.connect(); // 获取所有响应头字段 Map<String, List<String>> map = connection.getHeaderFields(); // 遍历所有的响应头字段 for (String key : map.keySet()) { System.err.println(key + "--->" + map.get(key)); } // 定义 BufferedReader输入流来读取URL的响应 BufferedReader in = new BufferedReader(new InputStreamReader(connection.getInputStream())); String result = ""; String line; while ((line = in.readLine()) != null) { result += line; } /** * 返回结果示例 */ System.err.println("result:" + result); JSONObject jsonObject = new JSONObject(result); String access_token = jsonObject.getString("access_token"); return access_token; } catch (Exception e) { System.err.printf("获取token失败！"); e.printStackTrace(System.err); } return null; } } ``` 3.人脸检测 ```java package cn.blue.mall.utils; import cn.blue.mall.service.impl.AuthServiceImpl; import java.io.File; import java.util.HashMap; import java.util.Map; /** * 人脸检测与属性分析 * @author Blue */ public class FaceDetect { public static String faceDetect(String filePath) { // filePath 文件路径 File file = new File(filePath); // 请求url String url = "https://aip.baidubce.com/rest/2.0/face/v3/detect"; try { Map<String, Object> map = new HashMap<>(); map.put("image", Base64Util.encode(FileUtil.readFileByBytes(filePath))); // 返回的参数信息之间不要有空格，pic必须要有face map.put("face_field", "age,beauty,expression,face_shape,gender,glasses,race,quality,eye_status,emotion,face_type,location"); map.put("image_type", "BASE64"); String param = GsonUtils.toJson(map); // 注意这里仅为了简化编码每一次请求都去获取access_token，线上环境access_token有过期时间， 客户端可自行缓存，过期后重新获取。 String accessToken = AuthServiceImpl.getAuth(); String result = HttpUtil.post(url, accessToken, "application/json", param); System.out.println(result); return result; } catch (Exception e) { e.printStackTrace(); } return null; } } ``` 4.利用返回的Json串生成实体类(按需要导入即可)：[Json串生成Java实体类工具](http://www.bejson.com/json2javapojo/new/)  5.人脸搜索 ```java package cn.blue.mall.utils; import cn.blue.mall.consts.FaceConst; import cn.blue.mall.service.impl.AuthServiceImpl; import java.io.File; import java.util.*; /** * 人脸搜索 * @author Blue */ public class FaceSearch { public static String faceSearch(String filePath) { // 请求url String url = "https://aip.baidubce.com/rest/2.0/face/v3/search"; File file = new File(filePath); try { Map<String, Object> map = new HashMap<>(); map.put("image", Base64Util.encode(FileUtil.readFileByBytes(filePath))); map.put("liveness_control", "NONE"); map.put("group_id_list", FaceConst.GROUP_ID); map.put("image_type", "BASE64"); map.put("quality_control", "LOW"); String param = GsonUtils.toJson(map); // 注意这里仅为了简化编码每一次请求都去获取access_token，线上环境access_token有过期时间， 客户端可自行缓存，过期后重新获取。 String accessToken = AuthServiceImpl.getAuth(); String result = HttpUtil.post(url, accessToken, "application/json", param); System.out.println(result); return result; } catch (Exception e) { e.printStackTrace(); } return null; } } ``` 6.人脸注册