javaweb_jsp elements javaweb jsp
Element select表单必填验证
特别注意：如第一段代码这里的区别是prop和v-model绑定的值不一样，这样的话是不行的，他们两个的值必须一样！！！！！而且还有一种情况，就是roleStatus必须要放在form里面，而且还必须是一个数组！！！！ ![](https://img2023.cnblogs.com/blog/1119 ......
element-ui表格多选
<template> <el-table size="medium" v-loading="tableLoading" :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" stripe height="100% ......
Element-布局
Layout布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-row { margin-bottom: 20px; } .el-col { border ......
Element-快速入门
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div> <el-button>默认按钮</el-button> <e ......
Jsp
为什么使用jsp Jsp定义：动态的网页技术 Java server pages（）java服务器端页面技术 Jsp的缘由：可以实现交互功能（客户端和服务器端产生请求和响应）;可以实现HTML静态页面无法实现的动态更新数据功能 面试题：bs和cs的区别 B/S browser server 浏览器 ......
element-ui弹出框模板
<el-dialog width="650px" append-to-body :show-close="false" :modal="false" :visible.sync="dialogRegisterVisible"> <el-form v-show="!isLogin" ref="regi ......
element-ui表格模板
<template> <div class="container"> <div class="breadcrumb"> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item>个人中心</el-breadcr ......
vue+element-ui 实现可编辑表格、动态渲染表头和表格数据、列向数据合计（每行末尾合计功能）
HTML部分代码 <template> <div> <el-container> <el-header>Header</el-header> <el-main> <div> // 表格数据在这里： :data="tableData" <el-table border :data="tableData ......
vue element admin 环境搭建
# 安装node.js及npm 参考官网 ``` node -v npm -v ``` # 项目下载 ``` # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 安装依赖 npm install #设置淘宝仓库 ......
Element
Cascader 选择任意一级选项 点options选项 自动关闭弹窗 ``` let that = this; await this.$nextTick(); document .querySelectorAll(".el-cascader-panel .el-radio__input") .fo ......
Element ui plus --- el-select 下拉框下拉选项过多导致页面卡顿处理方法
业务场景： 多个页面调用同一个接口 作为下拉框的选项数据，接口返回上千条 导致页面异常卡顿 解决办法： 使用Select V2 虚拟列表选择器 代码示例： <el-form-item label="场所名称"> <el-select-v2 class="row-inp" v-model="query ......
element ui 里面的表格 导出word形式 直接下载到本地
干吧家人们 可以根据后端返回的接口里面的地址直接把他下载下来 可以使用 let link = document.createElement('a'); let objectUrl = res.data.path； //重要重要的是这个 这个是后端返回回来的地址 link.setAttribute(" ......
element-ui 日期时间选择框picker-options如何禁用时间范围( 多个时间范围判断 )
1. element-ui 算是我们在开发中用到最多的pc端 ui框架，今天公司正好有一个需要用到 date-picker 的日期插件 2. 需求是这样的： 共有三个时间选择器，后一个时间选择器要结合前面一个时间的范围值，去做时间判断，禁用前面所选时间，保证不可有重复时间 结果是这样子：（根据前者的 ......
element新增自定义rules验证
data中添加属性 //电话验证 const validatePass = (rule, value, callback) => { let valueStr = value+'' if (valueStr.length != 11 || !valueStr.startsWith('1')) { c ......
Element-plus的徽章组件el-badge
Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种 ......
element-plus vue3 dialog form 清空 重置 resetFields
参考：https://blog.csdn.net/zhengjf123/article/details/127293374 参考：https://blog.csdn.net/Start2019/article/details/100091495 ......
Vue3+Element-Plus安装及模拟增删改查
软件安装：nodejs16 https://nodejs.org/download/release/v16.20.0/ 将npm设置为淘宝镜像： npm config set registry https://registry.npm.taobao.org 创建vue3项目： npm init vu ......
JSP-脚本-案例
<%@ page import="com.itheima.pojo.Brand" %> <%@ page import="java.util.ArrayList" %> <%@ page import="java.util.List" %> <%-- Created by IntelliJ IDEA ......
Element Table 根据列的label class 自动计算合计
定义 table 求和方法 ```javascript export function getSummariesByTableColumn(param, opt) { opt.sumText ??= '合计' opt.getColProperty ??= rawProp => rawProp con ......
JSP
# JSP ## 什么是JSP？ Java Server pages：java服务器端页面，和Servlet一样，用于动态web技术 最大的特点： - 写jsp就像在写HTML - 区别： - HTML只能提供静态数据， - JSP页面可以嵌入java代码，为用户提供动态数据 ## JSP原理 浏览 ......
appium报错AttributeError: 'WebDriver' object has no attribute 'find_element_by_id'解决方法
解决方法： from appium.webdriver.common.appiumby import AppiumBy # 导入AppiumBy search = driver.find_element(AppiumBy.ID,"com.android.settings:id/search") # ......
Element-UI的 InfiniteScroll 无限滚动 组件 基本使用
# 应用场景 有的时候我们表格不想要使用分页的功能，想滑动到底部加载更多的数据；有时后端返回的数据很多要前端在一页展示，但是使用了element-ui的table组件后会发生页面卡顿的情况（`因为element-ui的table组件将所有的dom元素都渲染在页面上了`） # 代码 ```vue {{ ......
[LeetCode] 1493. Longest Subarray of 1's After Deleting One Element
Given a binary array nums, you should delete one element from it. Return the size of the longest non-empty subarray containing only 1's in the resulti ......
vue2+element-ui国际化实战不刷新页面
# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......
图书商城Vue+Element+Node项目练习(...)
本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......
使用element-plus的el-pagination分页组件的时候怎么换中文？
element里面的分页是英文版的，但是项目需求是要中文的，可以用el-config-provider（切换系统语言）全局的配置选项，有locale属性，用来切换语言包 做法如下： 在main.js引入对应的包，代码如下： 1 import 'normalize.css/normalize.css' ......
在element-ui视频上传使用canvas截取视频帧数，并且转为视频封面。
<el-upload :http-request="getFile"//自定义上传 action :on-change="handleFileChange"//监听文件上传 ref="upload" accept="video/*"//定义格式为视频 > <el-button icon="el-ic ......