Golang melaksanakan dinding foto
Dengan populariti Internet mudah alih, permintaan orang ramai untuk foto semakin meningkat. Sama ada acara, perjalanan atau parti, mengambil gambar adalah amat diperlukan. Cara memaparkan foto ini juga menjadi kebimbangan. Satu aplikasi yang melaksanakan fungsi dinding foto telah wujud Hari ini kami akan memperkenalkan proses pelaksanaan dinding foto menggunakan bahasa golang.
1. Ciri bahasa Golang
golang ialah bahasa sumber terbuka yang dibangunkan oleh Google. Ciri-ciri utama adalah seperti berikut:
- Kecekapan: Kelajuan kompilasi Golang sangat pantas dan mempunyai kelebihan yang ketara berbanding dengan C++ dan Java.
- Pengurusan memori: Pengurusan memori Golang dilengkapkan secara automatik oleh pengkompil dan pengaturcara tidak perlu mengurus memori secara manual.
- Pengaturcaraan serentak: golang menyediakan sokongan kuat untuk pengaturcaraan serentak, yang boleh memaksimumkan prestasi aplikasi dengan lebih baik dalam kes CPU berbilang teras atau berbilang pelayan.
- Kesederhanaan: Sintaks bahasa golang adalah ringkas dan mudah difahami, membolehkan pengaturcara bermula dengan lebih pantas.
2. Idea Reka Bentuk
Apabila melaksanakan fungsi dinding foto, kita perlu mengambil kira aspek berikut:
- Muat naik foto: Pengguna perlu dapat Apabila memuat naik foto anda sendiri, anda juga perlu boleh menandai foto untuk pengelasan dan paparan yang mudah.
- Paparan foto: Foto yang dimuat naik hendaklah dikelaskan dan dipaparkan mengikut teg, dan pengguna boleh memilih teg untuk dilihat.
- Storan pangkalan data: Dinding foto perlu menyimpan data foto yang dimuat naik oleh pengguna, dan kami perlu menggunakan pangkalan data untuk penyimpanan data.
3. Pelaksanaan Teknikal
- Persediaan Alam Sekitar
Sebelum kita mula, kita perlu menyediakan persekitaran. Kami boleh memuat turun pakej pemasangan golang dari laman web rasmi golang Selepas pemasangan selesai, masukkan kod berikut dalam terminal untuk mengesahkan sama ada pemasangan berjaya:
$ go version
- Reka bentuk pangkalan data <🎜. >
- id (id foto, kunci utama) nama (nama foto)
- laluan (laluan foto, laluan tempat gambar disimpan pada pelayan) tag (tag)
- Muat naik foto
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>照片上传</title>
</head>
<body>
<input type="file" id="file">
<input type="text" id="tag">
<button onclick="upload()">上传</button>
</body>
<script>
function upload() {
var file = document.getElementById("file").files[0];
var tag = document.getElementById("tag").value;
var formData = new FormData();
formData.append("file", file);
formData.append("tag", tag);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onload = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
alert("上传成功");
} else {
alert("上传失败");
}
}
xhr.send(formData);
}
</script>
</html>func upload(w http.ResponseWriter, r *http.Request) {
file, handler, err := r.FormFile("file")
if err != nil {
fmt.Println(err)
return
}
defer file.Close()
tag := r.FormValue("tag")
fileName := handler.Filename
f, err := os.OpenFile("./upload/"+fileName, os.O_WRONLY|os.O_CREATE, 0666)
if err != nil {
fmt.Println(err)
return
}
defer f.Close()
io.Copy(f, file)
insertData(fileName, "./upload/"+fileName, tag)
w.Write([]byte("上传成功"))
}- Paparkan foto
func getPhotos(w http.ResponseWriter, r *http.Request) {
tag := r.FormValue("tag")
var photos []Photo
if tag == "" {
db.Find(&photos)
} else {
db.Where("tag=?", tag).Find(&photos)
}
result := make([]string, len(photos))
for i, photo := range photos {
result[i] = photo.Path
}
jsonBytes, err := json.Marshal(result)
if err != nil {
fmt.Println(err)
return
}
w.Write(jsonBytes)
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>照片墙</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<style>
.photo {
width: 200px;
margin: 10px;
}
</style>
</head>
<body>
<input type="text" id="tag">
<button onclick="getPhotos()">搜索</button>
<div id="container">
<div class="grid-sizer"></div>
</div>
</body>
<script>
function getPhotos() {
var tag = document.getElementById("tag").value;
$.ajax({
url: "/getPhotos",
type: "GET",
data: {"tag": tag},
success: function (data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += '<div class="photo"><img src="' + data[i] + '"></div>';
}
$("#container").html(html);
var $container = $('#container');
$container.imagesLoaded(function () {
$container.masonry({
itemSelector: ".photo",
columnWidth: ".grid-sizer",
gutter: 10
});
});
}
});
}
</script>
</html>Atas ialah kandungan terperinci Golang melaksanakan dinding foto. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
GO Language Pack Import: Apakah perbezaan antara garis bawah dan tanpa garis bawah?
Mar 03, 2025 pm 05:17 PM
Artikel ini menerangkan mekanisme import pakej Go: Dinamakan import (mis., Import & quot; fmt & quot;) dan import kosong (mis., Import _ & quot; fmt & quot;). Dinamakan import membuat kandungan pakej boleh diakses, sementara import kosong hanya melaksanakan t
Bagaimana cara menukar senarai hasil pertanyaan mysql ke dalam slice struktur tersuai dalam bahasa Go?
Mar 03, 2025 pm 05:18 PM
Artikel ini memperincikan penukaran yang cekap hasil pertanyaan MySQL ke dalam kepingan struct go. Ia menekankan menggunakan kaedah imbasan pangkalan data/SQL untuk prestasi optimum, mengelakkan parsing manual. Amalan terbaik untuk pemetaan medan struct menggunakan tag db dan robus
Bagaimana untuk melaksanakan pemindahan maklumat jangka pendek antara halaman dalam kerangka beego?
Mar 03, 2025 pm 05:22 PM
Artikel ini menerangkan fungsi Newflash () Beego untuk pemindahan data antara halaman dalam aplikasi web. Ia memberi tumpuan kepada menggunakan NewFlash () untuk memaparkan mesej sementara (kejayaan, kesilapan, amaran) antara pengawal, memanfaatkan mekanisme sesi. Limita
Bagaimana saya boleh menentukan kekangan jenis tersuai untuk generik di GO?
Mar 10, 2025 pm 03:20 PM
Artikel ini meneroka kekangan jenis adat Go untuk generik. Ia memperincikan bagaimana antara muka menentukan keperluan jenis minimum untuk fungsi generik, meningkatkan keselamatan jenis dan kebolehgunaan semula kod. Artikel ini juga membincangkan batasan dan amalan terbaik
Bagaimana saya menulis objek dan stub untuk ujian di GO?
Mar 10, 2025 pm 05:38 PM
Artikel ini menunjukkan penciptaan dan stub di GO untuk ujian unit. Ia menekankan penggunaan antara muka, menyediakan contoh pelaksanaan mengejek, dan membincangkan amalan terbaik seperti menjaga mocks fokus dan menggunakan perpustakaan penegasan. Articl
Bagaimana cara menulis fail dalam bahasa Go dengan mudah?
Mar 03, 2025 pm 05:15 PM
Artikel ini memperincikan penulisan fail yang cekap di GO, membandingkan OS.WriteFile (sesuai untuk fail kecil) dengan os.openfile dan buffered menulis (optimum untuk fail besar). Ia menekankan pengendalian ralat yang teguh, menggunakan penangguhan, dan memeriksa kesilapan tertentu.
Bagaimana anda menulis ujian unit di GO?
Mar 21, 2025 pm 06:34 PM
Artikel ini membincangkan ujian unit menulis di GO, meliputi amalan terbaik, teknik mengejek, dan alat untuk pengurusan ujian yang cekap.
Bagaimana saya boleh menggunakan alat pengesanan untuk memahami aliran pelaksanaan aplikasi saya?
Mar 10, 2025 pm 05:36 PM
Artikel ini meneroka menggunakan alat pengesanan untuk menganalisis aliran pelaksanaan aplikasi GO. Ia membincangkan teknik instrumentasi manual dan automatik, membandingkan alat seperti Jaeger, Zipkin, dan OpenTelemetry, dan menonjolkan visualisasi data yang berkesan
