- vue element 封装表单
影子信息
vuevue.jsjavascript前端
背景:在前端系统开发中,系统页面涉及到的表单组件比较多,所以进行了简单的封装。封装的包括一些Form表单组件,如下:input输入框、select下拉框、等实现效果:理论知识:表单组件官方链接:点击跳转封装组件:封装组件的思路:不封装element组件,每一个input组件绑定一个form对象,例如官网。简单封装element组件,利用for循环生成form表单的每一项el-form-item。进
- Gray Code 格雷码
YouQian772
数学递归训练赛算法
题目描述AGraycodeisalistofall2^nbitstringsoflengthn,whereanytwosuccessivestringsdifferinexactlyonebit(i.e.,theirHammingdistanceisone).YourtaskistocreateaGraycodeforagivenlengthn.输入Theonlyinputlinehasanint
- (AC)Playlist
题目描述Youaregivenaplaylistofaradiostationsinceitsestablishment.Theplaylisthasatotalofnsongs.Whatisthelongestsequenceofsuccessivesongswhereeachsongisunique?输入Thefirstinputlinecontainsanintegern(1≤n≤2*105
- Unity 程序运行一段时间后Game界面出现黑屏的一种情况
zhannghong2003
Unityunity游戏引擎
经过排查,发现是Camera(相机)的Z轴一直变大导致的黑屏。造成这种情况的原因是代码:VMouseTransform.position=Camera.main.ScreenToWorldPoint(Input.mousePosition);Camera(相机)设置成为跟随VMouseTransform。所以会出现Z轴逐渐变大的情况,最后导致黑屏。改代码为:Vector2vMouseNeed=Ca
- 【antdv4.0FormItem更新tooltip属性引发的思考】
北京时间2023-10-19,ant-design-vue最近发布了4.0.4-4.0.6的小版本更新,其中4.0.4新增了对Form组件中FormItem的tooltip属性支持,这个功能我觉得在后台管理场景下还是非常实用的,tooltip属性作用于FormItem中的FormItemLabel区域,用来配置提示信息,当用户不确定该行的用处或者不知道填什么内容时,可以作为input里placeh
- 2024-02-25 Unity 编辑器开发之编辑器拓展6 —— Event
蔗理苦
Unity学习unity编辑器游戏引擎c#
文章目录1Event介绍2重要API3代码示例1Event介绍Event提供许多属性和方法,允许检查和处理用户输入,主要用于Unity编辑器拓展开发。Input相关内容需要在运行时才能监听输入,而Event专门提供给编辑模式下使用,可以帮助检测鼠标键盘输入等事件相关操作,在OnGUI和OnSceneView中都能使用。2重要APIAPI说明Event.current获取当前事件。Event.cur
- 使用ffmpeg转码h265后mac默认播放器不支持问题
Auspemak-Derafru
macosffmpeg
由于mac自带录屏是mov并且文件特别大,我使用ffmpeg转码视频为h265使用如下命令ffmpeg_command=[ffmpeg_path,"-i",input_path,"-c:v","libx265","-preset","veryslow","-map_metadata","0",#保留元数据output_path]点开转码完的文件后,出现如下报错。continue进入后,发现音频正常
- 【vivado使用】第7篇:vivado implementation执行时候报错:Unsupported PLLE2_ADV connectivity.......
黑猫学长呀
黑猫的FPGA知识合集fpga芯片fpga开发ic嵌入式硬件
执行时候出错,[DRCREQP-1712]Inputclockdriver:UnsupportedPLLE2_ADVconnectivity.Thesignalu_clk_wiz_0/inst/clk_in1ontheu_clk_wiz_0/inst/plle2_adv_inst/CLKIN1pinofu_clk_wiz_0/inst/plle2_adv_instwithCOMPENSATIONm
- hideSoftInputFromWindow方法失效问题解决
西门小贼
问题:在处理一个事件之后显示一个EditView,此EditView获取焦点并显示软键盘,onStop中调用hideSoftInputFromWindow,软键盘不能自动收起。EditView获取焦点mSearchInput.setFocusable(true);mSearchInput.setFocusableInTouchMode(true);mSearchInput.requestFocus
- 粤嵌6818开发板触摸屏应用
搁浅小泽
单片机mcu物联网iot
一、触摸屏应用1.触摸屏设备的名字在Linux下,一切皆文件,触摸屏也是一个文件。触摸屏设备的名字:/dev/input/event02.触摸屏的两个专业术语(1)事件->event0当一些外接控制设备(鼠标、键盘,wifi,触摸屏,按键)接入到嵌入式平台(GEC6818)时,这些外接设备的状态发生了改变(鼠标的左键被按下了,键盘的R键被按下,有人连接上wifi了,触摸屏被滑动了一下,按键被按下了
- 嵌入式 - GPIO的输入输出
夜流冰
嵌入式笔记
GPIO输出模式下可以仍然具有输入功能,但输入模式下只能是输入芯片的GPIO的工作模式,可以设置为输入或输出,一般只设置一种,要么输入要么输出。在输出模式下,输出电路工作,根据OutputRegister的数值,驱动端子输出高低电平。但这个时候,并不是说输入电路的inputpath就是不可用的。也就是说,仍然可以读取InputRegister的值,获得端子的实际电平。在输入模式下,输出电路就需要关
- Same Tree
小明今晚加班
题目描述Giventwobinarytrees,writeafunctiontocheckiftheyarethesameornot.Twobinarytreesareconsideredthesameiftheyarestructurallyidenticalandthenodeshavethesamevalue.Example1:Input:11/\/\2323[1,2,3],[1,2,3]O
- PushGateway+Prometheus+Grafana构建Flink实时监控
站在最高处呐喊的男人!
flinkflink大数据pushgatewayprometheusgrafana
#组件简介flinkAPP和linuxsystem两部分,是我们要收集指标数据的组件Pushgateway:是一个推送收集和推送数据的组件Node_exporter:数据导出组件Prometheus:系统监控和预警框架Grafana:可视化展示平台#环境搭建注意,如果浏览器访问不到,iptables-IINPUT-ptcp--dport9090-jACCEPT1.0.flink下载安装包https
- Missing Coin Sum 硬币可以组成的连续面额上限
YouQian772
贪心算法
题目描述Youhavencoinswithpositiveintegervalues.Whatisthesmallestsumyoucannotcreateusingasubsetofthecoins?输入Thefirstinputlinehasanintegern(1≤n≤2*105):thenumberofcoins.Thesecondlinehasnintegersx1,x2,...,xn(
- HTML(源码+lw+部署文档+讲解等)
青蛙java
#Java精选毕设#微信小程序毕设htmlvue.jsjavaspringbootuni-app
文章目录前言HTML概念结构Body中的重要标签hr:横线标签br:换行符hn:标题标签divp:段落标签a:超链接标签img:图片标签input:输入框:表单元素select:下拉选:表单元素textarea:多文本:表单元素table:表格ol,ul有序和无序列表form表单源码获取前言博主介绍:✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金
- SpringBoot Stream实战指南
Stream的概念Stream(流)是计算机科学中用于处理数据序列的抽象概念,通常指按顺序读取或写入的数据集合。它可以是文件、网络连接、内存缓冲区等数据源的抽象表示,允许逐块处理数据而无需一次性加载全部内容。Stream的类型输入流(InputStream)从数据源(如文件、网络)读取数据,例如FileInputStream用于读取文件内容。输出流(OutputStream)向目标(如文件、控制台
- 盘点一个Python网络爬虫问题
皮皮_f075
大家好,我是皮皮。一、前言前几天在Python最强王者群【刘桓鸣】问了一个Python网络爬虫的问题,这里拿出来给大家分享下。image.png他自己的代码如下:importrequestskey=input("请输入关键字")res=requests.post(url="https://jf.10086.cn/cmcc-web-shop/search/query",data={"sortColu
- python实现如何压缩图片
GhostintheCode
python
以下是一个使用Python实现图片等比例压缩的脚本,它可以保持图片的原始比例,同时将图片缩小到指定的最大宽度或高度。fromPILimportImageimportosdefresize_image(input_path,output_path,max_size):"""等比例压缩图片参数:input_path(str):输入图片路径output_path(str):输出图片路径max_size(
- HTML页面实现弹出框输入支付密码
例行我志
java
前端代码,样式,js#dialog-forminput{display:block;}input.text{margin-bottom:12px;width:95%;padding:.4em;}fieldset{padding:0;border:0;margin-top:25px;}h1{font-size:1.2em;margin:.6em0;}$(function(){vardialog,fo
- 数据结构-顺序表
EggrollOrz
数据结构
1.heah.h#ifndefHEAD_H_#defineHEAD_H_#include#include#include#definemaxsize10enumA{SUCCESS,FLASE=-1};typedefinttype;typedefstruct{typearr[maxsize];typelen;}SQlist;SQlist*create();intinput(SQlist*list,t
- vue2中实现双向绑定的三种方法
星语卿
前端开发语言
在Vue.js中,v-model是实现双向绑定的核心指令,而.sync是用于父子组件之间双向绑定的修饰符。如果需要在自定义组件中实现双向绑定,可以通过以下几种方式来实现:1.使用v-model实现双向绑定v-model默认会绑定一个名为value的prop和一个名为input的事件。在自定义组件中,可以通过以下方式实现v-model的双向绑定:父组件ParentValue:{{parentValu
- Embassy实战:Rust嵌入式异步开发指南
KENYCHEN奉孝
机器学习AIRustrust开发语言后端嵌入式硬件
嵌入式异步框架Embassy实例以下是关于嵌入式异步框架Embassy的实用示例,涵盖常见外设操作、多任务协作和硬件交互场景。示例基于STM32和RaspberryPiPico等平台,使用Rust语言编写。GPIO控制useembassy_stm32::gpio::{Input,Output,Pull,Speed};useembassy_stm32::peripherals::PA5;//配置GP
- Python基础学习第二天:输入、数据类型转换、运算符
人从众——牛马
学习python
一、输入1、输入的语法input("提示信息")2、输入的特点当程序执行到input,等待用户输入,输入完成之后才继续向下执行。在Python中,input接收用户输入后,一般存储到变量,方便使用。在Python中,input会把接收到的任意用户输入的数据都当做字符串处理。passWord=input('请输⼊您的密码:')print(f'您输⼊的密码是{passWord}')print(type
- Java 内存操作流深度解析
tsxchen
I/O文件流java算法开发语言
内存操作流是JavaI/O中处理内存数据的核心工具,它允许直接在内存中读写数据,避免了磁盘I/O的开销。这类流特别适合处理临时数据、数据转换和内存缓存等场景。一、内存操作流体系概览内存操作流主要分为两类:字节内存流:处理原始字节数据字符内存流:处理文本数据二、字节内存操作流详解1.ByteArrayInputStream在内存中读取字节数组的输入流核心特性:数据源:字节数组(byte[])支持标记
- 45. leetcode 504. Base 7
504.Base7Givenaninteger,returnitsbase7stringrepresentation.Example1:Input:100Output:"202"Example2:Input:-7Output:"-10"Note:Theinputwillbeinrangeof[-1e7,1e7].思路:辗转相除法。转载于:https://www.cnblogs.com/vincen
- 截图python ffmpeg
SoLucky2017
pythonffmpeg
importosimportffmpegimportshleximportsubprocessimporttime#每隔一秒提取一张图片#ffmpeg-ixxx.mp4-r1yyy_%04d.jpg-ystr='ffmpeg-i{}-r1{}'input_dir='D:\\360Downloads\\ffmpeg-4.3.1-win64-shared\\test\\test3\\in'output
- ffmpeg-python 实战教程:从视频处理到流媒体应用
洪赫逊
ffmpeg-python实战教程:从视频处理到流媒体应用ffmpeg-python是一个基于FFmpeg的Python绑定库,它提供了简洁的API来处理音视频文件。本文将介绍该库的几种典型应用场景,帮助开发者快速掌握音视频处理的核心技术。基础视频信息获取使用ffprobe可以轻松获取视频文件的元数据信息,这是视频处理的第一步:probe=ffmpeg.probe('input.mp4')vide
- js中如何判断input框输入是否是纯数字
月中眠_d56d
一个input框可能输入任何类型,那如何校验是输入的纯数字呢?if(isNaN("获取的value")){this.$message({type:'error',message:'请输入纯数字!'})return}
- java sftp工具类_基于JSch的Sftp工具类
邵典
javasftp工具类
1importjava.io.File;2importjava.io.InputStream;3importjava.util.ArrayList;4importjava.util.List;5importjava.util.Properties;6importjava.util.Vector;7importorg.apache.log4j.Logger;8importcom.jcraft.jsc
- 前端基础知识Vue系列 - 19(Vue常用的修饰符)
一、修饰符是什么在程序世界里,修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种:表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符二、修饰符的作用表单修饰符在我们填写表单的时候用得最多的是input标签,指令用得最多的是v-mode
- apache ftpserver-CentOS config
gengzg
apache
<server xmlns="http://mina.apache.org/ftpserver/spring/v1"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://mina.apache.o
- 优化MySQL数据库性能的八种方法
AILIKES
sqlmysql
1、选取最适用的字段属性 MySQL可以很好的支持大数据量的存取,但是一般说来,数据库中的表越小,在它上面执行的查询也就会越快。因此,在创建表的时候,为了获得更好的 性能,我们可以将表中字段的宽度设得尽可能小。例如,在定义邮政编码这个字段时,如果将其设置为CHAR(255),显然给数据库增加了不必要的空间,甚至使用VARCHAR这种类型也是多余的,因为CHAR(6)就可以很
- JeeSite 企业信息化快速开发平台
Kai_Ge
JeeSite
JeeSite 企业信息化快速开发平台
平台简介
JeeSite是基于多个优秀的开源项目,高度整合封装而成的高效,高性能,强安全性的开源Java EE快速开发平台。
JeeSite本身是以Spring Framework为核心容器,Spring MVC为模型视图控制器,MyBatis为数据访问层, Apache Shiro为权限授权层,Ehcahe对常用数据进行缓存,Activit为工作流
- 通过Spring Mail Api发送邮件
120153216
邮件main
原文地址:http://www.open-open.com/lib/view/open1346857871615.html
使用Java Mail API来发送邮件也很容易实现,但是最近公司一个同事封装的邮件API实在让我无法接受,于是便打算改用Spring Mail API来发送邮件,顺便记录下这篇文章。 【Spring Mail API】
Spring Mail API都在org.spri
- Pysvn 程序员使用指南
2002wmj
SVN
源文件:http://ju.outofmemory.cn/entry/35762
这是一篇关于pysvn模块的指南.
完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html.
pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个.
该
- 在SQLSERVER中查找被阻塞和正在被阻塞的SQL
357029540
SQL Server
SELECT R.session_id AS BlockedSessionID ,
S.session_id AS BlockingSessionID ,
Q1.text AS Block
- Intent 常用的用法备忘
7454103
.netandroidGoogleBlogF#
Intent
应该算是Android中特有的东西。你可以在Intent中指定程序 要执行的动作(比如:view,edit,dial),以及程序执行到该动作时所需要的资料 。都指定好后,只要调用startActivity(),Android系统 会自动寻找最符合你指定要求的应用 程序,并执行该程序。
下面列出几种Intent 的用法
显示网页:
- Spring定时器时间配置
adminjun
spring时间配置定时器
红圈中的值由6个数字组成,中间用空格分隔。第一个数字表示定时任务执行时间的秒,第二个数字表示分钟,第三个数字表示小时,后面三个数字表示日,月,年,< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" />
测试的时候,由于是每天定时执行,所以后面三个数
- POJ 2421 Constructing Roads 最小生成树
aijuans
最小生成树
来源:http://poj.org/problem?id=2421
题意:还是给你n个点,然后求最小生成树。特殊之处在于有一些点之间已经连上了边。
思路:对于已经有边的点,特殊标记一下,加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在,又保证了所求的结果正确。
代码:
#include <iostream>
#include <cstdio>
- 重构笔记——提取方法(Extract Method)
ayaoxinchao
java重构提炼函数局部变量提取方法
提取方法(Extract Method)是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候,这时候就可以用提取方法这种重构手法。
下面是我学习这个重构手法的笔记:
提取方法看起来好像仅仅是将被提取方法中的一段代码,放到目标方法中。其实,当方法足够复杂的时候,提取方法也会变得复杂。当然,如果提取方法这种重构手法无法进行时,就可能需要选择其他
- 为UILabel添加点击事件
bewithme
UILabel
默认情况下UILabel是不支持点击事件的,网上查了查居然没有一个是完整的答案,现在我提供一个完整的代码。
UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]
- NoSQL数据库之Redis数据库管理(PHP-REDIS实例)
bijian1013
redis数据库NoSQL
一.redis.php
<?php
//实例化
$redis = new Redis();
//连接服务器
$redis->connect("localhost");
//授权
$redis->auth("lamplijie");
//相关操
- SecureCRT使用备注
bingyingao
secureCRT每页行数
SecureCRT日志和卷屏行数设置
一、使用securecrt时,设置自动日志记录功能。
1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径),命名为Logs;
2、点击Options -> Global Options -> Default Session -> Edite Default Sett
- 【Scala九】Scala核心三:泛型
bit1129
scala
泛型类
package spark.examples.scala.generics
class GenericClass[K, V](val k: K, val v: V) {
def print() {
println(k + "," + v)
}
}
object GenericClass {
def main(args: Arr
- 素数与音乐
bookjovi
素数数学haskell
由于一直在看haskell,不可避免的接触到了很多数学知识,其中数论最多,如素数,斐波那契数列等,很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。
闲暇之余,从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l
- Java-Collections Framework学习与总结-IdentityHashMap
BrokenDreams
Collections
这篇总结一下java.util.IdentityHashMap。从类名上可以猜到,这个类本质应该还是一个散列表,只是前面有Identity修饰,是一种特殊的HashMap。
简单的说,IdentityHashMap和HashM
- 读《研磨设计模式》-代码笔记-享元模式-Flyweight
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.Collection;
import java.util.HashMap;
import java.util.List;
import java
- PS人像润饰&调色教程集锦
cherishLC
PS
1、仿制图章沿轮廓润饰——柔化图像,凸显轮廓
http://www.howzhi.com/course/retouching/
新建一个透明图层,使用仿制图章不断Alt+鼠标左键选点,设置透明度为21%,大小为修饰区域的1/3左右(比如胳膊宽度的1/3),再沿纹理方向(比如胳膊方向)进行修饰。
所有修饰完成后,对该润饰图层添加噪声,噪声大小应该和
- 更新多个字段的UPDATE语句
crabdave
update
更新多个字段的UPDATE语句
update tableA a
set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
- hive实例讲解实现in和not in子句
daizj
hivenot inin
本文转自:http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html
当前hive不支持 in或not in 中包含查询子句的语法,所以只能通过left join实现。
假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户,字段只有一个uid),这两个表都包含
- 一道24点的10+种非人类解法(2,3,10,10)
dsjt
算法
这是人类算24点的方法?!!!
事件缘由:今天晚上突然看到一条24点状态,当时惊为天人,这NM叫人啊?以下是那条状态
朱明西 : 24点,算2 3 10 10,我LX炮狗等面对四张牌痛不欲生,结果跑跑同学扫了一眼说,算出来了,2的10次方减10的3次方。。我草这是人类的算24点啊。。
然后么。。。我就在深夜很得瑟的问室友求室友算
刚出完题,文哥的暴走之旅开始了
5秒后
- 关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题
dcj3sjt126com
yiiframework
在使用 YIi的路径管理工具时,发现了一个问题。 <?php  
- 对象与关系之间的矛盾:“阻抗失配”效应[转]
come_for_dream
对象
概述
“阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库(RDBMS)存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年,而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。
“阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括:类的层次关系必须绑定为关系模式(将对象
- 学习编程那点事
gcq511120594
编程互联网
一年前的夏天,我还在纠结要不要改行,要不要去学php?能学到真本事吗?改行能成功吗?太多的问题,我终于不顾一切,下定决心,辞去了工作,来到传说中的帝都。老师给的乘车方式还算有效,很顺利的就到了学校,赶巧了,正好学校搬到了新校区。先安顿了下来,过了个轻松的周末,第一次到帝都,逛逛吧!
接下来的周一,是我噩梦的开始,学习内容对我这个零基础的人来说,除了勉强完成老师布置的作业外,我已经没有时间和精力去
- Reverse Linked List II
hcx2013
list
Reverse a linked list from position m to n. Do it in-place and in one-pass.
For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4,
return 
- Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- Hadoop集群工具distcp
liyonghui160com
1. 环境描述
两个集群:rock 和 stone
rock无kerberos权限认证,stone有要求认证。
1. 从rock复制到stone,采用hdfs
Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端,即源端问题:报版本
- 一个备份MySQL数据库的简单Shell脚本
pda158
mysql脚本
主脚本(用于备份mysql数据库): 该Shell脚本可以自动备份
数据库。只要复制粘贴本脚本到文本编辑器中,输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。
1. 分别建立目录“backup”和“oldbackup” #mkdir /backup #mkdir /oldbackup
- 300个涵盖IT各方面的免费资源(中)——设计与编码篇
shoothao
IT资源图标库图片库色彩板字体
A. 免费的设计资源
Freebbble:来自于Dribbble的免费的高质量作品。
Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。
Graphic Burger:每个像素点都做得很细的绝佳的设计资源。
Pixel Buddha:免费和优质资源的专业社区。
Premium Pixels:为那些有创意的人提供免费的素材。
- thrift总结 - 跨语言服务开发
uule
thrift
官网
官网JAVA例子
thrift入门介绍
IBM-Apache Thrift - 可伸缩的跨语言服务开发框架
Thrift入门及Java实例演示
thrift的使用介绍
RPC
POM:
<dependency>
<groupId>org.apache.thrift</groupId>