基于SpringBoot+Element Plus+Vue+Mybatis-Plus+Axios的校园二手交易网站

目录：

一.系统简介：

 

二.技术实现：

 

三.运行环境：

 

四.数据表设计:

 

五.页面展示：

 

六.部分代码：

---

 

 

一.系统简介：

该系统主要涉及两类用户，分别是系统管理员和普通用户，各自功能如下：

管理员：主页管理，发布通知，商品下架，订单管理，用户管理（用户单个信息增删改查，以及批量导入导出用户信息）

普通用户：查看通知，发布商品，购买商品，查看订单，处理订单，管理商品

 

二.技术实现：

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);

    }