Rumah pembangunan bahagian belakang Golang Golang melaksanakan dinding foto

Golang melaksanakan dinding foto

May 13, 2023 am 10:36 AM

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:

  1. Kecekapan: Kelajuan kompilasi Golang sangat pantas dan mempunyai kelebihan yang ketara berbanding dengan C++ dan Java.
  2. Pengurusan memori: Pengurusan memori Golang dilengkapkan secara automatik oleh pengkompil dan pengaturcara tidak perlu mengurus memori secara manual.
  3. 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.
  4. 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:

  1. Muat naik foto: Pengguna perlu dapat Apabila memuat naik foto anda sendiri, anda juga perlu boleh menandai foto untuk pengelasan dan paparan yang mudah.
  2. Paparan foto: Foto yang dimuat naik hendaklah dikelaskan dan dipaparkan mengikut teg, dan pengguna boleh memilih teg untuk dilihat.
  3. 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

  1. 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
Salin selepas log masuk
  1. Reka bentuk pangkalan data
  2. <🎜. >
Kami memerlukan Reka bentuk pangkalan data untuk menyimpan imej yang dimuat naik oleh pengguna, jadi kami perlu mereka bentuk jadual yang mengandungi medan berikut:

    id (id foto, kunci utama)
  • nama (nama foto)
  • laluan (laluan foto, laluan tempat gambar disimpan pada pelayan)
  • tag (tag)
Medan di atas ialah maklumat foto yang perlu kami simpan.

    Muat naik foto
Kami perlu melaksanakan fungsi memuat naik foto pada klien supaya pengguna bebas memuat naik foto dan menandakannya. Pertama, kita perlu melaksanakan fungsi muat naik foto pada halaman hujung hadapan, yang boleh dilaksanakan menggunakan API Fail HTML5. Berikut ialah contoh kod:

<!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>
Salin selepas log masuk

Di bahagian pelayan, kita perlu menggunakan pakej http yang disediakan oleh golang untuk melaksanakan fungsi muat naik foto. Berikut ialah contoh kod:

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("上传成功"))
}
Salin selepas log masuk

Dalam kod di atas, kami menggunakan os.OpenFile() untuk menyimpan foto yang dimuat naik pada cakera setempat pelayan, dan kemudian memasukkan maklumat foto ke dalam pangkalan data.

    Paparkan foto
Kami memaparkan foto dalam kategori berdasarkan tag foto yang dimuat naik oleh pengguna. Di bahagian pelayan, kita perlu menanyakan pangkalan data, menapis foto dengan tag tertentu, dan mengembalikannya kepada pelanggan untuk paparan. Berikut ialah contoh kod:

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)
}
Salin selepas log masuk

Dalam kod di atas, kami mula-mula menanyakan pangkalan data berdasarkan teg yang diminta oleh pengguna dan mendapatkan senarai laluan foto yang memenuhi syarat. Kemudian tukar senarai laluan foto ke dalam format json dan kembalikan kepada klien.

Di halaman hadapan, kami boleh menggunakan perpustakaan Masonry.js untuk melaksanakan reka letak dinding foto Berikut ialah kod sampel:

<!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>
Salin selepas log masuk
Dalam pelanggan, kami menghantar permintaan ajax untuk mendapatkan senarai foto tag yang ditentukan. Kemudian senarai foto dijana secara dinamik ke dalam nod foto dan perpustakaan Masonry.js digunakan untuk melaksanakan reka letak gaya dinding foto.

5. Ringkasan

Dalam pelaksanaan ini, kami menggunakan bahasa golang untuk melaksanakan fungsi dinding foto. Dengan melaksanakan proses memuat naik dan memaparkan foto, kami mengetahui tentang sokongan bahasa golang untuk operasi fail dan operasi pangkalan data. Sebagai bahasa pengaturcaraan yang baru muncul, golang bukan sahaja mempunyai kelebihan dalam kesederhanaan dan kecekapan sintaks, tetapi juga menyokong pengaturcaraan serentak, dan mempunyai tempat tersendiri dalam senario aplikasi yang menangani konkurensi tinggi dan jumlah data yang besar. Pada masa hadapan, kita boleh terus belajar, meneroka dan mengaplikasikan bahasa golang secara mendalam.

Atas ialah kandungan terperinci Golang melaksanakan dinding foto. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah kelemahan debian openssl Apakah kelemahan debian openssl Apr 02, 2025 am 07:30 AM

