基于vue的后台管理开发
Boo_crob
这个作者很懒,什么都没留下…
展开
-
基于vue的后台管理 内容篇 之 代理列表(某一导航项) 前篇
上一篇中已经设置到 点击某一导航项,跳转至对应路由组件页面这一篇 写组件页面中需要应用到的一些element组件的使用页面展示包含的element元素有el-card, 卡片el-breadcrumb, 面包屑el-input, input输入框el-row, el-col, 布局行列el-table, el-table-column, table表格el-button, button按钮el-input-number 计步器表格布局 <!-- 面包屑.原创 2021-04-06 14:55:58 · 209 阅读 · 0 评论 -
基于vue的后台管理 之 首页 -- 侧边栏导航
侧边栏可以拿后台接口数据,也可以自己编写。这里我是自己编写所需侧边栏信息应用到element中的el-menu、el-submenu、el-menu-item布局<el-menu default-active="activePath" // 当前激活菜单的 index background-color="#323744 " //导航栏背景颜色 :collapse-transition="false" //是否开启折叠动画 unique-opened //是否只保持一个子.原创 2021-04-06 10:37:18 · 2363 阅读 · 0 评论 -
基于vue的后台管理 之 后台管理首页---头部导航
在 搭建项目前篇中提到,没有接口就先做首页,有接口就尽量从登录页面开始做。这一步。我到了首页界面的搭建应用到element中的布局容器组件首页布局<el-container> //头部导航 <el-header class="nav"> <el-image :src="img" class="avatarImg" :fit="fit" ></el-image> <span class="pStyle">后.原创 2021-04-03 17:34:17 · 847 阅读 · 0 评论 -
基于vue的后台管理 之 登录界面搭建 前篇
登陆界面的大体框架和细节整改首先,先看主要的框架搭建,利用form表单,对输入的用户名和密码进行校验布局<el-form label-width="0px" class="" :model="loginForm" ref="formRef" :rules="formRules"> <!-- 用户名 --> <el-form-item prop="userName"> <el-input placeholder="请输入用户名" v-model="l.原创 2021-04-03 11:59:13 · 274 阅读 · 0 评论 -
基于vue的后台管理 之 搭建项目 前篇(完结)
前言记录做后台管理的时候遇到的一些问题、小知识点以及一些bug目前,项目中界面组件应用到element-ui,请求用到axios,有接口就先写登录界面,完成登录功能,登陆进入首页。没有接口数据,只是简单模拟数据。就写首页界面。首页打开终端 执行vue ui 命令行。在打开的ui界面中创建项目创建项目名称配置预设,选择功能配置选择校验规则后,创建完成安装插件和依赖安装vue-cli-plugin-element 插件在开发依赖中安装axios依赖安装less样.原创 2021-04-03 11:19:53 · 122 阅读 · 0 评论