×

html5

vue + element ui: <el-upload> 上传前判定图片大小的方法(img.onload(假装)同步获取数据)

轻语 轻语 发表于2024-05-21 浏览5437 评论0
1、Upload 组件简介 官网地址:https://element.eleme.cn/#/zh-CN/component/upload 官方api就不多阐述了,今天主要是卡在了before-upload这个钩子上面: 说明:上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。 2、:before-upload 官方文档中的方法: <el-upload class="avatar-uploader"

css3

【Vue】项目:尚品汇后台管理系统(上)

小小小 小小小 发表于2024-05-21 浏览8325 评论0
前言 记录尚品汇后台管理系统的开发过程,功能模块包括登录、首页、品牌管理、平台属性管理、SKU管理、SPU管理、用户管理、角色管理、菜单管理模块。后台管理系统是CMS内容管理系统的一个子集,通过项目实战可以彻底搞明白菜单权限、按钮权限如何实现,掌握市场中数据可视化ECharts、V-charts的运用。 主要涵盖的技术点:Vue-cli、Axios、Vuex、Element-UI、菜单权限、按钮权限、数据可视化、Scss…… 由于项目写的太长了,编辑器真的很卡呜

WEBPACK

Vue3+ElementPlus+axios+暗黑模式

造梦先生 造梦先生 发表于2024-05-21 浏览5656 评论0
目录 1:新建Vue3的项目 2:导入element-plus库         (1):安装         (2):配置main.js         (3):查看引入效果 3:全局注册element-plus图标库         (1):安装         (2):配置 main.js 4:集成Less         (1):安装         (2):配置vue.config.js         (3):创建less全局变量文件         (4)

JavaScript教程

Vue项目保持用户登录状态(localStorage + vuex 刷新页面后状态依然保持)

dede58织梦模板 dede58织梦模板 发表于2024-05-21 浏览86491 评论0
        在前端项目开发中,实现用户的登陆注册功能时常常会有一个问题,那就是我们设置的登录状态,在浏览器页面刷新后就消失了,这其实只是因为我们没有保存用户状态。 这里小马演示使用的是 localStorage + vuex 方法(其他诸如 sessionStorage、cookie 等用法相同,只是功能有所区别)。  一、实现效果 实现功能:用户登录成功后,刷新浏览器页面或者关闭浏览器再次打开网页后,登录状态依然保持,直到用户点击登出。 二、实现步骤及涉及要点 1. 首

elementui

如何修改Element-UI的默认样式?

龙运凯ᵀ¹⁸⁶¹⁰⁶⁶⁸⁷⁸⁸ 龙运凯ᵀ¹⁸⁶¹⁰⁶⁶⁸⁷⁸⁸ 发表于2024-05-21 浏览10064 评论0
学习过程中在使用Element-UI组件库时,想要修改其默认样式,学习到了几种方法,在这里分享给大家!   首先要知道使用该组件库后,可以在检察工具中查看到class的,这是组件库给我们加上去的,不是我们自己写的,我们就可以利用组件库添加的class来修改样式。 比如下面第一张图是我添加的一个组件库,第二张图红框中就是组件库自己添加的标签。我们可以利用红框中的标签的class来修改样式。  大多数小伙伴在使用vue时,肯定在style标签上加了scoped属性,这个属性是为了

elementui

百款拿来就能用的网页特效,不来看看吗?(网页常见特效)

wangshenghua wangshenghua 发表于2024-05-21 浏览24045 评论0
写在前面: 我特别喜欢收集前端好看的特效代码,前端好用的网站。今天给大家分享出来,如果觉得有帮助可以点赞收藏支持一下,如果能关注一下就再好不过了ヾ(≧▽≦*)o,之后还会分享许多干货,话不多说,上动图: 目录 🍓1.动态菜单 🍇2.会动的龙卷风 🍒3.围绕太阳转圈圈 🍊4.更多动态特效 非新手可以跳过 考虑到看此文章的小伙伴有一些是新手。 先来一个简介: 前端是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScrip

spring boot

【项目实战】课程管理系统(SpringBoot+mybatis-plus+Vue)

longhuahim longhuahim 发表于2024-05-21 浏览6724 评论0
文章目录 前言 一、技术点 二、环境介绍 三、设计目标 四、数据库设计  五、功能设计与展示 1.首页 2.教师管理 ①教师列表 ②添加教师 3.课程管理 ①课程目录 ②课程分类 ③课程列表 4.视频管理 ①小节列表  ②查看视频 六、项目总结 1.总结 2.做项目时遇到的问题 ①视频播放出错 ②级联选择问题 七、心得体会 前言 javaee课程需要制作一个后台管理系统,然后就自己动手写了个课程管理系统,在此之前还写过一个电脑商城项目,

elementui

Element UI 的 table 单元格合并(element ui table合并表格)

애타게샤오닝 애타게샤오닝 发表于2024-05-20 浏览7974 评论0
项目中遇到表格单元格合并的需求,在此记录整个解决过程。 项目使用的是 Element UI,表格使用的是 table 组件。Element UI 的 table 表格组件中对单元格进行合并,需要使用 table 组件的 span-method 属性。 先看一张成果图(完整代码放在末尾): 解决思路: 1、格式化后台返回的数据(根据实际数据格式处理) 项目后台返回的数据格式为树形结构,这里做简化展示: [ { 'column1': '111', 'col

elementui

【ElementUI样式优化】el-input带自定义查询删除图标 ==> 图标点击可实现对应功能 ==> 一个input实现查询重置功能

adgdaggd adgdaggd 发表于2024-05-20 浏览5218 评论0
未来日子还长,请保持好心情。  效果概览:修改el-input样式。外层是框框,内层是input和i,实现点击查询图标查询、点击取消按钮清空form的同时 重置查询结果。从而实现不带查询按钮,单一input实现查询重置功能   目录 一、给el-input添加自定义图标  二、图标实现点击操作 1. 样式修改  2. 取消按钮的显示与隐藏 一、给el-input添加自定义图标 基础elementUI 添加clearable之后可以实现【可删除的

django

vue3+django+elementplus 前后端分离项目开发实例(上):后端开发

觉着 觉着 发表于2024-05-20 浏览6224 评论0
声明一下,此次开发使用的是macOS系统,以下所有操作实例都是在macOS中进行 一、后端开发 (1)使用了python比较著名的一个web开发框架-Django框架,在接口设计中使用了Django下的restframework框架 需要安装的模块: 第一步:我的电脑装的是pyton3以及pip3,所在在终端安装django使用如下命令 pip3 install django 第二步:pip3 install djangorestframework. //序列化使用,为了将对象转化为json数据

elementui

一、el-table表头竖向展示

Nick Nick 发表于2024-05-20 浏览5561 评论0
最近有一个需求是给测试人员,开发测试报告。下面截取出部分需求 1 项目背景: 1.1 表头是竖向展示  1.2 数据格式: detailsData:  {         "overview": {         "project_detail": {                 "project_name": "二手车",                 "project_client": "",                 "project_end_at":