基于springboot+vue的前后端分离的校园二手交易市场

一、项目背景介绍：

校园二手交易市场是大学生生活中的重要组成部分，它为学生提供了一个便捷的方式来买卖物品。然而，传统的校园二手交易方式存在着信息不对称、交易风险高等问题。为了解决这些问题，基于Spring Boot和Vue的校园二手交易市场系统应运而生。该系统结合了后端开发框架Spring Boot和前端开发框架Vue，旨在提供一个安全、高效、用户友好的交易平台，以满足学生们的二手物品交易需求。该研究旨在探索如何利用现代技术构建一个功能强大的校园二手交易市场系统，为学生们创造更好的交易体验。

二、项目技术简介：

1. JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。

2. Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。

Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。

3. Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

4. SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。

5. Mybatis-Plus：MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为 简化开发、提高效率而生。

三、系统功能模块介绍：

四、数据库设计：

1：'管理员表'（admins）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 管理员编号 |

| user_name | varchar | NULL | 用户名 |

| pass_word | varchar | NULL | 密码 |

| photo_img | varchar | NULL | 图片 |

| name | varchar | NULL | 名称 |

2：'求购信息表'（ask_to_buy）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 求购编号 |

| stu_id | bigint | NULL | 学生编号 |

| title | varchar | NULL | 求购标题 |

| info | text | NULL | 求购简介 |

| price | varchar | NULL | 期望价格 |

| location | varchar | NULL | 期望交易地点 |

| create_time | datetime | NULL | 发布时间 |

3：'评论表'（comments）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 留言编号 |

| from_stu_id | bigint | NULL | 评论学生编号 |

| content | text | NULL | 评论内容 |

| to_stu_id | bigint | NULL | 回复人编号 |

| parent_id | bigint | NULL | 父级评论编号 |

| create_time | datetime | NULL | 评论时间 |

| goods_id | bigint | NULL | 商品ID |

4：'商品信息表'（goods）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 商品编号 |

| name | varchar | NULL | 商品名称 |

| info | text | NULL | 简介 |

| price | varchar | NULL | 价格 |

| detail | text | NULL | 详细信息 |

| create_time | datetime | NULL | 发布时间 |

| img_url | varchar | NULL | 封面图片 |

| location | varchar | NULL | 交易地点 |

| type_id | bigint | NULL | 分类编号 |

| user_id | bigint | NULL | 用户编号 |

| status | int | NULL | 商品状态[0:审核中,1:审核通过,2:审核不通过,3:已下架,4:已出售,5:管理员下架] |

5：'留言信息表'（messages）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 留言编号 |

| from_stu_id | bigint | NULL | 留言学生编号 |

| to_stu_id | bigint | NULL | 所属学生编号 |

| content | text | NULL | 留言内容 |

| create_time | datetime | NULL | 留言时间 |

| answer | varchar | NULL | 回复 |

6：'公告信息表'（notice）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 公告编号 |

| banner_img | varchar | NULL | 公告图片 |

| content | text | NULL | 公告内容 |

| info | varchar | NULL | 公告简介 |

| create_time | datetime | NULL | 创建时间 |

| title | varchar | NULL | 公告标题 |

7：'用户违规记录表'（records）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 用户违规记录编号 |

| type | int | NULL | 类型[0:虚假商品,1:恶意评论] |

| stu_id | bigint | NULL | 学生编号 |

| ad_id | bigint | NULL | 管理员编号 |

| remark | text | NULL | 备注 |

| create_time | datetime | NULL | 创建时间 |

8：'举报信息表'（reports）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 举报编号 |

| type | int | NULL | 类型[0:虚假商品,1:恶意评论] |

| good_id | bigint | NULL | 商品编号 |

| status | int | NULL | 状态[0:未处理,1:已处理] |

| stu_id | bigint | NULL | 举报人编号 |

| create_time | datetime | NULL | 创建时间 |

| remark | text | NULL | 备注 |

| comment_id | bigint | NULL | 评论编号 |

9：'学生信息表'（student）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 学生编号 |

