Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue
VorwortIn diesem Artikel wird hauptsächlich die Implementierung der Funktion zum Hochladen von Anhängen im Vue-Projekt beschrieben. Mit dieser Funktion können einzelne/mehrere Anhänge hochgeladen werden, das Dateiformat wird identifiziert, die Funktion wird mit unterschiedlichen Symbolen angezeigt und es wird gesteuert, ob es bearbeitet werden kann. Der Inhalt ist prägnant und leicht verständlich. Sie können ihn bei Bedarf abrufen. Für den vollständigen Code klicken Sie hier Kerncode
<div Klasse="upload-flie-btn">
<div class="btn-tips" @click="openFileSelect" v-show="editFlag">Anhang hochladen</div>
<Eingabe
Stil="Anzeige: keine"
Typ="Datei"
ref="Dateieingabe"
mehrere="mehrere"
@change="Datei hochladen"
/>
</div>
öffneDateiAuswahl() {
// dispatchEvent versendet ein Ereignis an ein angegebenes Ereignisziel this.$refs.fileInput.dispatchEvent(new MouseEvent('click'));
}
// Mehrere Anhänge hochladen async uploadFile() {
lass _this = dies;
dies.laden = wahr;
// Holen Sie die hochgeladenen Dateien. Wenn Sie die Anzahl der hochgeladenen Dateien begrenzen möchten, können Sie // let files = [...this.$refs.fileInput.files].splice(0,limit);
// Sie können hier auch eine Meldung ausgeben, dass die Anzahl der Dateien den Grenzwert überschreitet. let files = [...this.$refs.fileInput.files];
wenn (!Dateien || !Dateien.Länge) {
zurückkehren;
}
// Adresse der Backend-Schnittstelle let url = `url`;
// Fordern Sie gemeinsam die Backend-Schnittstelle an Promise.all(
files.slice(0, files.length).map((Datei) => {
const data = neue FormData();
data.append('Datei', Datei);
returniere request.post(URL, Daten, {
Überschriften: {
'Inhaltstyp': 'multipart/Formulardaten',
},
});
})ICH
).then((res) => {
_this.loading = falsch;
_this.$refs.fileInput.value = null;
})
.catch((err) => {
console.log(fehler);
});
}
Datei zeigt einen Teil des CodesDieser Teil verwendet die Vux-Komponentenbibliothek, die die Anzeige von Dateien in den Formaten Word, Excel, PPT, PDF, Bild und TXT übernimmt. Andere Dateitypen werden als „andere“ angezeigt. Sie können die Vektorgrafiken, die in Iconfont zu finden sind, auch selbst ändern. Die durchlaufenen Datenfelder können entsprechend Ihrem eigenen Datenformat geändert werden.
<swipeout v-if="Dateien.Länge">
<template v-for="(item,index) in Dateien">
<swipeout-item v-bind:key="item.fileUrl" :disabled="!editFlag">
<div slot="rechtes Menü">
<swipeout-button @click.native="deleteItem(item.fileUrl, index)" type="warn">Löschen</swipeout-button>
</div>
<div Slot="Inhalt" Klasse="Demo-Inhalt vux-1px-t">
<div Klasse="Dateielement">
<a :href="item.url" rel="external nofollow" :download="item.fileName" class="file-look">
<!-- Wort -->
<div
v-if="item.fileName.indexOf('.doc') > 0 || item.fileName.indexOf('.docx') > 0"
Klasse="Dateisymbol"
>
<svg
t="1601351611486"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1737"
Breite="200"
Höhe="200"
>
<Pfad
d="M1024 298.666667V85.333333c0-25.6-17.066667-42.666667-42.666667-42.666666H298.666667c-25.6 0-42.666667 17.066667-42.666667 42.666666v213.333334l384 85.333333 384-85.333333z"
füllen">41A5EE"
p-id="1738"
/>
<Pfad
d="M1024 298.666667H256v213.333333l405.333333 85.333333 362.666667-85.333333z"
füllen="">
p-id="1739"
/>
<Pfad d="M1024 512H256v213.333333l384 64 384-64z" fill="#185ABD" p-id="1740" />
<Pfad
d="M1024 725.333333H256v213.333334c0 25.6 17.066667 42.666667 42.666667 42.666666h682.666666c25.6 0 42.666667-17.066667 42.666667-42.666666v-213.333334z"
füllen">103F91"
p-id="1741"
/>
<Pfad
d="M588.8 256H256v597.333333h324.266667c29.866667 0 59.733333-29.866667 59.733333-59.733333V307.2c0-29.866667-21.333333-51.2-51.2-51.2z"
Deckkraft=".5"
p-id="1742"
/>
<Pfad
d="M546.133333 810.666667H51.2C21.333333 810.666667 0 789.333333 0 759.466667V264.533333C0 234.666667 21.333333 213.333333 51.2 213.333333h499.2c25.6 0 46.933333 21.333333 46.933333 51.2v499.2c0 25.6-21.333333 46.933333-51.2 46.933334z"
füllen">185ABD"
p-id="1743"
/>
<Pfad
d="M435.2 682.666667H371.2L298.666667 448 226.133333 682.666667H162.133333L93.866667 341.333333h59.733333l46.933333 238.933334 72.533334-230.4h51.2l68.266666 230.4L443.733333 341.333333h59.733334l-68.266667 341.333334z"
füllen="FFFFFF"
p-id="1744"
/>
</svg>
</div>
<!-- Excel -->
<div
v-else-if="item.fileName.indexOf('.xls') > 0 || item.fileName.indexOf('.xlsx') > 0"
Klasse="Dateisymbol"
>
<svg
t="1602124050240"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1102"
Breite="200"
Höhe="200"
>
<Pfad
d="M682.666667 42.666667H298.666667c-25.6 0-42.666667 17.066667-42.666667 42.666666v213.333334l426.666667 213.333333 170.666666 64 170.666667-64V298.666667l-341.333333-256z"
füllen">21A366"
p-id="1103"
/>
<Pfad
d="M256 298.666667h426.666667v213.333333H256z"
füllen">107C41"
p-id="1104"
/>
<Pfad
d="M1024 85.333333v213.333334h-341.333333V42.666667h298.666666c21.333333 0 42.666667 21.333333 42.666667 42.666666z"
füllen">33C481"
p-id="1105"
/>
<Pfad
d="M682.666667 512H256v426.666667c0 25,6 17,066667 42,666667 42,666667 42,666666h682.666666c25,6 0 42,666667-17,066667 42,666667-42,666666v-213,333334l-341,333333-213,333333z"
füllen">185C37"
p-id="1106"
/>
<Pfad
d="M588.8 256H256v597.333333h324.266667c29.866667 0 59.733333-29.866667 59.733333-59.733333V307.2c0-29.866667-21.333333-51.2-51.2-51.2z"
Deckkraft=".5"
p-id="1107"
/>
<Pfad
d="M546.133333 810.666667H51.2C21.333333 810.666667 0 789.333333 0 759.466667V264.533333C0 234.666667 21.333333 213.333333 51.2 213.333333h499.2c25.6 0 46.933333 21.333333 46.933333 51.2v499.2c0 25.6-21.333333 46.933333-51.2 46.933334z"
füllen">107C41"
p-id="1108"
/>
<Pfad
D = "M145.066667 682.66667L256 512 153.6 341.333333H81.066667L55.46666 106.666667c8.53333 12.8,5333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333. 333333H76.8L-102.4 170.66667 106.66666 170.666667H-85.33333L-64-119,4666667C0-4.266667-4.26667-8.5633333333-8.56667 0,5633333-8.563333333333333333333333333333703333333-8.563333333333333333333333333333333370333333-8.56333333333333333333333333333333333330667-8 667 8.533333-8.533334 17.066667L226.133333 682.666667H145.066667z "
füllen="FFFFFF"
p-id="1109"
/>
<Pfad
d="M682.666667 512h341.333333v213.333333h-341.333333z"
füllen">107C41"
p-id="1110"
/>
</svg>
</div>
<!-- ppt -->
<div
v-else-if="item.fileName.indexOf('.ppt') > 0 || item.fileName.indexOf('.pptx') > 0"
Klasse="Dateisymbol"
>
<svg
t="1602124175604"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1258"
Breite="200"
Höhe="200"
>
<Pfad
d="M968.704 135.168h-430.08v752.64h430.08c15.36 0 26.624-12.288 26.624-26.624V162.816c0-15.36-11.264-27.648-26.624-27.648z"
füllen">FF8A65"
p-id="1259"
/>
<Pfad
d="M512 646.144h376.832v53.248H512z m0 107.52h376.832v54.272H512z m161.792-483.328c-89.088 0-161.792 72.704-161.792 161.792C512 521.216 584.704 593.92 673.792 593.92s161.792-72.704 161.792-161.792H673.792V270.336z"
füllen="">FBE9E7"
p-id="1260"
/>
<Pfad
d="M727.04 216.064v161.792h161.792c0-89.088-72.704-161.792-161.792-161.792z"
füllen="">FBE9E7"
p-id="1261"
/>
<Pfad
d="M592.896 996.352L28.672 888.832V135.168L592.896 27.648z"
füllen="E64A19"
p-id="1262"
/>
<Pfad
d="M319.488 327.68H192.512v368.64h78.848V569.344h40.96c44.032 0 78.848-11.264 104.448-34.816 25.6-22.528 38.912-53.248 38.912-90.112C455.68 366.592 409.6 327.68 319.488 327.68z m-14.336 178.176h-33.792V391.168h33.792c43.008 0 64.512 18.432 64.512 56.32 0 39.936-21.504 58.368-64.512 58.368z"
füllen="FFFFFF"
p-id="1263"
/>
</svg>
</div>
<!-- pdf -->
<div v-else-if="item.fileName.indexOf('.pdf') > 0" class="file-icon">
<svg
t="1602124241991"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1536"
Breite="200"
Höhe="200"
>
<Pfad
d="M877.874285 926.464244a48.742278 48.742278 0 0 1-48.793478 48.793478H146.432914a48.742278 48.742278 0 0 1-48.793478-48.793478V48.744838A48.742278 48.742278 0 0 1 146.432914 0.00256h418.814953a48.742278 48.742278 0 0 1 34.662313 14.131165l263.781741 263.83294c9.164777 9.215977 14.233564 21.657546 14.182364 34.611114v613.886465z"
füllen="">EBECF0"
p-id="1537"
/>
<Pfad
d="M877.874285 926.464244v48.793478a48.742278 48.742278 0 0 1-48.793478 48.742278H146.432914a48.742278 48.742278 0 0 1-48.793478-48.742278v-48.793478a48.742278 48.742278 0 0 0 48.793478 48.793478h682.647893a48.742278 48.742278 0 0 0 48.793478-48.793478z"
füllen="">C1C7D0"
p-id="1538"
/>
<Pfad
d="M0.15488 536.372419H975.358842v243.813791a48.742278 48.742278 0 0 1-48.742279 48.742278H48.897158a48.742278 48.742278 0 0 1-48.742278-48.742278v-243.813791z"
füllen">FF5630"
p-id="1539"
/>
<Pfad
d="M97.639436 536.372419V438.836663L0.15488 536.372419h97.484556z m780.234849 0l0.972798-97.535756 97.023757 97.535756h-97.996555z"
füllen="DE350B"
p-id="1540"
/>
<Pfad
d="M243.96867 585.165897h84.838188c15.513561-0.767998 30.668723 4.863988 41.932695 15.564761 10.803173 10.854373 16.639958 25.702336 16.07676 40.959898 0.511999 15.308762-5.324787 30.105525-16.07676 40.959897-11.673571 11.059172-27.340732 16.895958-43.417491 16.12796h-48.742278v76.543809h-34.611114v-190.156325z m32.665518 81.919795h43.878291a42.444694 42.444694 0 0 0 25.855935-6.348784 23.91034 23.91034 0 0 0 7.782381-19.96795c0-16.639958-10.905573-24.883138-32.665519-24.883138h-44.851088v51.199872z m134.092465-79.001402h77.004608c22.374344-0.972798 43.92949 8.396779 58.521453 25.343936 15.462361 19.302352 23.244742 43.571091 21.964745 68.24943 1.023997 24.934338-6.297584 49.510276-20.991947 69.734225a71.679821 71.679821 0 0 1-59.494251 28.774329H410.726653v-192.10192z m32.665519 158.924402h44.339089a43.417491 43.417491 0 0 0 36.095909-17.049557c9.420776-13.875165 13.823965-30.566324 12.697569-47.308682a70.707023 70.707023 0 0 0-13.670366-48.742278 48.742278 48.742278 0 0 0-37.529506-16.588758h-41.983895v129.689275z m288.152879-128.204479h-100.914948v45.311887h100.914948v31.231922h-100.914948v81.919795h-32.665518v-190.156325h133.631666v31.692721z"
füllen="FFFFFF"
p-id="1541"
/>
<Pfad
d="M877.874285 312.577779v6.809583h-263.83294a48.742278 48.742278 0 0 1-48.742278-48.742279V0.00256a48.742278 48.742278 0 0 1 34.611113 14.131165l264.293739 263.83294c8.959978 9.215977 13.823965 21.708746 13.670366 34.611114z"
füllen="">C1C7D0"
p-id="1542"
/>
</svg>
</div>
<!-- Bild -->
<div
v-else-if="item.fileName.indexOf('.jpg') > 0 || item.fileName.indexOf('.jpeg') > 0 || item.fileName.indexOf('.png') > 0"
Klasse="Dateisymbol"
>
<svg
t="1602124262555"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1680"
Breite="200"
Höhe="200"
>
<Pfad
d="M901.565663 926.72a48.617739 48.617739 0 0 1-48.61774 48.662261H170.429663a48.617739 48.617739 0 0 1-48.61774-48.662261V48.662261A48.617739 48.617739 0 0 1 170.429663 0h418.860521a49.641739 49.641739 0 0 1 34.816 14.336l263.479653 263.702261a48.973913 48.973913 0 0 1 14.336 34.816l-0.534261 613.910261z"
füllen="">
p-id="1681"
/>
<Pfad
d="M901.565663 926.72v48.617739a48.617739 48.617739 0 0 1-48.61774 48.617739H170.429663a48.617739 48.617739 0 0 1-48.61774-48.617739v-48.617739a48.617739 48.617739 0 0 0 48.61774 48.617739h682.51826a48.617739 48.617739 0 0 0 48.61774-48.617739z"
füllen="">C1C7D0"
p-id="1682"
/>
<Pfad
d="M24.042184 536.576h975.382261v243.712a48.617739 48.617739 0 0 1-48.662261 48.662261H72.659923A48.617739 48.617739 0 0 1 24.042184 780.288v-243.712z"
füllen="">
p-id="1683"
/>
<Pfad
d="M121.856445 536.576V439.296L24.576445 536.576z m779.798261 0l1.024-97.28 97.28 97.28z"
füllen="">
p-id="1684"
/>
<Pfad
d="M905.216445 312.32v6.633739h-264.192a48.617739 48.617739 0 0 1-48.662261-48.617739V0a49.641739 49.641739 0 0 1 34.816 14.336l263.479653 263.702261a48.484174 48.484174 0 0 1 14.336 34.326261z"
füllen="">C1C7D0"
p-id="1685"
/>
<Pfad
d="M354.259923 700.905739a87.930435 87.930435 0 0 1-17.808695 58.857739 62.775652 62.775652 0 0 1-50.710261 20.48 67.450435 67.450435 0 0 1-27.113739-5.12v-38.912a38.466783 38.466783 0 0 0 24.576 8.192c19.990261 0 29.696-14.870261 29.696-45.056v-116.201739h41.494261z"
füllen="FFFFFF"
p-id="1686"
/>
<Pfad
d="M438.806706 709.097739v67.584h-41.494261v-193.536h66.56q72.214261 0 72.214261 61.44a57.388522 57.388522 0 0 1-22.038261 47.638261 80.940522 80.940522 0 0 1-54.761739 17.408h-20.48z m0-93.495652v62.330435h17.808696c24.041739 0 36.329739-10.774261 36.329739-31.744s-11.798261-30.72-35.84-30.72z"
füllen="FFFFFF"
p-id="1687"
/>
<Pfad
d="M723.968445 763.859478a138.729739 138.729739 0 0 1-69.632 16.384 100.886261 100.886261 0 0 1-73.238261-26.089739 94.208 94.208 0 0 1-26.713043-71.234782 98.704696 98.704696 0 0 1 29.206261-74.21774 106.852174 106.852174 0 0 1 77.289739-28.672 158.764522 158.764522 0 0 1 54.272 8.904348v38.912a107.163826 107.163826 0 0 0-54.761739-13.356522 60.549565 60.549565 0 0 0-45.545739 18.432 66.248348 66.248348 0 0 0-17.408 48.128 66.782609 66.782609 0 0 0 15.89426 47.59374 55.162435 55.162435 0 0 0 43.008 16.91826 58.813217 58.813217 0 0 0 26.713044-5.12v-40.158608h-38.912v-33.302261h80.361739v96.790261z"
füllen="FFFFFF"
p-id="1688"
/>
</svg>
</div>
<!-- txt -->
<div v-else-if="item.fileName.indexOf('.txt') > 0" class="file-icon">
<svg
t="1602124341675"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4641"
Breite="200"
Höhe="200"
>
<Pfad
d="M901.632 926.72c0 27.136-22.016 48.64-48.64 48.64H170.496c-27.136 0-48.64-22.016-48.64-48.64V48.64C121.856 22.016 143.36 0 170.496 0h418.816c12.8 0 25.6 5.12 34.816 14.336l263.68 263.68c9.216 9.216 14.336 21.504 14.336 34.816l-0.512 613.888z"
füllen="">
p-id="4642"
/>
<Pfad
d="M901.632 926.72v48.64c0 27.136-22.016 48.64-48.64 48.64H170.496c-27.136 0-48.64-22.016-48.64-48.64V926.72c0 27.136 22.016 48.64 48.64 48.64h682.496c27.136 0 48.64-22.016 48.64-48.64z"
füllen="">C1C7D0"
p-id="4643"
/>
<Pfad
d="M24.064 536.576h975.36v243.712c0 27.136-22.016 48.64-48.64 48.64H72.704c-27.136 0-48.64-22.016-48.64-48.64v-243.712z"
füllen="">
p-id="4644"
/>
<Pfad
d="M121.856 536.576v-97.28l-97.28 97.28h97.28z m779.776 0l1.024-97.28 97.28 97.28h-98.304z"
füllen">005584"
p-id="4645"
/>
<Pfad
d="M901.632 312.32v6.656h-263.68c-27.136 0-48.64-22.016-48.64-48.64V0c12.8 0 25.6 5.12 34.816 14.336l264.192 263.68c8.704 9.216 13.824 21.504 13.312 34.304z"
füllen="">C1C7D0"
p-id="4646"
/>
<Pfad
d="M389.12 589.312v27.648H324.608v169.984H291.84v-169.984H227.328v-27.648H389.12zM466.432 589.312l46.592 69.632 46.592-69.632h39.424l-66.56 95.232 71.168 101.888h-39.424l-50.688-76.288-50.688 76.288h-39.424l70.656-101.888-66.048-95.232h38.4zM798.208 589.312v27.648h-64.512v169.984H701.44v-169.984h-64.512v-27.648h161.28z"
füllen="FFFFFF"
p-id="4647"
/>
</svg>
</div>
<!-- andere -->
<div v-else Klasse="Dateisymbol">
<svg
t="1602124370240"
Klasse="Symbol"
Ansichtsfeld="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="6067"
Breite="200"
Höhe="200"
>
<Pfad
d="M688.6 2H120.8c-17.1 0-27.9 12.9-27.9 35.7V1001c0 6.2 14 19.6 27.9 19.6h782.4c17.1 0 27.9-12.9 27.9-19.6V238.3c0-12.9-3.6-16-3.6-19.7L698.9 8.7c0-6.7-3.6-6.7-10.3-6.7z m0 0"
füllen="">E7EFF8"
p-id="6068"
/>
<Pfad
d="M93 1010.2c0 5,7 4,7 10,3 10,3 10,3h817.3c5,7 0 10,3-4,7 10,3-10,3V819.6H93v190.6z"
füllen">9FA0A3"
p-id="6069"
/>
<Pfad
d="M340.8 915.4c0-10.1 3.5-18.5 10.5-25.3 7-6.8 15.8-10.1 26.2-10.1 10.4 0 19.2 3.3 26.5 10 7.2 6.7 10.8 15.1 10.8 25.4 0 10.6-3.6 19.2-10.7 25.8-7.2 6.6-16.1 9.8-26.8 9.8-10.3 0-18.9-3.4-26-10.1s-10.5-15.3-10.5-25.5z m128.5 0c0-10.2 3.5-18.7 10.5-25.4 7-6.7 15.8-10 26.2-10 10.4 0 19.2 3.4 26.4 10.1 7.2 6.8 10.7 15.2 10.7 25.3 0 10.6-3.6 19.2-10.7 25.8-7.2 6.6-16 9.8-26.6 9.8-10.3 0-18.9-3.4-26-10.1s-10.5-15.3-10.5-25.5z m128.1 0c0-10.4 3.5-18.8 10.5-25.5s15.8-9.9 26.4-9.9c10.7 0 19.6 3.4 26.7 10.1 7.1 6.8 10.6 15.2 10.6 25.3 0 10.6-3.6 19.2-10.7 25.8-7.2 6.6-16.1 9.8-27 9.8-10.3 0-18.9-3.5-26-10.4s-10.5-15.3-10.5-25.2z"
füllen="FFFFFF"
p-id="6070"
/>
<Pfad
d="M533.7 484.6h-66.8v-23.8c0-18 3.3-33.4 9.9-46.2 6.6-12.7 17.6-25.5 33.1-38.3 17.9-14.7 29.8-26.7 35.7-36.1 5.9-9.4 8.9-19.4 8.9-30.2 0-12.5-4.4-22.4-13.2-29.9-8.8-7.4-21.3-11.1-37.7-11.1-31.7 0-61.2 11.8-88.6 35.4v-77.9c30.2-16.9 62.5-25.3 96.9-25.3 38.6 0 68.7 8.9 90.1 26.6 21.4 17.7 32.1 41.7 32.1 71.9 0 19.4-4.4 37.3-13.2 53.6-8.8 16.4-23.9 33.2-45.3 50.6-18.1 14.3-29.6 25.6-34.5 33.8-5 8.2-7.5 18-7.5 29.5v17.4z m-33.2 36.9c12.8 0 23.8 4.1 32.9 12.4 9.1 8.3 13.7 18.3 13.7 30.1 0 11.5-4.6 21.3-13.7 29.6S513.3 606 500.5 606c-13 0-24-4.2-32.9-12.5-8.9-8.3-13.4-18.2-13.4-29.5 0-11.6 4.5-21.6 13.4-30 9-8.3 20-12.5 32.9-12.5z"
füllen">9FA0A3"
p-id="6071"
/>
</svg>
</div>
<div class="Dateiname">{{item.fileName}}</div>
</a>
</div>
</div>
</swipeout-item>
</Vorlage>
</swipeout>
Oben finden Sie den detaillierten Inhalt des Implementierungsbeispiels für das Hochladen mehrerer Anhänge in Vue. Weitere Informationen zum Hochladen mehrerer Anhänge in Vue finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM! Das könnte Sie auch interessieren:
|
<<: Korrekte Änderungsschritte für das Standardnetzwerksegment von Docker
>>: MySQL 5.7.19 neueste Binärinstallation
Artikel empfehlen
JavaScript Array Methoden - Systematische Zusammenfassung und ausführliche Erklärung
Inhaltsverzeichnis Gängige Array-Methoden Hinzufü...
Drei gängige Stilselektoren in HTML-CSS
1: Tag-Selektor Der Tag-Selektor wird für alle Ta...
JavaScript Canvas realisiert den Effekt des Neun-Quadrat-Rasterschneidens
In diesem Artikel wird der spezifische Code der L...
Detailliertes Tutorial zum Minimieren der Installation der virtuellen CentOS 8.1-Maschine in VirtualBox
1. Laden Sie zugehörige Tools und Bilder herunter...
W3C Tutorial (9): W3C XPath Aktivitäten
XPath ist eine Sprache zum Auswählen von Teilen v...
Installieren Sie .NET 6.0 im CentOS-System mithilfe eines Cloud-Servers
.NET SDK-Download-Link https://dotnet.microsoft.c...
Detaillierte Erklärung der jQuery-Kettenaufrufe
Inhaltsverzeichnis Kettenanrufe Ein kleiner Koffe...
Lösung für das Problem, dass der Hostname des Hosts im Docker-Container nicht abgerufen werden kann
Der Test wird in der Node.JS-Umgebung bestanden. ...
So betreiben Sie eine MySql-Datenbank mit Gorm
1. Festlegen der Groß-/Kleinschreibung von Felder...
Detailliertes Tutorial zur JDK-Installation und Umgebungsvariablenkonfiguration unter Win10
Inhaltsverzeichnis Vorwort 1. Vorbereitung 2. Ins...
Einfaches Webdesign-Konzept – Farbabstimmung
(I) Grundkonzepte der Farbabstimmung auf Webseiten...
Detaillierte Schritte zur Installation der Sogou-Eingabemethode unter Ubuntu 20.04
1. Installieren Sie das Fcitx-Eingabeframework Zu...
Das Linux-System öffnet die Ports 3306, 8080 usw. zur Außenwelt. Detaillierte Erläuterung der Firewall-Einstellungen
Nachdem wir eine Webdienstanwendung (wie etwa Tom...
JavaScript implementiert eine Box, die der Mausbewegung folgt
In diesem Artikel wird der spezifische JavaScript...
Tutorial zum Bereitstellen eines Springboot-Pakets in einer Linux-Umgebung mithilfe von Docker
Da Springboot über einen integrierten Tomcat-Serv...