zl程序教程

vue-element-admin

  • 2023年想运行vue-element-admin遇到的那些问题

    2023年想运行vue-element-admin遇到的那些问题

    vue刚火热的那些年,花裤衩的这个用vue开发后台管理系统也火热起来vue-element-admin。还有他那一系列的《手模手教你xxxxx》,很多人耳熟能详。 但是前端发展飞快,vue3已经出来,官方构建工具从vue-cli变成了vite。 当我现在去clone项目vue-element-admin,尝试开发环境跑服务时,发现各种报错和警告了。依赖太多最怕就是被依赖的变化啊。现在记录下,目

    日期 2023-06-12 10:48:40     
  • vue-element-admin项目的mock逻辑

    vue-element-admin项目的mock逻辑

    vue-element-admin项目的mock逻辑 项目地址:https://github.com/PanJiaChen/vue-element-admin 1,mock文件,在里面写返回数据 2,vue.config.js文件内进行配置mock服务 3,request.js这个文件是核心 逻辑链 1,vue页面 2,api接口 3,vueconfig配置 4,mock服务

    日期 2023-06-12 10:48:40     
  • vue-element-admin项目的mock逻辑

    vue-element-admin项目的mock逻辑

    vue-element-admin项目的mock逻辑 项目地址:https://github.com/PanJiaChen/vue-element-admin 1,mock文件,在里面写返回数据 2,vue.config.js文件内进行配置mock服务 3,request.js这个文件是核心 逻辑链 1,vue页面 2,api接口 3,vueconfig配置 4,mock服务

    日期 2023-06-12 10:48:40     
  • vue-element-admin文档gitee地址

    vue-element-admin文档gitee地址

    gitee: https://panjiachen.gitee.io/vue-element-admin-site/zh/ github: https://panjiachen.github.io/vue-element-admin-site/zh/

    日期 2023-06-12 10:48:40     
  • vue-element-admin后台管理模板脚手架

    vue-element-admin后台管理模板脚手架

    git clone https://gitee.com/panjiachen/vue-element-admin.git npm install npm run dev

    日期 2023-06-12 10:48:40     
  • vue-element-admin整合.net core web api项目开发点滴记录

    vue-element-admin整合.net core web api项目开发点滴记录

    1、创建ASP.NET Core Web API项目 创建好之后,IDE会自动为我们创建一个Controller,然后会自动引入Swagger。 2、配置ef框架 我们这里是使用mysql数据库。 (1)在上面我们创建项

    日期 2023-06-12 10:48:40     
  • 【Vue+element+admin】登陆页面篇(login.vue)

    【Vue+element+admin】登陆页面篇(login.vue)

     一、登陆页面位置src\views\login\index.vue  二、更换登陆背景图片 1、assets中放入图片  2、在css中加入背景图片 background-image: url("../../assets/login_1.jpg"); background-size:cover; 二、系统

    日期 2023-06-12 10:48:40     
  • 【Vue+element+admin】环境配置说明

    【Vue+element+admin】环境配置说明

    一、views中的配置 1、mian.js 设置的是生产环境,还是开发环境  2、src\settings.js module.exports = {   title: 'Project Title', // 标题   showSettings: true, // 是否显示控制面板   tagsVi

    日期 2023-06-12 10:48:40     
  • 【Vue+element+admin】目录详解

    【Vue+element+admin】目录详解

    build 系统相关,不用管 mock 模拟数据,不用管 node_modules npm加载的插件,不用管 plop-templates 自动创建项目文件,plop-templates自动新建项目文件,不用管 public 静态资源目录,前端模板文

    日期 2023-06-12 10:48:40     
  • vue-element-admin项目中将el-table中的数据导出成excel

    vue-element-admin项目中将el-table中的数据导出成excel

    问题描述 使用vue-element-admin开发过程中需要将el-table中的数据导出为excel 问题解决 安装库 npm i file-saver xlsx -S 引入库 import FileSaver from 'file-saver' // full import import * as XLSX from 'xlsx'; // named imports impo

    日期 2023-06-12 10:48:40     
  • vue管理系统(element-admin)在render函数中使用指令

    vue管理系统(element-admin)在render函数中使用指令

    问题描述 需求:table列表中文字溢出隐藏,并且隐藏的文字要使用title提示。 问题分析 需要一个title提示的指令或者方法 在table列表的数据中使用这个指令或方法 问题解决 写了一个全局指令, 如果文字溢出了就提示title,如果文字没有溢出就不显示title。 // 溢出隐藏显示title Vue.directive('title', { inserted: f

    日期 2023-06-12 10:48:40     
  • 初步整合vue-element-admin和GitDataV两个Vue开源框架方案实现大数据可视化

    初步整合vue-element-admin和GitDataV两个Vue开源框架方案实现大数据可视化

    转载: https://xiaoyw.blog.csdn.net/article/details/109492562

    日期 2023-06-12 10:48:40     
  • vue-element-admin el-upload组件实现图片上传

    vue-element-admin el-upload组件实现图片上传

    使用elementUi官网上的beforeAvatarUpload(file)方法,输出file属性,发现并不是数据库需要的file类型, 解决办法: let formData = new FormData(); formData.append("

    日期 2023-06-12 10:48:40     
  • vue-element-admin——命名空间导致错误[unknown action type:XXX]解决方案

    vue-element-admin——命名空间导致错误[unknown action type:XXX]解决方案

    原理:不知道 我是在vue-element-admin项目的中文分支上写的,英文分支就是不能使用:this.$store.dispatch,所以靠直觉觉得index.js文件应该不同,一看还真是,当场人傻了,又是两个小时秃头 将store文件中的index

    日期 2023-06-12 10:48:40     
  • vue-element-admin完整项目实例

    vue-element-admin完整项目实例

    项目运行地址:https://panjiachen.github.io/vue-element-admin/#/login项目地址:https://github.com/PanJiaChen/vue-element-admin项目地址:(国际化)https://github.com/PanJiaChen/vue-element-admin/tree/i18n项目介绍:https://panjia

    日期 2023-06-12 10:48:40     
  • vue-element-admin平时使用归纳

    vue-element-admin平时使用归纳

    message提示的使用 import { Message } from 'element-ui'; Message({ message: res.data.message || 'Error', type:

    日期 2023-06-12 10:48:40     
  • vue-element-admin登录逻辑,以及动态添加路由,显示侧边栏

    vue-element-admin登录逻辑,以及动态添加路由,显示侧边栏

    这段时间在研究element-admin,感觉这个库有许多值得学习的地方,我学习这个库的方法是,先看它的路由,顺着路由,摸清它的逻辑,有点像顺藤摸瓜。 这个库分的模块非常清晰,适合多人合作开发项目,但是如果一个人去用这个库开发后台,步骤显的有点繁琐,特别是调用后端接口,之前一个方法就调用到了,但是用这个库,需要先后分几步调用。 比如说调用一个登陆接口:点击登陆按钮----》调用store中的方法

    日期 2023-06-12 10:48:40     
  • vue-element-admin

    vue-element-admin

    在线预览 https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md       (总连接)  使用文档  

    日期 2023-06-12 10:48:40     
  • vue-element-admin 项目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function

    vue-element-admin 项目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function

      import echarts from 'echarts' import dataTool  from 'echarts/extension/dataTool'   引用了就可以输出,自动和echarts关联上来。 created(){    console.log('echar

    日期 2023-06-12 10:48:40     
  • vue-element-admin  前端框架 使用感触

    vue-element-admin 前端框架 使用感触

     感触: 不搜不知道,一搜吓一跳!经常百度很重要。 美国有gitgub:https://github.com/search?q=vue-element-admin 中国有码云:https://gitee.com/search?utf8=%E2%9C%93&q=+vue-element-admin&type= 如果你遇到一个前后端完全分离的项目,而且这个项目对美观要求不高

    日期 2023-06-12 10:48:40