目录:
一.系统简介:
该系统主要涉及两类用户,分别是系统管理员和普通用户,各自功能如下:
管理员:主页管理,发布通知,商品下架,订单管理,用户管理(用户单个信息增删改查,以及批量导入导出用户信息)
普通用户:查看通知,发布商品,购买商品,查看订单,处理订单,管理商品
二.技术实现:
1.前台框架:Vue.js、Node.js
2.后台框架:Spring、SpringMVC、Mybatis-Plus、SpringBoot
3.UI界面:Element Plus
三.运行环境:
MySQL 8.0
JDK 1.8
Maven 3.6.3
Node.js v16.16.0
*开发软件:IDEA +VsCode +Navict for MySQL
四.数据表设计:
五.页面展示:
1.登陆界面
2.管理员界面
3.普通用户界面
六.部分代码:
1.后端跨域处理
package com.ts.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@Configuration
/*跨域配置*/
public class CorsConfig {
// 当前跨域请求最大有效时长。这里默认1天
private static final long MAX_AGE = 24 * 60 * 60;
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration corsConfiguration = new CorsConfiguration();
corsConfiguration.addAllowedOrigin("*"); // 1 设置访问源地址
corsConfiguration.addAllowedHeader("*"); // 2 设置访问源请求头
corsConfiguration.addAllowedMethod("*"); // 3 设置访问源请求方法
corsConfiguration.setMaxAge(MAX_AGE);
source.registerCorsConfiguration("/**", corsConfiguration); // 4 对接口配置跨域设置
return new CorsFilter(source);
}
}
2.批量导入导出信息
//批量导入用户信息
@PostMapping("/batchImport")
public Results batchImport(@RequestBody String pathName) {
List<User> list = ExcelUtil.importData(User, pathName, User.class, "user");
boolean b = iUserService.saveBatch(list, list.size());
return new Results(b ? CodeUtil.IMPORT_SUCCESS : CodeUtil.IMPORT_FAILED, b ? true : false);
}
//批量导出用户信息
@GetMapping("/batchExport")
public Results batchExport() {
List<User> list = iUserService.list();
String flag = IdUtil.fastSimpleUUID();//生成唯一标识名称
String savePath = System.getProperty("user.dir") + "/spring_boot_vue/src/main/resources/excel/" + flag + "_导出.xls";
ExcelUtil.exportData(savePath,
User.class,
"user",
list);
return new Results(flag, true);
}