手把手讲解:Vue + Element UI实现后台管理系统
文章平均质量分 54
该专栏你能学到什么:
掌握element组件开发及封装组件的思想
; 实现侧边栏菜单tab页及面包屑导航的联动;细粒化权限控制,动态生成路由;掌握vue.config.js的常用配置;能vscode按照eslint规范格式化代码
; 掌握单页面应用登录操作鉴权及页面权限控制;掌握mockJs的使用;
longerJue
一只正在奔跑的程序弱鸡
展开
-
手把手教Vue+elementUI搭建后台管理系统(一):项目介绍
####项目介绍基本介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的项目框架,为了方面后续vue项目的开发,可以达到拿来即用的效果。主要涉及到内容包含:项目开发环境安装及配置、elementui的使用;cookie、axios、mock等封装处理;i18n国际化;vuex状态管理;vue-router路由管理;axios、router、业务代码等模块化封装;vue-router动态路由加载;常用组件封装步骤及封装思想等。软件及技术开发工具:HBuilderX 、Visual原创 2021-09-09 10:23:21 · 1744 阅读 · 0 评论 -
手把手教Vue+elementUI搭建后台管理系统(四):自定义项目配置文件
项目配置文件【vue-cli 配置文件官方地址:】https://cli.vuejs.org/zh/config具体配置本文就不详细赘述了,vue相关官网说明是我见过唯一一个比书本还好的官方说明;想了解详细配置的,可以直接访问vue-cli的配置文件学习下。我们只配置项目流程中使用到的。项目配置文件使用首先需要在 项目的根目录下 创建一个 vue.config.js。填写如下内容,使用 json 格式进行配置。配置文件各属性可以自行查阅官方文档。修改默认端口号项目默认 使用 8080 端原创 2021-09-13 14:40:27 · 610 阅读 · 0 评论 -
手把手教Vue+elementUI搭建后台管理系统(三):项目脚手架搭建
初始化项目使用脚手架 vue-cli 4.0 创建 一个 vue 项目脚手架,然后在基于脚手架进行项目开发。通常有两种创建方式,创建方式如下:【方式一:(命令行创建,以 webpack 为模板)】 vue init webpack vue-demo 【方式二:(图形化界面创建)】 vue ui我们本次就是用图形化的创建方式。Step1:进入到放置项目的目录,如下输入命令:Step2:图形界面中,点击创建项目,选择创建后的保存路径,如下:Step3:完善项目基原创 2021-09-09 11:26:54 · 1123 阅读 · 0 评论 -
手把手教Vue+elementUI搭建后台管理系统(二):项目环境搭建
前提需要安装 node.js 、npm(cnpm)、vue-cli等基本的开发环境。运行环境安装下载、安装javsscript的运行环境 node。下载地址:https://nodejs.org/zh-cn/下载到本地后进行手动安装。下载安装完成后,执行如下命令查看 node 版本:node -v包管理工具安装全局安装 npm 或者 cnpm 包管理工具。包管理工具:自动管理项目依赖(管理第三方包)的 工具。安装命令:装 npm命令 :npm install -g npm原创 2021-09-09 10:54:05 · 272 阅读 · 0 评论 -
代码画年兽,虎年祝大家虎虎生威
代码画年兽,不依赖图片,纯CSS33代码教会你画可爱的小老虎,可以动起来的小老虎:HTML代码:<!-- * @Author: longerJue--><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>#Codepenchallenge: Cute Tiger</title> <link原创 2022-01-19 14:00:28 · 19892 阅读 · 39 评论