![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
简易后台管理项目
文章平均质量分 79
在地球迷路的怪兽
此时情绪此时天,无事小神仙。
展开
-
简易权限模型
什么是权限模型登录我们的管理系统可以看到,我们现在不管是管理员还是用户都会被看做是普通用户,在系统中看到的都是一样的东西,但平常我们都知道不同角色访问系统那么系统的呈现应该是不一样的才对,这时候就需要用到权限模型。正文我们去数据库中将user表加一个属性role,用1表示管理员,2表示普通用户。然后对应的后台中我们要改一下user的实体类:package com.why.demo.entity;import com.baomidou.mybatisplus.annotation.IdType原创 2021-11-18 15:25:09 · 102 阅读 · 0 评论 -
wangEditor富文本编辑器集成
前言富文本是个啥呢。富文本就是一个编辑器。比如一个网站有时候需要新闻、还有博客等东西的撰写就需要一个富文本编辑器。然后这里介绍的编辑器是wangEditor。官网是www.wangeditor.com官网上有详细的使用教程。正文首先就是安装这个编辑器啦,据官网上的提示:打开我们的项目,在命令行中输入这个命令进行安装:这里我们先去写后台的东西,然后再在前台来进行编辑器的引入。我们先创建一个新闻表来装数据:然后去后台entity实体包中写上news的实体类:package com.w原创 2021-11-18 14:15:08 · 542 阅读 · 0 评论 -
项目中的文件上传与下载
继续丰富我们的项目功能。这次是文件上传的功能,而在我们的element官网上是有文件上传的组件功能的,我们直接拿来用就行。老方法,粘贴复制。但是上图的服务器接口(也就是上传下载的路由地址)我们需要自己去写,所以现在去后端服务器上写一个接口,FileController:同时我们在resources文件下创建一个files文件夹,这个文件夹就是用来存放从前台上传过来的文件的。因为写入文件的时候要使用IO流,但是java的原生io过于繁琐和麻烦,所以我们使用hutool这个工具,在pom中引入:原创 2021-10-13 16:40:38 · 703 阅读 · 4 评论 -
菜单路由以及新项目开发
我们在原来的基础上又新加了一个页面,就是用户的个人信息页面person:源码为:<template> <div> <el-card style="width: 40%; margin: 10px"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="用户名">原创 2021-10-12 14:42:13 · 630 阅读 · 0 评论 -
注册登录功能的完善
在前面项目的基础上继续,因为我们的项目进来页面主题就是用户数据,所以我们想让它一进来就是高亮状态,那么我们可以这样做,同时我们再加上一个菜单:<template> <div> <el-menu style="width: 200px; min-height: calc(100vh - 50px)" default-active="user"原创 2021-10-12 10:49:32 · 2994 阅读 · 14 评论 -
项目结尾部分
前言这差不多应该是这个项目的完结篇啦,加油!!!完善项目现在我们已经实现了用户的新增功能,数据库中也有了数据的写入,那么现在我们就要实现从数据库中拿出数据展现在前端了。怎么拿?同样是在后端服务器中的控制器中写上findPage接口,我们定义的是用户可以通过昵称来查找对应的用户://查询用户,用Get命令,且是分页查询 /** * 分页查询,需要前台传过来三个参数,@RequestParm注解就是解析参数用的,如果不加后面的defaultValue设置 * 默认的话,则请原创 2021-10-08 15:58:04 · 232 阅读 · 0 评论 -
后端工作部分
前言这一章就是在上一章提到的的简易后台管理系统的后端部分了,学习!冲冲冲!创建SpringBoot工程创建一个Module:选择Spring initializr配置好这些东西,点击next:选择我们需要的jar包依赖:给这个Module取个名字,我们就叫springboot好了,点击finish:可以看到,此时已经创建完了springboot项目:准备一下数据库(其中id为主键自增):第一件事情需要做的就是我们的前端Vue默认的端口是8080,后端springboot默认的原创 2021-10-07 21:58:27 · 856 阅读 · 0 评论 -
前端部分工作
前言这就是非常简单的一个前后端分离项目,第一次尝试这种项目,所以我会把每一步都写的非常详细,大家一起学习!前端部分Vue的准备阶段项目开始,先创建一个文件夹叭,就叫SpringBoot+Vue项目:下载一个Node.js,这个Node.js中有一个npm包,用来管理依赖的,我们可以通过其来使用npm命令和下载相关的依赖,这是前端的部分,大致了解下就行。下载安装完成后,可以在刚刚我们创建的文件夹的路径地址栏中敲入cmd打开,看看自己的Node.js版本。可以看到已经安装成功。然后就是检查原创 2021-10-07 16:01:19 · 233 阅读 · 0 评论