草庐IT

element-plus

全部标签

Vue + Element UI 前端篇(六):更换皮肤主题

自定义主题命令行主题工具1.安装主题工具首先安装「主题生成工具」,可以全局安装或者安装在当前项目下,推荐安装在项目里,方便别人clone项目时能直接安装依赖并启动。yarnaddelement-theme--dev2.安装chalk主题安装白垩主题,可以从npm安装或者从GitHub拉取最新代码,这里从npm安装。yarnaddelement-theme-chalk-D3.初始化变量文件 主题生成工具安装成功后,如果全局安装可以在命令行里通过 et 调用工具,如果安装在当前目录下,需要通过 node_modules/.bin/et 访问到命令。执行 -i 初始化变量文件。默认输出到 eleme

Element ui form表单上传图片以及图片回显后提交表单validate校验失败

Elementui表单上传图片以及图片回显后提交表单validate校验失败问题1.页面加载时,由于接口响应参数赋值给初始化form表单的值时,造成初始化的imageCode值丢失。下面展示一些内联代码片。//Acodeblock//Anhighlightedblockdata:{return:{form:{name:'',code:'',imageCode:''},rulseFirst:{name:[{required:true,message:"请输入名称",trigger:"blur"}],imageCode:[{required:true,message:"请上传图片",trigger

springboot集成mybatis-plus

文章目录一、配置1、maven依赖2、配置文件application.yaml二、创建过程1.创建数据库与java实体类2.mapper或dao层3.mapper.xml文件4.service层5.controller层三、设置时间自动填充1.实体类日期类型设置2.自定义元对象处理器四、分页查询1.配置类中创建bean2.调用分页查询的方法五、多对一映射、一对多映射1.数据库表设计2.多对一映射:association3.一对多映射:collection六、代码生成器1.maven依赖2.代码编写环境:jdk1.8springboot:2.5.14一、配置1、maven依赖dependenci

android - 如何删除此警告 - "Element SwitchPreferenceCompat is not allowed here"?

在res/xml/文件名pref_visualizer.xml中的Android项目SwitchPreferenceCompat文本突出显示并表示此处不允许。如何修复此警告。该应用程序运行没有任何问题。但我仍然想知道如何解决这个问题。 最佳答案 尝试在首选项XML文件(本例中为pref_visualizer.xml)的根标记中将PreferenceScreen替换为android.support.v7.preference.PreferenceScreen。 关于android-如何删除

element-ui日期选择器时间差

关于使用element-ui日期选择器时,发现时间差问题,特此记录下#主要记录三个问题日期选择器选择时获取到的格式相差八小时当日期格式为–拼接时,转成时间戳会相差八小时(2023-03-09)DatePicker设置区域范围和校验(暂无,明天加上)日期选择器时间差由于element-ui日期选择器用的时间为世界标准时间,我们国家的标准时间为东八区,所以会有8小时时间差的问题。解决方案:设置DatePickervalue-format=“yyyy-MM-dd”东八区(UTC/GMT+08:00)是比世界协调时间(UTC)/格林尼治时间(GMT)快8小时的时区,理论上的位置是位于东经112.5度至

SQL plus简单使用

查看Oracle数据库全部数据库数据库名称SELECTnameFROMv$database;这将返回所有数据库的名称。视图通过SQL查询dba_registry视图:另一个查看数据库的方法是查询dba_registry视图,该视图包含了数据库中安装的所有组件的信息。以下是示例SQL查询:SELECTcomp_nameFROMdba_registry;连接到特定的数据库使用连接字符串:在SQL*Plus命令行中,您可以使用连接字符串来指定要连接的数据库。连接字符串包括用户名、密码和TNS(TransparentNetworkSubstrate)服务名称或连接描述符。以下是连接到数据库的示例命令:

Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)

1、需求使用Vue+ElementUI实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。2、实现1)列表页index.vue方法部分:用id来区分,正常新增id为0,复制id不为0methods:{ //复制 toCopyNew(item){ const{url}=this.$getKey('这是是业务权限值,不需要这里可以不写') this.$router.push(`/${url}-New/${item.Id}`) },}2)新增页New.vuedata(){return{id:this.$route.params.id,

vue-element-adminn实现权限管理(后端只控制权限roles)

用户应该分为三类:​1、普通用户(user):只允许登录前台小程序端并进行基本的操作、不能进行后台管理系统的任何操作。​2、店铺管理员(admin):允许管理店铺的栏目CRUD操作、商品CRUD操作、评论的查看与删除、查看店铺的销售情况等。​3、超级管理员(super):允许进行店铺管理和用户管理等操作、能查看系统的用户数和店铺数等基本统计。具体实现创建vue实例的时候将vue-router挂载,但这个时候vue-router挂载一些登录或者不用权限的公用的页面。当用户登录后,获取用户roles,将roles和路由表每个页面的需要的权限作比较,生成最终用户可访问的路由表。调用router.ad

基于SpringBoot+Mybatis plus+React.js实现条件选择切换搜索功能

笔记/朱季谦在写React前端逻辑时,经常遇到可以切换不同条件的列表查询功能,例如下边截图这样的,其实,这块代码基本都一个逻辑,可以一次性将实现过程记录下来,待以后再遇到时,直接根据笔记复用即可。一、首先,是前端React页面代码,这类搜索框,一般都是放在Form表单当中,然后使用有前缀下拉框选项的Input组件,这类模式的组件是在Input组件当中实现一个addonBefore属性即可,如下代码:render(){let{getFieldDecorator}=this.props.form;return({getFieldDecorator('searchUser',{initialValu

Vue系列第七篇:Element UI之el-main,el-table,el-dialog,el-pagination,el-breadcrumb等控件使用

本篇实现主页面功能,包括主页面排版布局,学生管理模块实现,后台接口实现等功能。目录1.运行效果1.1登录页面1.2主页面 1.3学生管理-信息列表1.4学生管理-信息管理 1.5学生管理-作业列表1.6学生管理- 作业管理2.前端代码2.1代码结构 2.2代码实现3.后端代码3.1代码结构3.2代码实现4.其他4.1vscode快速编写正则表达式1.运行效果1.1登录页面1.2主页面 1.3学生管理-信息列表  1.4学生管理-信息管理 1.5学生管理-作业列表1.6学生管理- 作业管理2.前端代码2.1代码结构 2.2代码实现src/api/api.js//业务服务调用接口封装imports