| user_name | varchar | NULL | 用户名 |

| pass_word | varchar | NULL | 密码 |

| nick_name | varchar | NULL | 昵称 |

| head_img | varchar | NULL | 头像 |

| create_time | datetime | NULL | 注册时间 |

| stu_no | varchar | NULL | 学号 |

| tel | varchar | NULL | 联系方式 |

| scope | int | NULL | 信用分 |

| school_name | varchar | NULL | 学校名称 |

| college_name | varchar | NULL | 学院 |

| school_age | varchar | NULL | 年级 |

| qq | varchar | NULL | QQ |

10：'商品分类'（types）

| 字段名 | 类型 | 默认值 | 列注释 |

| --------- | ------------- | ------ | ------ |

| id | bigint | NULL | 分类编号 |

| type_name | varchar | NULL | 分类名称 |

| create_time | datetime | NULL | 创建时间 |

五、功能模块：

1. 管理员登录：

   

2. 公告管理：

   

3. 管理员管理：

   

4. 商品管理：

   

5. 商品分类管理：

   

6. 举报信息管理：

   

7. 违规记录管理：

   

8. 评论信息管理：

   

9. 学生信息管理：

   

10. 求购信息管理：

    

11. 用户端登录注册：

    

12. 系统首页：公告信息查看、最新发布商品

    

13. 商品分类：根据种类查找、根据关键字查找

    

14. 网站公告：

    

15. 求购专区：

    

16. 商品详情：举报商品、联系卖家、详细信息查看、对商品留言/评论

    

17. 个人中心：我的资料、我的商品、求购记录、咨询卖家、买家留言、举报记录、违规记录

    

六、代码示例：

    /**

     * 生成验证码

     */

    @GetMapping(/captchaImage)

    public AjaxResult getCode(HttpServletResponse response) throws IOException

    {

        AjaxResult ajax = AjaxResult.success();

        boolean captchaEnabled = configService.selectCaptchaEnabled();

        ajax.put(captchaEnabled, captchaEnabled);

        if (!captchaEnabled)

        {

            return ajax;

        }



        // 保存验证码信息

        String uuid = IdUtils.simpleUUID();

        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;



        String capStr = null, code = null;

        BufferedImage image = null;



        // 生成验证码

        String captchaType = RuoYiConfig.getCaptchaType();

        if (math.equals(captchaType))

        {

            String capText = captchaProducerMath.createText();

            capStr = capText.substring(0, capText.lastIndexOf(@));

            code = capText.substring(capText.lastIndexOf(@) + 1);

            image = captchaProducerMath.createImage(capStr);

        }

        else if (char.equals(captchaType))

        {

            capStr = code = captchaProducer.createText();

            image = captchaProducer.createImage(capStr);

        }



        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

        // 转换流信息写出

        FastByteArrayOutputStream os = new FastByteArrayOutputStream();

        try

        {

            ImageIO.write(image, jpg, os);

        }

        catch (IOException e)

        {

            return AjaxResult.error(e.getMessage());

        }



        ajax.put(uuid, uuid);

        ajax.put(img, Base64.encode(os.toByteArray()));

        return ajax;

    }

    /**

     * 通用的本地文件上传

     *

     * @param multipartFile 文件对象

     * @return 文件访问链接URL

     */

    @PostMapping(/file)

    public SimpleResponse uploadImg(@RequestParam(file) MultipartFile file) {

        // 文件后缀

        String suffix = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(.) + 1);

        File savePathFile = new File(newTomcatFolder);

        if (!savePathFile.exists()) {

            // 若不存在该目录，则创建目录

            savePathFile.mkdir();

        }

        // 通过UUID生成唯一文件名

        String filename = UUID.randomUUID() + . + suffix;

        try {

            // 将文件保存指定目录

            file.transferTo(new File(newTomcatFolder + filename));

        } catch (Exception e) {

            e.printStackTrace();

            return SimpleResponse.error(保存文件异常);

        }

        // 返回访问链接

        return SimpleResponse.success(newTomcatHost + filename);

    }

    @PostMapping(/login)

    public ReturnMsg manageLogin(@RequestBody Map<String, String> param) {

        if (StrUtil.isEmpty(param.get(username)) || StrUtil.isEmpty(param.get(password))) {

            return ReturnMsg.error(用户名或密码错误!);

        }

        ManageDTO manageDTO = new ManageDTO();

        manageDTO.setUserName(param.get(username));

        manageDTO.setPassWord(param.get(password));

        QueryWrapper<ManageDTO> manageDTOQueryWrapper = new QueryWrapper<>(manageDTO);

        manageDTOQueryWrapper.last(limit 1);

        ManageDTO adminDTOS = manageService.getOne(manageDTOQueryWrapper);

        if (adminDTOS == null) return ReturnMsg.error(用户名或密码错误!);

        Map<String, Object> map = new HashMap<>();

        map.put(avatar, StrUtil.isNotBlank(adminDTOS.getPhotoImg()) ? adminDTOS.getPhotoImg() : https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif);

        map.put(introduction, adminDTOS.getName() + ,你好!);

        map.put(name, adminDTOS.getName());

        map.put(roles, Arrays.asList(admin));

        map.put(type, adminDTOS.getStatus());

        Map<String, String> returnMap = new HashMap<>();

        String uuid = UUID.randomUUID().toString();

        returnMap.put(token, uuid);

        userInfoMap.put(uuid, JSON.toJSONString(map));

        return ReturnMsg.ok(returnMap);

    }

