前端知识ElementPlus

文件上传三要素:

method必须设置成post, enctype必须设置成multipart/form-data, input标签中的type属性必须设置成file

<form action="/upload" method="post" enctype="multipart/form-data">
    姓名: <input type="text" name="name" > <br>
    年龄: <input type="text" name="age" > <br>
    图像: <input type="file" name="file" > <br>
    <input type="submit" value="上传文件" name="submit">
</form>

<form action="/upload" method="post" enctype="multipart/form-data">
    姓名: <input type="text" name="name" > <br>
    年龄: <input type="text" name="age" > <br>
    图像: <input type="file" name="file" > <br>
    <input type="submit" value="上传文件" name="submit">
</form>

Elementplus中, 如何解决el-form inline标签中的若干组件宽度为零的疑似bug?

用下面这个:

• .el-form--inline 是父选择器。
• .el-form-item 是 .el-form--inline 的子元素。
• & > .el-input, .el-cascader, .el-select 表示 .el-form-item 的直接子元素 .el-input、.el-cascader 和 .el-select 都会被选中，并且它们的宽度会被设置为 240px

在 Sass 或 SCSS 中，& 符号代表父选择器。结合 > 子选择器，可以更精确地选择父选择器的直接子元素。例如：

.parent { & > .child { color: red; } }

.el-form--inline {

    .el-form-item {

        &>.el-input,

        .el-cascader,

        .el-select {

            width: 240px;

        }

    }

}

• & 符号代表父选择器。
• > 符号用于选择直接子元素。
• & > .el-input, .el-cascader, .el-select 表示 .el-form-item 的直接子元素 .el-input、.el-cascader 和 .el-select 的宽度被设置为 240px。

事务失效的七种场景, 先说三种:

1.Transactional注解的默认rollbackFor属性是RuntimeException.class, 它无法识别抛出的其它种类的异常, 需要手动设置Class<? extends Throwable>[]

2.设置了错误的事务传播行为, 例如设置成了REQUIRES_NEW或者NOT_SUPPORTED, 失效非常明显,@Transactional(propagation=Propagation.REQUIRES_NEW)

3.自己手动catch了异常并且还没有抛出