程序员经验分享-hwhale

element admin从入门到精通

2023-11-02

1、官方文档

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

2、下载安装

集成版本（选择i8n分支，进入中文版）

git clone https://github.com.cnpmjs.org/PanJiaChen/vue-element-admin.git

 基础版本

git clone https://github.com.cnpmjs.org/PanJiaChen/vue-admin-template.git

3、运行

安装依赖

npm install --registry=https://registry.npm.taobao.org

启动项目

npm run dev

 4、项目结构

 

5、重命名项目

  • 修改项目文件夹名称
  • 修改package.jsom的name、description、author 和 package-lock.jsom的name

6、ElementUI中文版

找到 src/main.js  
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n

----------------------------------------------------------------

// Vue.use(ElementUI, { locale }) 
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

7、取消 ESLint 校验

找到vue.config.js 

lintOnSave: false, // process.env.NODE_ENV === 'development',

8、更改头部title&固定头部&Logo&ico图标

  • 找到src/settings.js

  • 将自己的ico图标替换在 public/favicon.ico

  • 找到Logo组件 src/layout/components/Sidebar/Logo.vue 

  data() {
    return {
      title: '梦学谷博客管理系统',
      logo: require('@/assets/logo-new.png') // 注意不能直接写 '@/assets/logo-new.png'
    }
  }

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

element admin从入门到精通 的相关文章

  • CSS基础学习--26 渐变（Gradients）

    CSS3 渐变 gradients 可以让你在两个或多个指定的颜色之间显示平稳的过渡 以前 你必须使用图像来实现这些效果 但是 通过使用 CSS3 渐变 gradients 你可以减少下载的时间和宽带的使用 此外 渐变效果的元素在放大时看起

  • AcWing 897. 最长公共子序列(线性dp)

    题目链接 点击查看 题目描述 给定两个长度分别为 N 和 M 的字符串 A 和 B 求既是 A 的子序列又是 B 的子序列的字符串长度最长是多少 输入输出格式 输入 第一行包含两个整数 N 和 M 第二行包含一个长度为 N 的字符串 表示字

  • 如何用css实现带√三角形

    简介 最近切页面切到一个类似于京东plus会员的页面 当时刚拿到页面的时候人都有些懵 毕竟我是一个前端小白 这种电商的页面还没有这么做过 参考页面 后来经过一段时间的学习发现css的伪类很强大 下面是实现背景加三角形内含 的代码 selec

  • unity单例模板

    Unity 单例模板类 unity 不继承Mono的单例模板 代码片段 unity 不继承Mono的单例模板 代码片段 public class BaseManager

  • Java内嵌数据库Derby 语法（3）

    主键 唯一键包含索引 主键包含唯一键 索引 非空 唯一键包含索引 可空或非空 数据库需要与执行服务的在同个目录下 唯一键 create table app tyu primarykey int primary key com no int

  • 无人驾驶汽车系统入门（十三）——正态分布变换（NDT）配准与无人车定位

    无人驾驶汽车系统入门 十三 正态分布变换 NDT 配准与无人车定位 定位即确定无人车在这个世界中的哪个位置 是无人驾驶技术栈中必不可少的一部分 对于无人车而言 对定位的要求极高 一般情况下 我们希望我们的无人车能够达到 厘米级 的定位精度

  • 【数据结构 C语言版】树，二叉树，线索二叉树，哈夫曼树

    树的概念 根 如下图中 树形结构的 A 子树 每个节点下又称为一棵子树 如 B 为 A 的子树 在一棵树中 节点被定义为他的每一个 子树 根节点的前驱 而他每一个子树的根节点就是他的后继 在描述属性树形结构时 人们往往使用家族称谓 如 把

  • Mysql - 为啥不建议UUID当主键

    1 不能当主键的原因 MySQL写入数据时 会把数据存放到索引页中 使用UUID作为主键 新行的主键值不一定比之前的主键值大 所以innoDb无法做到总是把新行插入到索引的最后 而需要为新行寻找合适的位置来分配新的空间 因为是B 树方式存储

  • 本周 RocektMQ社区活动

    本周 RocektMQ社区邀请了陈厚德老师进行源码直播分享 陈老师曾就职于腾讯 盛大 斗鱼等知名互联网公司 现就职于尚德机构 分享相关信息 直播方式 钉钉群直播方式 群号 21791227 分享题目 RocketMQ同步 异步刷盘机制 分享

  • 微信小程序日历签到，拿走即用~

    参考了小友那个谁的 具体也忘记了 改be改be即用了 因为是日历 里面有一个算空格的地方 嘻嘻 也是小友提供的 再次感谢 html

  • AngularJS 1.4.6 实践 一 —— 单页应用登录验证

    AngularJS 1 4 6 实践 一 单页应用登录验证 一 多视图路由及路由嵌套 1 多视图路由 2 路由嵌套 二 路由检测登录状态 1 添加路由改变监听事件 2 非常重要 解决未知路径无限循环 三 整体代码 1 index html

  • Mysql的SQL语句优化和事务隔离级别

    文章目录 安装步骤 mysql连接命令 优化 事务4种特性和4种级别 脏读 不可重复读 幻读 安装步骤 我的文章 https blog csdn net UnicornRe article details 117657298 mysql连接

  • Python读取Access数据库基本操作

    接上篇 python操作Access mdb数据库环境配置 配置好的环境 进行Access数据库基本的操作 导入模块 import pypyodbc import win32com client path r C Users Adminis

  • Parasoft Jtest 2023.1版本-全新的Jtest让你的Java测试更加容易

    测试用例的创建和执行以及测量代码覆盖率是现代开发过程的重要组成部分 新发布的Parasoft Jtest 2023 1增加了重要的新功能 使Java开发和QA团队在测试实践中更具有生产力和效率 通过使用最新版本的Jtest 您可以在Visu

  • C/C++编程：从0到1学习libuv（linux、Clion）

    libuv强制使用异步和事件驱动的编程风格 它的核心工作是提供一个event loop 还有其他基于IO和其他事件通知的回调函数 libhv还提供了一些核心工具 比如定时器 非阻塞的网络支持 异步文件系统访问 子进程等 实践 接下来我们安装

  • [CentOS6.5]cmake: command not found

    yum install y cmake

  • 如何使用Python进行数据挖掘？

    使用Python进行数据挖掘需要掌握以下几个关键步骤 数据收集 首先 你需要获取你要进行数据挖掘的数据 可以从公共数据集 API 数据库等各种来源收集数据 数据清洗 清洗数据是一个重要的步骤 它包括去除重复数据 处理缺失值 处理异常值 标准

  • 2020-11-30

    嵌入式MQTT库移植 基于mosquitto库 一 交叉编译OpenSSL 下载源码到Linux虚拟机环境 https www openssl org source openssl 1 1 1f tar gz 放入非windows共享文件夹

  • UnicodeEncodeError: 'gbk' codec can't encode character '\xa0' in position 的解决方法

    最近初学网络爬虫 今天在练习使用Python的request模块的时候遇到了一个错误 import requests 发送请求 response requests get https jingyan baidu com event img

  • input获取值时，页面数据value并未改为键入值，导致校验时数据不一致问题处理

    由于部分原因 系统现需要将数据进行动态处理 实现表头自定义 产生问题的背景不做介绍 现做此记录 方便后面查阅 问题描述 修改了input框的值 但实际value并未改变 如下可以看到下图右边值已经改为了500 但是进行调试时发现依旧是页面初