七、项目总结：

开发基于springboot+vue的校园二手交易市场是作为毕设作品进行设计的，这个毕设作品是我在校进行知识学习的一个毕业考核项目，也是检验我通过网络工具，图书工具等学习工具进行自学的能力水平，让我在根据程序开发的需求分析初步完成程序功能之外，还接触了程序的测试过程，了解程序测试的具体的过程，以及遇到问题怎么去寻找相应的解决办法等等，毕业作品的制作以及设计才是学校对我真正的考验。

在程序软件没能进行开发之前，我去了学校的图书馆借了有关数据库操作的书籍，在查看了sqlserver和mysql两种数据库的相关知识之后，我最后选择了我比较熟悉的mysql数据库。在编程语言的抉择上，由于自己之前接触过Java程序的开发，所以为了让我尽快在短时间内完成程序制作，我确定用Java编程语言进行程序编程。另外我从百度上下载了很多的有关信息增加，信息删除等操作的源代码，并通过不断调试以及完成配套的数据库的设计，开始完成程序的各个部分的功能。每当我粗心大意，致使我深陷程序开发困扰不能自拔之时，值得庆幸的是，我就会得到老师，还有我的寝室同学的耐心指导。

历经长达几个月的毕业作品制作，我凭借自己的知识技能，还有大家的指导帮助，能够在学校规定的时间段之内提交毕业作品。虽然已经算是完成了毕业作品，但是付出了这么多心血，还是想把这个作品做得更加完美一点。针对我的毕业作品学生信息管理系统，我觉得还有很多方面需要完善，第一就是界面上需要细微调整，比如色彩搭配有点违背广众的审美，需要细微调整，还有系统里面的字体大小也需要调大一点，太小的字体看起来有些费眼。然后在程序的功能上因为自己的入门开发水平的影响，所以目前只能做到这个境界，这个系统相比其他类似系统来说功能很简单，逻辑结构设计得也比较合理。

自己一个人完成程序的开发，我不仅亲自体验了程序的开发流程，体验到了程序开发的各种不易。这种体验也还加深了我对知识的尊重。学海无涯，知识不是大学短短四年就能学完的，在大学学到的知识在最终经历检验时，才会深深地明白自己的知识积累原来还很浅薄。所以今后不管身在何处，自己的学习心态一定要时刻体现出来，要深刻明白知识学到手里就是自己的。同时，自己也不必过多抱怨学到的知识没有用处，相信学到的知识总会有派上用处的那天。不要等到需要用时再去学习知识，那样就会导致自己错失很多本该属于自己的机遇。