GithubHelp home page GithubHelp logo

ironmanjay / backgroundmanagementsystembasedonspringbootandvue Goto Github PK

View Code? Open in Web Editor NEW
31.0 1.0 7.0 19.31 MB

本项目基于SpringBoot搭建后台,使用Vue搭建前端服务。完成了Vue2前端与后端初始框架搭建、集成Mybatis、实现增删改查、实现分页查询、实现代码生成器、实现导入导出、实现用户登录注册与异常处理、实现文件上传与下载、整合ECharts、权限菜单、实现关联查询、集成Redis实现缓存、高德地图集成演示、集成视频播放组件、集成Markdown和多级评论等功能。

Java 37.35% JavaScript 3.72% HTML 0.41% Vue 58.37% CSS 0.16%

backgroundmanagementsystembasedonspringbootandvue's Introduction

项目简介

  本项目基于SpringBoot搭建后台,使用Vue搭建前端服务。完成了Vue2安装并集成ElementUI、Vue2前端主体框架搭建、SpringBoot后端初始框架搭建、SpringBoot集成Mybatis、SpringBoot实现增删改查、SpringBoot实现分页查询、SpringBoot实现集成Mybatis-Plus和SwaggerUI、Vue实现增删改查、SpringBoot实现代码生成器、Vue使用路由、SpringBoot和Vue实现导入导出、SpringBoot和Vue实现用户登录注册与异常处理、SpringBoot和Vue实现用户个人信息展示与保存与集成JWT、SpringBoot和Vue实现文件上传与下载、SpringBoot和Vue整合ECharts、权限菜单讲解、SpringBoot实现1对1、1对多、多对多关联查询、用户前台页面设计与实现、SpringBoot集成Redis实现缓存、高德地图集成演示、Vue集成视频播放组件、Vue集成Markdown和多级评论等功能。从功能的实现难度以及可应用性出发,此项目完全可以作为本科毕业设计以及简历项目使用。


项目开发软件环境

  • Windows 11
  • Idea 2019.3
  • Maven 3.3.9
  • Postman
  • jdk 1.8
  • springboot 2.7.1
  • mybatis-plus 3.5.1
  • mybatis 2.2.2
  • mysql 5.7
  • element-ui 2.15.9
  • vue 2.6.14
  • vue-router 3.5.1
  • vuex 3.6.2
  • echarts 5.3.3
  • axios 0.27.2

项目开发硬件环境

  • CPU:Intel® Core™ i7-8750H CPU @ 2.20GHz 2.20 GHz
  • RAM:24GB
  • GPU:NVIDIA GeForce GTX 1060

一、功能图片演示

1.1 基本功能

1.1.1 用户登录

请添加图片描述

1.1.2 用户注册

请添加图片描述

1.2 系统后台功能

1.2.1 系统后台主页

请添加图片描述

1.2.2 用户管理

请添加图片描述

1.2.3 选课信息

请添加图片描述

1.2.4 修改密码

请添加图片描述

1.2.5 文章管理

请添加图片描述

1.2.6 查看文章内容

请添加图片描述

1.2.7 编写MarkDown文章

请添加图片描述

1.2.8 文件管理

请添加图片描述

1.2.9 授课信息

请添加图片描述

1.2.10 课程管理

请添加图片描述

1.2.11 角色管理

请添加图片描述

2.12 个人信息

请添加图片描述

1.2.13 高德地图

请添加图片描述

1.2.14 菜单管理

请添加图片描述

1.2.15 菜单分配

请添加图片描述

1.3 系统前台功能

1.3.1 系统前台主页

请添加图片描述

1.3.2 视频播放列表

请添加图片描述

1.3.3 视频播放内容展示

请添加图片描述

1.3.4 文章列表

请添加图片描述

1.3.5 文章内容展示

请添加图片描述

1.3.6 用户多级评论

请添加图片描述

二、功能视频演示

功能视频演示见如下链接:基于SpringBoot和Vue的后台管理系统项目视频演示

三、项目启动

3.1 SpringBoot项目启动配置

请添加图片描述

3.2 进入Vue项目目录

请添加图片描述

3.3 启动SpringBoot

请添加图片描述

3.4 启动Vue项目

请添加图片描述

3.5 进入系统

请添加图片描述


backgroundmanagementsystembasedonspringbootandvue's People

Contributors

ironmanjay avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

backgroundmanagementsystembasedonspringbootandvue's Issues

技术咨询

你好,技术大牛,你的这个项目的sql文件能提供一个吗,我想学习一下

SQL

很高兴能阅读到您的代码。运行的过程中发现没有相关的数据库设计,不知道作者能否指点下数据库的设计构建?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.