vue-element-admin与vue 的使用记录vue-element-admin与vue 的学习使用记录（一）vue-element-admin与vue 的学习使用记录（二）vue-element-admin与vue 的学习使用记录（三）vue-element-admin与vue 的学习使用记录（四）项目场景：前面已经说过了，我们是开发一个博客管理系统，我们需要集成一个MarkDown编辑
1、创建项目更改版本1-1、创建项目vue create vue3-admin1-2、更改vue版本更改前更改后 2、开发项目1、按需引入element-plus1、安装npm install element-plus --save2、按需导入（自动导入）cnpm install -D unplugin-vue-components unplugin-auto-import3、Webpa
开箱即用的中后台管理模版#
Vue Element Adminvue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。Github（⭐️77.5k）：https://github.co
互联网时代，我们会登陆各种大大小小的APP、网站，登录时需要输入用户名和密码，用户名的形式可以是中文、数字、英文，而密码却只能设置英文、数字和标点符号，好像从来不支持设置中文密码，这是为什么呢？ 01
实现难度比较大
首先，很多人可能会产生一个误区，觉得之所以不用中文是因为编码太复杂，技术上实现不了。其实密码是可以输入中文的，就像一开始的QQ的密码就
ElememtPlus组件el-tabs：el-tabs用于展示一组具有对应关系的内容，可通过点击标签页来切换不同的内容区域。使用方法：<el-tabs v-model="activeTab" type="border-card">
<el-tab-pane label="标签1">内容1</el-tab-pane>
<el-tab-pane la
转载
2024-06-28 14:42:47
251阅读
理清了整个的登录逻辑就能轻松的修改
结合项目实际而做1. 角色的分配除登录等基本页面，一共还有7个页面 共有三种角色：超级管理员administrator：能够访问所有页面管理员admin：能够访问管理员的三个页面和主页代理agent：能够访问代理的三个页面和主页管理员和代理都无法访问对方的页面2. 登录逻辑原本的逻辑是：点击按钮后触发点击事件 -> 事件中分发store.action -&
转载
2024-04-12 16:19:15
683阅读
描述通过获取后台返的数据，前端实现分页功能，这里是vue结合elementUI里的分页组件来实现的。html代码<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:pag
element plus 表格样式的强制
修改<div class="Sliewe">
<el-table border size="small" row-key="id" :data="list">
<el-table-column label="告警时间" align="center
预定义变量 $0 脚本名 $* 所有的参数 $@ 所有的参数 $# 参数的个数 $$ 当前进程的PID $! 上一个后台进程的PID $? 上一个命令的返回值 0表示成功 for：循环次数是固定的 for i in (取值) 范围{1…20} zhangsan lisi wanger mazi ${array[*]} for 变量名 [ in 取值列表 ] do 循环体 donewhile 条件测
需求我的项目里，有个页面是两个选项卡，两个页签里稍有不同，用的组件，然后各个选项卡都有二级详情页，需求就是从二级详情页返回的时候，要返回上次选中的选项卡页签。思路在elementUI中，有一个默认选中的api它就是value / v-model，点击可以查看官网api方案我是方案就是通过缓存来记录，在离开本页的时候，存到cookie里，进入本页，获取cookie，我感觉还挺简单的，也很方便。<
转载
2024-10-18 10:34:46
395阅读
Ueditor默认字体、字号、行间距的修改：ueditor默认字号是16号，默认字体为sans-serif，默认行间距为5px，如下图所示：首先，修改ueditor.all.js文件中如上图红框中对应的字体、字号、行间距的值；其次，ueditor.all.min.js文件为ueditor.all.js的压缩版，需要一并修改其中对应的字体、字号、行间距的值，如下图所示：字体种类的添加：ueditor
转载
2024-09-23 06:59:36
141阅读
目录一、页面布局整体思路二、盒子模型1.盒子模型2.边框border3.表格的细线边框border-collapse4.边框会影响盒子实际大小5.内边距padding6.外边距margin7、水平布局8、垂直布局9、外边距的折叠10、浏览器默认样式11、盒子大小box-sizing12、轮廓阴影和圆角①轮廓outline②阴影box-shadow③圆角border-radius三、浮动1、浮动（f
Vue-element的认识以及为什么采用 elementui是从整个Vue的核心代码上经过二次开发而形成的一个框架。 针对目前情况（已经开发完成web端–VUE开发）下存在的优势： · 彻底的组件化开发能力：提高代码（web端部分代码可以复用） · 完整的 Vue.js 开发体验 · 方便的 Vuex 数据管理方案：方便构建复杂应用（Vuex 更方便管理状态，用户信息） · 快捷的 webpac
选择了element plus。于是按照element plus官网文档操作，安装了nodejs之后就开始 npm install element-plus --save。结果就完全进行不下去了，根本就没有main.js啊。百度之后发现，写的基本上也是跟官网差不多，帮助不大。没有人带入门，踩的坑确实会比较多。摸索之后，终于可以进行开发，记录之，以免同行走弯路。1、使用element pl
转载
2024-08-04 14:22:40
578阅读
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后
转载
2024-04-19 19:14:05
2841阅读
ElementPlus 全局引入与按需引入前言一、完整引入1、安装组件库2、在项目中引入3、设置组件语言二、按需引入1、安装组件库2、Webpack 配置3、在项目中引入（1）全局引入（2）局部引入4、按需引入时设置组件语言总结 前言之前使用 ElementPlus 做项目的时候，由于不会使用按需引入，一个仅需要几个 ElementPlus 组件的 Vue 项目，全局引入 ElementPlus
转载
2024-03-22 14:34:07
2376阅读
一 分析vue2时期PC端的UI库封神之作elementUI随着vue3的到来,发布了其续作elementPlus,并在2022年发布正式版本(根据更新日志的信息,全新的稳定版2.0.0于2022-02-07发布).点这里一键跳转至官方网站.在elementPlus中,为了解决普通树形组件无法容纳大量数据的情况,提供了一款新的组件,来解决大量数据用树形组件展示问题,该组件便是我们今天要介绍的主角,
转载
2024-05-29 20:30:03
810阅读
前言一般我们开发单页面应用（关于单页面应用是什么在本专栏的另一篇文章中有介绍）时，特别是针对和我一样打算走后端开发的同学，对于前端只需要有了解的程度就行了，但是平常做项目练手时经常会要自己写前端的东西，所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件，就可以在Idea中写el
转载
2024-03-15 10:00:44
932阅读
◼ 图书管理系统前端代码1. Element UI 的全局引入与使用1.1 全局引入 Element UI 及相应配置◼ 在 main.js 文件中配置import ElementUI from 'element-ui' //导入element-ui所有组件
import 'element-ui/lib/theme-chalk/index.css' //导入element-ui样式1.2 登录
如果你还不知道 Fantastic-admin 是什么，那么我先用几张预览图给大家了解一番。看来预览图，如果你感兴趣，可以点这里来详细了解并试用，这是一款完成度极高，开箱即用的后台框架，并且刚刚发布了 Vue3 版本支持。回归正题vue-element-admin 做为一款知名度相当高的后台框架，是很多刚接触后台开发的开发人员首选框架，但由于其作者似乎并不太关注这款作品，并且也无任何 Vue3 版
