- Selenium 特殊控件操作与 ActionChains 实践详解
小馋喵知识杂货铺
selenium测试工具
1.下拉框单选操作(a)使用SeleniumSelect类(标准HTML标签)Selenium提供了内置的Select类用于操作标准下拉框,这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
- vue element 封装表单
影子信息
vuevue.jsjavascript前端
背景:在前端系统开发中,系统页面涉及到的表单组件比较多,所以进行了简单的封装。封装的包括一些Form表单组件,如下:input输入框、select下拉框、等实现效果:理论知识:表单组件官方链接:点击跳转封装组件:封装组件的思路:不封装element组件,每一个input组件绑定一个form对象,例如官网。简单封装element组件,利用for循环生成form表单的每一项el-form-item。进
- Java:数据结构-ArrayList和顺序表(2)
blammmp
java数据结构开发语言
一ArrayList的使用1.ArrayList的构造方法第一种(指定容量的构造方法)创建一个空的ArrayList,指定容量为initialCapacity。publicArrayList(intinitialCapacity){if(initialCapacity>0){this.elementData=newObject[initialCapacity];}elseif(initialCap
- vue项目
阿什么名字不会重复呢
vue.js前端javascript
vue进行配置创建vue项目vuecreateone//one就是项目名字npmielement-ui--Snpmiaxios--savenpmiecharts--save配置main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importElement
- [LeetCode 169/229] Majority Element I/II (easy / medium)
灰睛眼蓝
LeetCode169IGivenanarrayofsizen,findthemajorityelement.Themajorityelementistheelementthatappearsmorethan⌊n/2⌋times.Youmayassumethatthearrayisnon-emptyandthemajorityelementalwaysexistinthearray.Example
- 618购物狂欢节新手滑板哪个牌子好?滑板什么牌子比较好呢?一起来了解一下吧
好项目高省
滑板的品牌选择很多,每个品牌都有其自身特点。以下是一些比较受欢迎的品牌以及它们的特点:京东618红包领取方法:打开京东搜索:“最爱领红包828”或者“红包多多148”,即可进入领取超级红包淘宝618红包领取方法:打开淘宝搜索:“开心就好665”,即可进入领取超级红包1.Element:这是一个知名的滑板品牌,其特点是以木质滑板为主,非常注重流畅性和控制性。2.GirlSkateboards:这是一
- passive:true意味着绝不会调用 preventDefault(),可放心立即执行默认行为(滚动)
为什么touchmove不能随意使用passive:true?被动事件监听器的设计目的浏览器开发团队引入被动事件监听器主要是为了解决滚动性能问题://传统的事件监听器可能会阻止滚动element.addEventListener('touchmove',function(e){//如果这里有可能调用e.preventDefault()//浏览器必须等待这个函数执行完才能知道是否要滚动});默认pa
- 【Selenium自动化测试】鼠标与键盘操作
牛油菠蘿包
Selenium教程自动化测试seleniumpython自动化
在WebDriver中,与鼠标操作相关的方法都封装在ActionChains类中,与键盘操作相关的方法都封装在Keys类中。下面介绍下这两个类中的常用方法。鼠标操作ActionChains类鼠标操作常用方法:context_click():右击double_click():双击drag_and_drop():拖动move_to_element():鼠标悬停perform():执行ActionCha
- Vue实战:利用Element UI轻松实现动态表单项管理与高效验证
征尘bjajmd
elementui
在Vue.js项目中,表单是与用户交互的重要部分,特别是在需要动态管理表单项的场景下,如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统,其中一个功能是为活动添加多条路线信息,每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除
- vue3 el-table 去除小数
在Vue3中使用ElementPlus的组件时,如果你希望去除表格列中的小数,你可以通过几种方式来实现:1.使用formatter属性组件的formatter属性允许你自定义单元格的显示格式。你可以使用这个属性来格式化数据,去除小数。import{ref}from'vue';consttableData=ref([{id:1,name:'Item1',amount:123.45},{id:2,na
- vue3 el-table 列数据合计
海天胜景
vue.jsjavascript前端
在Vue3中使用ElementPlus的组件时,如果你想要对列数据进行合计(即计算某一列的总和),你可以通过几种方式来实现。以下是几种常见的方法:方法1:使用计算属性你可以在Vue组件的computed属性中计算合计值。合计:{{totalAmount}}import{ref,computed}from'vue';consttableData=ref([{date:'2023-04-01',nam
- vue+element-ui实现主子表
征尘bjajmd
vue.jselementuijavascript
https://www.cnblogs.com/falcon-fei/p/11060040.html需要实现如下效果一般ERP中,订单数据都分为汇总信息与明细信息,然后在查询的时候一次性从后台查询多条订单json数据,并将汇总信息展示到表格中。但是明细信息也是用户需要关注的,比如用户可能会想知道某个订单里面具体包含哪些商品,下单数量分别是多少。这时候就需要能够点击具体汇总信息行数据的时候,在下方展
- vue3 el-table 行的某个特定值来决定某些列是否显示
在Vue3中使用ElementPlus的组件时,如果你想要根据行的某个特定值来决定某些列是否显示,你可以通过自定义列渲染函数(render函数)来实现这一需求。下面是一个如何实现该功能的步骤说明和示例代码。步骤1:定义表格数据首先,确保你的表格数据中包含了用于判断的字段。data(){return{tableData:[{date:'2016-05-02',name:'张三',status:'正常
- springboot+elementUI 多文件上传(带表单参数)
springboot+elementUI多文件上传代码htmljs后台图代码下面展示一些内联代码片。html新增修改选取文件上传文件不超过10MB取消确定jsdata(){isInsert:false//是否新增操作files:[],//新增文件fileList:[],//文件列表removeList:[],//删除的文件列表dialogForm:{name:"测试"}}updateFile(){
- Python XML解析
写程序的猿
python
XML是一种用于存储和交换数据的标记语言。Python提供了多种库,可以用于解析XML文件。本指南将介绍三种最常用的解析库:xml.etree.ElementTree、xml.dom.minidom和lxml。xml.etree.ElementTreexml.etree.ElementTree是Python内置的库,用于解析XML文件并将其转换为Python对象。它使用DOM解析器,并且具有简单易
- CSS元素隐藏方法
51349592
css前端
CSS提供了多种隐藏元素的方法,但它们在视觉表现、可访问性和布局影响上各不相同。方法一:display:none(完全隐藏).hide-element{display:none;}特点:元素完全从渲染树中移除,不占据任何文档流空间(类似不存在)无法触发任何事件(点击、键盘交互等)会触发重排(reflow)和重绘(repaint),频繁切换可能影响性能方法二:visibility:hidden(视觉
- Python-XML模块
一ye残雪
Pythonpythonxml
Python-XML模块0前言1XML语法1.1文档申明1.2元素和节点element1.3命名空间1.4实体字符1.5CDATA节1.6注释1.7处理指令2XML模块(内置库)2.1方法列表2.2新建XML文件2.3查找XML文件2.3.1按路径定位一个节点getrootfind2.3.2按路径遍历节点findall2.3.3按范围遍历节点iter2.3.4打印节点tostring2.4修改和删
- vue3项目初始化完整流程,vue3+TypeScript+vue-router+pinia+element-plus+axios+unocss+mock
2.1项目初始化今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范,需要使用preinstall来统一包管理工具。下面我们就用这一套规范来初始化我们的项目,集成一个规范的模版。2.1.1环境准备no
- element-ui中,使用this.$message.success(“登录成功“),如何修改文字的样式呢?
在element-ui中使用this.$message.success(“注册成功”);时,直接修改文字样式并没有暴露出很方便的接口,因为ElementUI的消息提示组件Message是通过JavaScript动态创建的。但是你可以通过以下方法自定义消息的样式:方法1:使用customClass属性ElementUI的Message组件提供了customClass属性,可以为消息框添加自定义的类名
- Python 使用xml.etree.ElementTree 解析ARXML文件
流动的星
ClassicAutoSAR详解xmlARXMLpython
目录一、简介二、库的导入及指向根目录三、遍历所有包节点四、变量所有SWC组件五、遍历所有P_Port端口六、遍历所有R_Port端口七、遍历所有R_Port索引八、总结一、简介前面介绍了ARXML的结构,本节讲述解析arxml文件的方法,及常用函数;使用xml.etree.ElementTree块实现了一个简单而高效的API,用于解析和创建XML数据。解析ARXML文件常用的库是:xml.dom.
- Python解析xml的库有哪些
PlutoZuo
Pythonpythonxml
Python解析xml的库有哪些文章目录Python解析xml的库有哪些Python中有很多库可以用来解析XML文件,以下是其中几个常用的库:xml.etree.ElementTree:这是Python标准库中自带的XML解析库,它提供了简单的API用于解析XML文件,并可以通过递归或迭代的方式访问XML元素和属性。例如:importxml.etree.ElementTreeasETtree=ET
- DOM元素添加技巧全解析
代码的余温
前端
要将一个HTML元素添加到DOM树中,核心方法是先创建元素对象,再将其插入到文档结构中的指定位置。以下是基于常见实践总结的主要技术手段,每种方法均经过验证,确保兼容性和可靠性:1.使用document.createElement()创建并插入元素这是标准且推荐的方式:首先,用document.createElement()创建新元素(如document.createElement('div')),
- JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
JAVA图文短视频交友+自营商城系统:社交电商新生态的技术实践一、市场需求与技术定位2025年社交电商市场规模突破3.2万亿,用户需求从“单纯购物”转向“社交+消费”融合体验。JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5应运而生,以SpringBoot+MyBatisPlus+MySQL为后端核心,Uniapp(Vue语法)实现跨端兼容,Vue+ElementU
- 如何实现打印功能
代码续发
Vue前端
一、AI赋能提供思路基本框架退货单打印内容exportdefault{methods:{handlePrint(){//临时显示打印内容document.getElementById('print-container').style.display='block';//调用打印window.print();//打印完成后隐藏(需延迟执行,确保打印已触发)setTimeout(()=>{docume
- selenium.common.exceptions.NoSuchElementException: Message: An element could not be located on th...
DuffyMagic
场景:appium+python+android自动化测试问题:selenium.common.exceptions.NoSuchElementException:Message:Anelementcouldnotbelocatedonthepageusingthegivensearchparameters解决:在capabilities参数里加入'automationName':'uiautom
- 界面规范2-列表上
1、表格线外边使用粗线,内部使用细线,颜色采用灰色规定如下:外边:border:2pxsolid#d0e0e0内部:border-right:1pxsolid#d0e0e0elementui实现如下,其他框架自行定义:/*修改表格边框颜色*/.el-table--border,.el-table--group{border:2pxsolid#d0e0e0!important;}/*修改表格内部竖线
- canvas使用
CDwenhuohuo
canva可画
是HTML5引入的一个新标签,它首次出现在2004年的Safari浏览器中,由Apple提出,并在后来的HTML5标准中被正式采纳。IE8及以下❌不支持Canvas的基本用法-WebAPI|MDNvue3import{onMounted}from'vue';onMounted(()=>{constcanvas=document.getElementById('myCanvas');constctx
- 122. Best Time to Buy and Sell Stock II
SilentDawn
ProblemSayyouhaveanarrayforwhichtheithelementisthepriceofagivenstockondayi.Designanalgorithmtofindthemaximumprofit.Youmaycompleteasmanytransactionsasyoulike(i.e.,buyoneandselloneshareofthestockmultipl
- element-plus 组件 ElMessage、ElLoading 弹框 和加载css 样式展示异常总结
非常困、苦恼,搞了两天,一直问ai,他也不知道还是得看csdn方案一:https://blog.csdn.net/qq_44603011/article/details/135414801原理:因为-使用了elementplus的按需引入后操作:直接删除页面的手动引入结果:出现报错找不到组件-vue3ts环境语法,但是项目可以运行方案二:在方案一基础上继续处理报错,强迫症原理:组件不显示或样式丢失
- windows运行jar包出现“org.activiti.bpmn.exceptions.XMLException”
言什
jarjava
当使用windows下的命令行窗口运行本地jar包时,在窗口中出现“org.activiti.bpmn.exceptions.XMLException:src-resolve:无法将名称'extension'解析为'elementdeclaration'组件。”的错误信息原因是:存放jar包的路径中包含中文,将中文字符修改成英文即可解决报错。
- VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite
iwindyforest
vmwaremac os10.10workstationplayer
最近尝试了下VMware下安装MacOS 系统,
安装过程中发现网上可供参考的文章都是VMware Workstation 10以下, MacOS X 10.9以下的文章,
只能提供大概的思路, 但是实际安装起来由于版本问题, 走了不少弯路, 所以我尝试写以下总结, 希望能给有兴趣安装OSX的人提供一点帮助。
写在前面的话:
其实安装好后发现, 由于我的th
- 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑?
deathwknight
JavaScriptjava框架
本人从学习Java开发到现在已有10年整,从一个要自学 java买成javascript的小菜鸟,成长为只会java和javascript语言的老菜鸟(个人邮箱:
[email protected])
一路走来,跌跌撞撞。用自己的三年多业余时间,瞎搞一个小东西(基于模型驱动的B/S在线开发平台,非MVC框架、非代码生成)。希望与大家一起分享,同时有许些疑虑,希望有人可以交流下
平台
- 如何把maven项目转成web项目
Kai_Ge
mavenMyEclipse
创建Web工程,使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
- 主管???
Array_06
工作
转载:http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html
很久以前跟同事参加的培训,同事整理得很详细,必须得转!
前段时间,公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来,虽然内容较多,因对老师三天来的课程内容深有感触,故借着整理学习心得的机会,将三天来的培训课程做了一个
- python内置函数大全
2002wmj
python
最近一直在看python的document,打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面,其实在看的时候发现整个《The Python Standard Library》章节都是很不错的,其中描述了很多不错的主题。先把Build-in Fu
- JSP页面通过JQUERY合并行
357029540
JavaScriptjquery
在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示
如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码
function mergeCell(){
var trs = $("#table tr");
&nb
- Java基础
冰天百华
java基础
学习函数式编程
package base;
import java.text.DecimalFormat;
public class Main {
public static void main(String[] args) {
// Integer a = 4;
// Double aa = (double)a / 100000;
// Decimal
- unix时间戳相互转换
adminjun
转换unix时间戳
如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)? Java time JavaScript Math.round(new Date().getTime()/1000)
getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
- 作为一个合格程序员该做的事
aijuans
程序员
作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志,把自己今天完成了什么事情,遇见了什么问题都记录下来,日后翻看好处多多
2、考虑自己明天应该做的主要工作 把明天要做的事情列出来,并按照优先级排列,第二天应该把自己效率最高的时间分配给最重要的工作
3、考虑自己一天工作中失误的地方,并想出避免下一次再犯的方法 出错不要紧,最重
- 由html5视频播放引发的总结
ayaoxinchao
html5视频video
前言
项目中存在视频播放的功能,前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备,必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解,不了解不知道,水真是很深。本文所记录的知识一些浅尝辄止的知识,说起来很惭愧。
视频结构
本该直接介绍html5的<video>的,但鉴于本人对视频
- 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat
bewithme
httpclient
如果你构建了一个https协议的站点,而此站点的安全证书并不是合法的第三方证书颁发机构所签发,那么你用httpclient去访问此站点会报如下错误
javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
- Jedis连接池的入门级使用
bijian1013
redisredis数据库jedis
Jedis连接池操作步骤如下:
a.获取Jedis实例需要从JedisPool中获取;
b.用完Jedis实例需要返还给JedisPool;
c.如果Jedis在使用过程中出错,则也需要还给JedisPool;
packag
- 变与不变
bingyingao
不变变亲情永恒
变与不变
周末骑车转到了五年前租住的小区,曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在,
各种店铺都换了好几茬,这些是变的。
三年前还很流行的一款手机在今天看起来已经落后的不像样子。
三年前还运行的好好的一家公司,今天也已经不复存在。
一座座高楼拔地而起,
- 【Scala十】Scala核心四:集合框架之List
bit1129
scala
Spark的RDD作为一个分布式不可变的数据集合,它提供的转换操作,很多是借鉴于Scala的集合框架提供的一些函数,因此,有必要对Scala的集合进行详细的了解
1. 泛型集合都是协变的,对于List而言,如果B是A的子类,那么List[B]也是List[A]的子类,即可以把List[B]的实例赋值给List[A]变量
2. 给变量赋值(注意val关键字,a,b
- Nested Functions in C
bookjovi
cclosure
Nested Functions 又称closure,属于functional language中的概念,一直以为C中是不支持closure的,现在看来我错了,不过C标准中是不支持的,而GCC支持。
既然GCC支持了closure,那么 lexical scoping自然也支持了,同时在C中label也是可以在nested functions中自由跳转的
- Java-Collections Framework学习与总结-WeakHashMap
BrokenDreams
Collections
总结这个类之前,首先看一下Java引用的相关知识。Java的引用分为四种:强引用、软引用、弱引用和虚引用。
强引用:就是常见的代码中的引用,如Object o = new Object();存在强引用的对象不会被垃圾收集
- 读《研磨设计模式》-代码笔记-解释器模式-Interpret
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 解释器(Interpreter)模式的意图是可以按照自己定义的组合规则集合来组合可执行对象
*
* 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值
* 多
- After Effects操作&快捷键
cherishLC
After Effects
1、快捷键官方文档
中文版:https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html
英文版:https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html
2、常用快捷键
- Maven 常用命令
crabdave
maven
Maven 常用命令
mvn archetype:generate
mvn install
mvn clean
mvn clean complie
mvn clean test
mvn clean install
mvn clean package
mvn test
mvn package
mvn site
mvn dependency:res
- shell bad substitution
daizj
shell脚本
#!/bin/sh
/data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
- Java SE 第二讲(原生数据类型 Primitive Data Type)
dcj3sjt126com
java
Java SE 第二讲:
1. Windows: notepad, editplus, ultraedit, gvim
Linux: vi, vim, gedit
2. Java 中的数据类型分为两大类:
1)原生数据类型 (Primitive Data Type)
2)引用类型(对象类型) (R
- CGridView中实现批量删除
dcj3sjt126com
PHPyii
1,CGridView中的columns添加
array(
'selectableRows' => 2,
'footer' => '<button type="button" onclick="GetCheckbox();" style=&
- Java中泛型的各种使用
dyy_gusi
java泛型
Java中的泛型的使用:1.普通的泛型使用
在使用类的时候后面的<>中的类型就是我们确定的类型。
public class MyClass1<T> {//此处定义的泛型是T
private T var;
public T getVar() {
return var;
}
public void setVa
- Web开发技术十年发展历程
gcq511120594
Web浏览器数据挖掘
回顾web开发技术这十年发展历程:
Ajax
03年的时候我上六年级,那时候网吧刚在小县城的角落萌生。传奇,大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩,然后接下来的一个小时我一直在,注,册,账,号。
彼时网吧用的512k的带宽,注册的时候,填了一堆信息,提交,页面跳转,嘣,”您填写的信息有误,请重填”。然后跳转回注册页面,以此循环。我现在时常想,如果当时a
- openSession()与getCurrentSession()区别:
hetongfei
javaDAOHibernate
来自 http://blog.csdn.net/dy511/article/details/6166134
1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。
2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。
这里getCurrentSession本地事务(本地
- 第一章 安装Nginx+Lua开发环境
jinnianshilongnian
nginxluaopenresty
首先我们选择使用OpenResty,其是由Nginx核心加很多第三方模块组成,其最大的亮点是默认集成了Lua开发环境,使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO,可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等,使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
- HSQLDB In-Process方式访问内存数据库
liyonghui160com
HSQLDB一大特色就是能够在内存中建立数据库,当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。
先睹为快!
下面是一个In-Process方式访问内存数据库的代码示例:
下面代码需要引入hsqldb.jar包 (hsqldb-2.2.8)
import java.s
- Java线程的5个使用技巧
pda158
java数据结构
Java线程有哪些不太为人所知的技巧与用法? 萝卜白菜各有所爱。像我就喜欢Java。学无止境,这也是我喜欢它的一个原因。日常
工作中你所用到的工具,通常都有些你从来没有了解过的东西,比方说某个方法或者是一些有趣的用法。比如说线程。没错,就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候,通常会面临各种各样的并发编程的问题,不过我们现在所要讲的可能会略有不同。
- 开发资源大整合:编程语言篇——JavaScript(1)
shoothao
JavaScript
概述:本系列的资源整合来自于github中各个领域的大牛,来收藏你感兴趣的东西吧。
程序包管理器
管理javascript库并提供对这些库的快速使用与打包的服务。
Bower - 用于web的程序包管理。
component - 用于客户端的程序包管理,构建更好的web应用程序。
spm - 全新的静态的文件包管
- 避免使用终结函数
vahoa.ma
javajvmC++
终结函数(finalizer)通常是不可预测的,常常也是很危险的,一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能,以及带来移植性问题。不要把终结函数当做C++中的析构函数(destructors)的对应物。
我自己总结了一下这一条的综合性结论是这样的:
1)在涉及使用资源,使用完毕后要释放资源的情形下,首先要用一个显示的方