MFMF花卉交易平台设计报告

1.框架介绍

Vue

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

SpringBoot

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

MyBatis

MyBatis 是支持定制化 SQL、存储过程以及高级映射的优秀的持久层框架。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以对配置和原生Map使用简单的 XML 或注解,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。

Lombok

Lombok框架是用于简化代码编写的框架,在项目中编写实体类、VO类等类时,都会为属性添
加SETTERS & GETTERS方法,重新生成 toString() ,保留无参数构造方法,生成 hashCode()
和 equals() ……Lombok框架只需要使用一些注解即可在编译时插入这些方法,则编写代码时
只需要声明属性并添加注解即可

2. 系统名称

MFMF花卉交易平台

MFMF是my flowers my friends的简写,MFMF花卉交易平台(下面简称MFMF平台)是用于设计给管理员管理用户和用户交易虚拟花卉(MFMF flower)的系统平台。

管理员用户可以在MFMF平台上实现对普通用户的处理(查询用户,新建用户,修改用户信息,封禁用户,删除用户)。

MFMF用户在注册时将在四种MFMF虚拟花种(MFMF virtual flower seed)中选择一份初始花种,和免费获得5花币(MFMF coin)作为自己的初始财产。

用户可以在MFMF平台培育场模块中选择一片MFMF地区栽种MFMF花种,该地区将以真实的地区实时气候以及和花种的适应性来决定MFMF虚拟花卉的成长期,在MFMF虚拟花卉成熟后,用户将获取该虚拟花卉和诺干该花卉的花种作为自己的资产。

不同的诺干个虚拟花种栽种在相同地区,气候适合的情况下有一定概率产生新的杂交变种花种,以此培育新的MFMF花卉。

用户可以在MFMF平台上的交易所中和其他用户用花币交易虚拟花种(MFMF flower seed)和MFMF虚拟花卉,在此过程中平台将收取00.1%的花币作为手续费用。用户购买或栽种得来的MFMF花卉可以在MFMF平台的展示厅模块进行展示。

3.应用的框架

以下是我选择的框架及其原因:

Vue

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

SringBoot

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

MyBatis

MyBatis 是支持定制化 SQL、存储过程以及高级映射的优秀的持久层框架。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以对配置和原生Map使用简单的 XML 或注解,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。

Lombok

Lombok框架是用于简化代码编写的框架,在项目中编写实体类、VO类等类时,都会为属性添
加SETTERS & GETTERS方法,重新生成 toString() ,保留无参数构造方法,生成 hashCode()
和 equals() ……Lombok框架只需要使用一些注解即可在编译时插入这些方法,则编写代码时
只需要声明属性并添加注解即可

4.项目目录和文件名的截图

文件名:

imgimg

image-20211211235457282

image-20211211235558614

Springboot项目目录结构:

img

Vue项目目录结构:

img

5.主要文件的内容截图

前端

img

img

后端

img

img

6.功能模块实现

  1. 登陆页面
  2. 用户列表
  3. 安全退出按钮
  4. 添加用户按钮
  5. 查询用户框
  6. 修改用户信息按钮
  7. 改变用户状态按钮
  8. 删除用户按钮

7.功能模块的描述

  1. 登陆页面:用户/管理员登陆
  2. 用户列表:分页并显示所有用户
  3. 安全退出按钮:清除Session中储存的用户信息
  4. 添加用户按钮:实现添加用户
  5. 查询用户框:通过用户名或者昵称查询用户
  6. 修改用户信息按钮:修改用户信息
  7. 改变用户状态按钮:改变用户状态
  8. 删除用户按钮:删除用户

8.功能实现的截图

登陆页面

img

主页

img

用户列表

img

添加用户

img

img

查询用户

img

img

img

img

删除用户

img

img

img

改变用户状态

image-20211212000733830

image-20211212000808308

image-20211212000828854

9.相关代码截图

image-20211212001658380

image-20211212001718416

image-20211212001738941

image-20211212001748493

image-20211212001756912

image-20211212001816613

image-20211212001840482

image-20211212001849144

image-20211212001903606

image-20211212001922247

10.结束语

这次大作业是我写的第一个前后端分离的项目,实话实说开发大部分时间都花在了学习前端vue语言和处理前后端跨越问题上了。这次Vue中用到异步的方法真的让我很吃惊,惊叹于前端语言的发展已经如此完善了,但是跨域问题依旧很难处理。虽然这次大作业结束了。但是MFMF花卉平台的开发还远远没有结束。在将来我将逐步和完善实现MFMF平台设计之初设计的功能。在将MFMF平台完善到一定的程度后,我将会把这个平台放上服务器,让大家可以真正使用到这个平台来。