随机推荐

  • python UI自动化无界面运行

    python大家都知道可以使用selenium进行在Windows环境下运行 但每次都会进行弹框运行 但有时我们需要脚本在Linux环境进行运行或者不希望UI自动化频繁的弹框影响我们的操作 所有我们可以在编写UI自动化的时候选择有界面运行

  • echart--柱状图 从上到下排列 不居中

    遇到问题 echart的柱状图 我需要长这样 但是变成了下面那个图的样子 原因 1 x轴的对其方向不对 2 y轴的数据默认高度是auto 设置一个定死的值就行 3 y轴的对其方向不对 解决方案 在对应位置加上框里的参数

  • CPU interactive调频策略

    本文集中于interactive调频策略 内核可选的调频策略 读取可用的调频管理策略 sys devices system cpu cpufreq cpu0 cpufreq scaling available governors 调频策略通

  • python -m pip install --upgrade pip 报错

    具体问题 环境 windows python3 6 根据pip 的提示 WARNING You are using pip version 19 3 1 however version 20 0 2 is available You sho

  • 【LeetCode与《代码随想录》】双指针篇：做题笔记与总结-JavaScript版

    文章目录 代码随想录 主要题目 27 移除元素 344 反转字符串 剑指Offer 05 替换空格 151 翻转字符串里的单词 206 反转链表 24 两两交换链表中的节点 19 删除链表的倒数第 N 个结点 面试题 02 07 链表相交

  • 服务商面盯行业大佬新动向站在巨人肩膀上

    刷脸支付是以往的支付方式的巨大变革 可能会带来支付链条的变化以及交易场景的改变 从而引发第三方支付革命 其次一些新概念有助于刺激消费体验 同时可以提高企业品牌影响力 这些都是使用刷脸支付的有利之处 对于商户而言 刷脸支付增加广告曝光程度因为

  • 基于已搭建的项目完成用户管理模块

    一 创建所需数据库并添加记录 二 将资料中的所需页面内容加载到项目当中的webapp目录下 三 在各包中创建相关的类及接口 1 实体类创建 UserInfo 实体类 映射数据库字段 字段建议一致 2 在dao层接口定义用户管理模块的增删改查

  • matlab不同数据类型的读取（加载）和保存（写入）策略

    本文侧重于提供保存和读取最佳策略 分析适用场景 matlab的具体语法可以通过doc或help查询详细文档及示例 持续更新中 cell 矩阵 等不同数据类型的matlab内部读取和python交互读取策略 matlab内部读取 通用读写函数

  • 决策树（信息熵、信息增溢、GINI）的计算

    如何构建决策树 我需要选择什么属性来度量 这里我们需要通过计算才能更好的构建一棵决策树 有以下二分类问题训练样本 outlook temperat humidity windy play sunny hot high FALSE no su

  • 错误: 尝试打开文件xxxx-1.0-SNAPSHOT.jar时出现意外错误

    错误 尝试打开文件xxxx 1 0 SNAPSHOT jar时出现意外错误 解决方法 1 请看 395条消息 Linux jar报错处理 Exception in thread main java lang No Error Invalid

  • 牛客网输入输出练习(python/C++)

    牛客网输入输出练习 ACM模式 python c 1 A B 输入无行数 python解答 c 解答 2 A B 给定行数的输入 python解答 c 解答 3 A B 指定条件结束 python解答 c 解答 4 A B 给定长度的数组求

  • 2017年学习计划

    1 掌握一个画项目结构图的工具 2 熟练掌握c c 语言 3 完成HomeLife的开发 4 掌握linux的基本使用

  • ubuntu: 查看CPU信息

    cat proc cpuinfo 如果有多块CPU 就会一并显示出来

  • 单片机IO模拟串口协议

    一 前言 嵌入式硬件平台调试中常用的debug方法是看串口打印定位问题 但有时候会遇到单片机没有串口外设或者串口引脚被占用的情况 这时候也可以在代码里操作空闲的IO输出不同个数的脉冲来达到调试的效果 但是要用逻辑分析仪抓线逐个看波形比较费劲

  • 几种常见数据库连接池的使用比较

    笔者曾经主持以及经历的几个产品及项目中 包括了各种数据库及应用服务器 基本上几种常见的数据库连接池都用到了 根据使用的情况把这些连接池比较一下吧 感觉在介绍之前有必要阐述一下连接池的几个概念 有助于后边一些文字的理解 最原始的数据库使用就是

  • 数据结构--C语言实现链式二叉树--详解

    文章目录 二叉树基本知识 相关术语 二叉树性质 二叉树遍历编辑 二叉树基本操作 一 结点定义 关于结构体名和结构体名是指针的定义区别 二 二叉树的创建 先序序列构造二叉树 三 先左后右的递归遍历算法 1 中序序列遍历二叉树 2 先序序列遍历

  • 解决控制台Could not resolve view with name ...

    看效果 关于 Could not resolve view with name xxx in servlet with name spring mvc 的解决方法 1 原因之一 没有写 ResponseBody RequestMapping

  • NETCore入门系列（目录）

    文章目录 NETCore入门系列 目录 相关资源 NETCore入门系列 目录 1 NETCore入门系列 NETCore读取配置文件 cshtml中文乱码 2 NETCore入门系列 读取appsetting json配置文件内容 3 N

  • 【学习笔记】李宏毅2020ML&DL课程 1_8 - 8_8 Attack ML model

    Attack ML model 2 8 攻击网络 即找一张图片 使得loss cross entropy loss 越大越好 此时网络的参数训练完了 要被冻住 不能改变 而是只改变输入 使我们找到这样一张图片 能够让结果 越错越好 离正确答

  • element admin从入门到精通

    1 官方文档 https panjiachen gitee io vue element admin site zh guide 2 下载安装 集成版本 选择i8n分支 进入中文版 git clone https github com cn

热门标签