Vue 3.2 + Element Plus + Vite 2+SSM+Mysql小学生健康管理系统

669 阅读1分钟

前言

为了响应专业课老师布置的作业,该小学生健康管理系统,是本人不惜花费大量打篮球的课余时间去学习后端的SSM框架集换来的成果,前端基于 Vue3.2、TypeScript、Vite2、vuex、Element-Plus 开发周期两周。项目中很多功能、样式都是借鉴别的管理系统,但代码是完全自己手写的。

Git仓库

github.com/XiangZi7/My…

github.com/XiangZi7/My…

项目功能

  • 🚀 使用 Vue3.2 开发,单文件组件 <script setup>

  • 🚀 采用 Vite2 作为项目开发、打包工具

  • 🚀 整个项目集成了 TypeScript

  • 🚀 使用 vuex

  • 🚀 表格操作(表格数据搜索、重置、查询、分页、多选、单条数据操作、文件上传、下载、格式化单元格内容……)

  • 🚀 支持 背景更换

  • 🚀 使用 vue-router 路由守卫

效果图

  • 登录界面

image.png

  • 用户界面

image.png

  • 后台界面

image.png

  • 报表界面

image.png

  • 主题界面

image.png

工具使用

开发工具: IntelliJ IDEA 2021.1.2 x64、Visual Studio

开发环境: Java JDK1.8 Mysql Vue.cil vue3.2 Windows10

主要技术栈

前端:Vue3.2 Vue-Router Vuex Axios Element Plus Echarts Sass Xlsx Vite

后端:Spring boot Mybatis Plus

数据库: Mysql Navicat Premium 15