OpenSSL, sebagai perpustakaan sumber terbuka yang digunakan secara meluas dalam komunikasi yang selamat, menyediakan algoritma penyulitan, kunci dan fungsi pengurusan sijil. Walau bagaimanapun, terdapat beberapa kelemahan keselamatan yang diketahui dalam versi sejarahnya, yang sebahagiannya sangat berbahaya. Artikel ini akan memberi tumpuan kepada kelemahan umum dan langkah -langkah tindak balas untuk OpenSSL dalam sistem Debian. Debianopenssl yang dikenal pasti: OpenSSL telah mengalami beberapa kelemahan yang serius, seperti: Kerentanan Pendarahan Jantung (CVE-2014-0160): Kelemahan ini mempengaruhi OpenSSL 1.0.1 hingga 1.0.1f dan 1.0.2 hingga 1.0.2 versi beta. Penyerang boleh menggunakan kelemahan ini untuk maklumat sensitif baca yang tidak dibenarkan di pelayan, termasuk kunci penyulitan, dll.

Bagaimana anda menggunakan alat PPROF untuk menganalisis prestasi GO? Bagaimana anda menggunakan alat PPROF untuk menganalisis prestasi GO? Mar 21, 2025 pm 06:37 PM

Artikel ini menerangkan cara menggunakan alat PPROF untuk menganalisis prestasi GO, termasuk membolehkan profil, mengumpul data, dan mengenal pasti kesesakan biasa seperti CPU dan isu memori.

Bagaimana anda menulis ujian unit di GO? 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.

Apakah masalah dengan thread giliran di crawler colly go? Apakah masalah dengan thread giliran di crawler colly go? Apr 02, 2025 pm 02:09 PM

Masalah Threading Giliran di GO Crawler Colly meneroka masalah menggunakan Perpustakaan Colly Crawler dalam bahasa Go, pemaju sering menghadapi masalah dengan benang dan permintaan beratur. � ...

Perpustakaan apa yang digunakan untuk operasi nombor terapung di GO? Perpustakaan apa yang digunakan untuk operasi nombor terapung di GO? Apr 02, 2025 pm 02:06 PM

Perpustakaan yang digunakan untuk operasi nombor terapung dalam bahasa Go memperkenalkan cara memastikan ketepatannya ...

Apakah arahan Go FMT dan mengapa ia penting? Apakah arahan Go FMT dan mengapa ia penting? Mar 20, 2025 pm 04:21 PM

Artikel ini membincangkan perintah Go FMT dalam pengaturcaraan GO, yang format kod untuk mematuhi garis panduan gaya rasmi. Ia menyoroti kepentingan GO FMT untuk mengekalkan konsistensi kod, kebolehbacaan, dan mengurangkan perdebatan gaya. Amalan terbaik untuk

Kaedah Pemantauan PostgreSQL di bawah Debian Kaedah Pemantauan PostgreSQL di bawah Debian Apr 02, 2025 am 07:27 AM

Artikel ini memperkenalkan pelbagai kaedah dan alat untuk memantau pangkalan data PostgreSQL di bawah sistem Debian, membantu anda memahami pemantauan prestasi pangkalan data sepenuhnya. 1. Gunakan PostgreSQL untuk membina pemantauan PostgreSQL sendiri menyediakan pelbagai pandangan untuk pemantauan aktiviti pangkalan data: PG_STAT_ACTIVITY: Memaparkan aktiviti pangkalan data dalam masa nyata, termasuk sambungan, pertanyaan, urus niaga dan maklumat lain. PG_STAT_REPLITI: Memantau status replikasi, terutamanya sesuai untuk kluster replikasi aliran. PG_STAT_DATABASE: Menyediakan statistik pangkalan data, seperti saiz pangkalan data, masa komitmen/masa rollback transaksi dan petunjuk utama lain. 2. Gunakan alat analisis log pgbadg

Berubah dari front-end ke pembangunan back-end, adakah lebih menjanjikan untuk belajar Java atau Golang? Berubah dari front-end ke pembangunan back-end, adakah lebih menjanjikan untuk belajar Java atau Golang? Apr 02, 2025 am 09:12 AM

Laluan Pembelajaran Backend: Perjalanan Eksplorasi dari Front-End ke Back-End sebagai pemula back-end yang berubah dari pembangunan front-end, anda sudah mempunyai asas Nodejs, ...

See all articles