vue后台管理系统
文章平均质量分 84
以vue-element-admin为参考,vue-admin-template为基础的二次开发。
源码:https://github.com/kexr/vue-bolg-admin.git
前端呆头鹅
这个作者很懒,什么都没留下…
展开
-
[零基础][完结]vue后台管理系统开发流程全记录(十三)_文章管理功能开发:审核模块(下)
文章目录一 标签名展示1.1 接口添加1.2 接口封装1.3 接口调用1.4 页面绘制-多级选择器二 文章内容展示2.1 mavon-editor简介2.2 mavon-editor使用三 提交审核结果3.1 接口添加3.2 接口封装3.3 接口调用四 查看文章详情尾声一 标签名展示在这个功能中,我们先获取可用的标签和分类,然后显示选中的标签。我们使用多级选择器来展示。不可编辑的多级选择器:1.1 接口添加URL: /article/category/label/listmethods: g原创 2021-06-02 15:14:18 · 1142 阅读 · 19 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(十二)_文章管理功能开发:审核模块(上)
别无疑问,实战是通往胜利的阶梯。以vue-element-admin为参考,vue-admin-template为基础的二次开发。源码:https://github.com/kexr/vue-bolg-admin.git审核模块功能为,展示文章详情,具有审核通过与审核不通过操作项等。原创 2021-05-25 12:28:31 · 1686 阅读 · 16 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(十一)_文章管理功能开发: 表单 | 表格 | 分页
文章目录一 列表展示功能1.1 模拟接口1.2 接口封装1.3 接口调用1.4 页面绘制1.4.1 el-table列表绘制1.4.2 el-tag状态标签二 分页查询功能三 条件查询功能3.1 页面绘制3.2 定义事件3.2.1 查询3.2.2 重置文章管理模块主要进行对文章的增删改查。首先开发列表展示功能,具有查询,列表,分页三部分。一 列表展示功能1.1 模拟接口url: /article/article/searchmethods: post描述:文章分页列表{ "code":原创 2021-05-17 22:20:18 · 840 阅读 · 4 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(十)_标签管理功能开发: 标签修改
当点击 编辑 按钮后,弹出编辑窗口,并查询出标签信息渲染。修改后点击确定 提交。编辑对话框组件与前文中新增对话框组件为同一组件,无需绘制页面和再次引入。一 模拟接口这里需要两个模拟接口,打开对话框时需要根据对应id取出标签信息作初始渲染,点击确认提交时提交数据。1.1 标签信息查询接口url: /article/label/{id}methods: get{ "code": 20000, "message": "查询成功", "data": { "id": 8, /原创 2021-05-16 14:25:19 · 309 阅读 · 2 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(九)_标签管理功能开发: 标签新增
文章目录一 页面绘制二 组件引入三 组件传值四 方法定义4.1 对话框弹出事件4.2 对话框关闭事件4.3 校验事件4.4 提交事件4.4.1 准备接口4.4.2 接口封装4.4.3 接口调用点击新增按钮,弹出对话框,点击对话框确认键,校验与提交对话框内表单内容。与类别管理部分相同,新增与修改共用一个对话框组件。一 页面绘制新建文件views/lable/edit.vue,将类别管理对话框文件(views/category/edit.vue)template部分粘贴过来。修改其中表单部分。&原创 2021-05-13 14:04:35 · 445 阅读 · 2 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(八)_标签管理功能开发: 表单 | 表格 | 分页
一篇博文对应一个类别,但是对应多个标签。标签管理的功能也是,展示,修改等。首先准备标签数据列表接口。一 接口处理1.1 创建接口url: /article/label/searchmethod: post描述: 标签分页查询列表{ "code": 20000, "message": "查询成功", "data": { "total": "@integer(100, 200)", // 总记录数 "records|20": [{ //生成20条数据 .原创 2021-05-12 15:42:41 · 383 阅读 · 14 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(七)_类别管理功能开发: 类别修改
文章目录类别修改一 绘制页面二 模拟接口设置2.1 id查询分类2.2 提交修改三 接口封装四 方法定义4.1 对话框弹出4.2 数据提交类别修改点击编辑按钮,弹出对话框,修改类别相关信息,点击确认键提交。观察到,类别修改对话框与类别增加对话框几乎相同,所以可以使用同一组件。两者标题,表单内容,提交事件(触发接口)不同,前两者可以在父组件中做传入数据的区分,后者可根据父组件传入数据做判断。一 绘制页面在src/views/category/index中,将操作按钮加在el-table的末尾。原创 2021-05-10 22:39:50 · 1758 阅读 · 12 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(六)_类别管理功能开发: 类别新增
文章目录类别新增一 组件引入二 组件页面绘制2.1 绘制对话框2.2 绘制表单三 数据引入四 方法定义4.1对话框弹出事件4.2 对话框关闭事件4.3 表单校验4.4 表单提交4.4.1 模拟接口设置4.4.2 接口封装4.4.3 接口调用类别新增上章中我们建立了一个类别新增按钮。现在我们为该按钮填充事件。添加新增类别按钮,点击按钮弹出空白类别信息表单对话框,填写后点击提交表单数据。一 组件引入绘制组件前先将组件引入,方便调试。创建文件views/category/deit.vue,添加原创 2021-05-10 20:49:28 · 481 阅读 · 3 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(五)_类别管理功能开发: 表单 | 表格 | 分页
文章目录一 分类列表数据接口制作与调用1.1 接口制作1.2 接口调用1.2.1 封装接口1.2.2 调用接口1.2.3 数据使用二 页面绘制2.1 基础页面绘制2.1.1 表格绘制2.2.2 状态码绘制2.2 添加分页查询2.3 添加条件查询类别管理功能页用于对文章分类项进行列表化展示和管理。先对开发成果做个预览。一 分类列表数据接口制作与调用1.1 接口制作首先确定接口信息。url: /article/category/searchmethod:post描述:文章类别分页条件查询列表原创 2021-05-08 17:34:21 · 707 阅读 · 7 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(四)_侧边栏实现原理及配置 | 路由配置
项目本身带有一个侧边栏,点击可以跳转到预制好的默认页面,但这不是我们需要的,我们首先的任务是更改侧边栏内容,再让它指向我们自己的页面。原创 2021-04-21 23:10:22 · 1172 阅读 · 5 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(三)_EasyMock虚拟后台接口对接创建
有生命的前端项目脱离不了后端接口数据,但是在开发中,后台接口往往还没有准备好,这时候创建一个虚拟后台接口是方便必要的。别怕,这很简单——只要你看了本文。原创 2021-03-23 22:34:50 · 778 阅读 · 0 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(二)_初始化和修改项目配置
工作中不可避免二次开发的情况,本系列记录了本人在二次开发道路上的分析过程和问题解决方案。原创 2021-03-04 15:33:06 · 639 阅读 · 1 评论 -
[零基础][完结]vue后台管理系统开发流程全记录(一)_环境搭建 & 脚手架启动
工作中不可避免二次开发的情况,本系列记录了本人在二次开发道路上的分析过程和问题解决方案原创 2021-03-04 15:26:05 · 1123 阅读 · 1 评论