Go で AG-Grid の API を作成する-Golang-php.cn

ホームページ

バックエンド開発

Golang

Go で AG-Grid の API を作成する

Barbara Streisand

Nov 22, 2024 pm 10:51 PM

Create an API for AG-Grid with Go

AG-Grid は強力な JavaScript データグリッドライブラリであり、並べ替え、フィルタリング、ページネーションなどの機能を備えた動的で高性能なテーブルの構築に最適です。この記事では、AG-Grid をサポートする API を Go で作成し、フィルタリング、並べ替え、ページネーションなどの効率的なサーバー側のデータ操作を可能にします。 AG-Grid を Go API と統合することで、大規模なデータセットを操作する場合でもスムーズなパフォーマンスを保証する堅牢なソリューションを開発します。

前提条件

Go 1.21
MySQL

プロジェクトのセットアップ

Go プロジェクトの依存関係を設定します。

go mod init app
go get github.com/gin-gonic/gin
go get gorm.io/gorm
go get gorm.io/driver/mysql
go get github.com/joho/godotenv

ログイン後にコピー

「example」という名前のテストデータベースを作成し、database.sql ファイルを実行してテーブルとデータをインポートします。

プロジェクトの構造

├─ .env
├─ main.go
├─ config
│  └─ db.go
├─ controllers
│  └─ product_controller.go
├─ models
│  └─ product.go
├─ public
│  └─ index.html
└─ router
   └─ router.go

ログイン後にコピー

プロジェクトファイル

.env

このファイルにはデータベース接続情報が含まれています。

DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=example
DB_USER=root
DB_PASSWORD=

ログイン後にコピー

db.go

このファイルは、GORM を使用してデータベース接続を設定します。これは、アプリケーションで後で使用するデータベース接続インスタンスを保持するグローバル変数 DB を宣言します。

package config

import (
    "fmt"
    "os"

    "github.com/joho/godotenv"
    "gorm.io/driver/mysql"
    "gorm.io/gorm"
    "gorm.io/gorm/schema"
)

var DB *gorm.DB

func SetupDatabase() {
    godotenv.Load()
    connection := fmt.Sprintf("%s:%s@tcp(%s:%s)/%s?charset=utf8mb4&parseTime=true", os.Getenv("DB_USER"), os.Getenv("DB_PASSWORD"), os.Getenv("DB_HOST"), os.Getenv("DB_PORT"), os.Getenv("DB_DATABASE"))
    db, _ := gorm.Open(mysql.Open(connection), &gorm.Config{NamingStrategy: schema.NamingStrategy{SingularTable: true}})
    DB = db
}

ログイン後にコピー

ルーター.ゴー

このファイルは、Gin Web アプリケーションのルーティングを設定します。 DataTables API のルーターを初期化し、ルート URL で静的なindex.html ファイルを提供します。

package router

import (
    "app/controllers"

    "github.com/gin-gonic/gin"
)

func SetupRouter() {
    productController := controllers.ProductController{}
    router := gin.Default()
    router.StaticFile("/", "./public/index.html")
    router.GET("/api/products", productController.Index)
    router.Run()
}

ログイン後にコピー

製品.go

このファイルは、アプリケーションの製品モデルを定義します。

package models

type Product struct {
    Id int
    Name string
    Price float64
}

ログイン後にコピー

product_controller.go

このファイルは、受信リクエストを処理し、DataTables データを返す関数を定義します。

package controllers

import (
    "app/config"
    "app/models"
    "net/http"
    "strconv"

    "github.com/gin-gonic/gin"
)

type ProductController struct {
}

func (con *ProductController) Index(c *gin.Context) {
    size, _ := strconv.Atoi(c.DefaultQuery("length", "10"))
    start, _ := strconv.Atoi(c.Query("start"))
    order := "id"
    if c.Query("order[0][column]") != "" {
        order = c.Query("columns[" + c.Query("order[0][column]") + "][data]")
    }
    direction := c.DefaultQuery("order[0][dir]", "asc")
    var products []models.Product
    query := config.DB.Model(&products)
    var recordsTotal, recordsFiltered int64
    query.Count(&recordsTotal)
    search := c.Query("search[value]")
    if search != "" {
        search = "%" + search + "%"
        query.Where("name like ?", search)
    }
    query.Count(&recordsFiltered)
    query.Order(order + " " + direction).
        Offset(start).
        Limit(size).
        Find(&products)
    c.JSON(http.StatusOK, gin.H{"draw": c.Query("draw"), "recordsTotal": recordsTotal, "recordsFiltered": recordsFiltered, "data": products})
}

ログイン後にコピー

product_controller.go ファイルは、Gin フレームワークを使用して Go アプリケーションで製品関連の API リクエストを管理するためのコントローラーを定義します。これには、ページ分割、並べ替え、および検索のためのクエリパラメーターに基づいて、ページ分割された製品のリストを取得する Index メソッドが備えられています。このメソッドは、ページネーションのパラメータを抽出し、データベースから製品を取得するクエリを構築し、検索語が指定されている場合はフィルタリングを適用します。一致する製品の合計をカウントした後、製品データと合計数を含む JSON 応答を返す前に、結果を順序付けして制限し、フロントエンドアプリケーションとの統合を容易にします。

メイン.ゴー

このファイルは、アプリケーションのメインのエントリポイントです。これにより、Gin Web アプリケーションが作成および設定されます。

package main

import (
    "app/config"
    "app/router"
)

func main() {
    config.SetupDatabase()
    router.SetupRouter()
}

ログイン後にコピー

インデックス.html

<!DOCTYPE html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
</head>
<body>
    <div>



<p>The index.html file sets up a web page that uses the AG-Grid library to display a dynamic data grid for products. It includes a grid styled with the AG-Grid theme and a JavaScript section that constructs query parameters for pagination, sorting, and filtering. The grid is configured with columns for ID, Name, and Price, and it fetches product data from an API endpoint based on user interactions. Upon loading, the grid is initialized, allowing users to view and manipulate the product list effectively.</p>

<h2>
  
  
  Run project
</h2>



<pre class="brush:php;toolbar:false">go run main.go

ログイン後にコピー

Web ブラウザを開いて http://localhost:8080 に移動します

このテストページが表示されます。

Create an API for AG-Grid with Go

テスト

ページサイズのテスト

[ページサイズ] ドロップダウンから 50 を選択して、ページサイズを変更します。ページごとに 50 レコードが取得され、最後のページは 5 から 2 に変更されます。

Create an API for AG-Grid with Go

選別試験

最初の列のヘッダーをクリックします。 id 列が降順でソートされていることがわかります。

Create an API for AG-Grid with Go

検索テスト

「名前」列の検索テキストボックスに「no」と入力すると、フィルタリングされた結果データが表示されます。

Create an API for AG-Grid with Go

結論

結論として、私たちは AG-Grid を Go API と効果的に統合して、堅牢で効率的なデータグリッドソリューションを作成しました。 Go のバックエンド機能を利用することで、AG-Grid がサーバー側のフィルタリング、並べ替え、ページネーションを処理できるようになり、大規模なデータセットでもスムーズなパフォーマンスを確保できました。この統合により、データ管理が最適化されるだけでなく、フロントエンドの動的で応答性の高いテーブルによるユーザーエクスペリエンスも向上します。 AG-Grid と Go が連携して動作することで、現実世界のアプリケーションに適したスケーラブルで高性能なグリッドシステムを構築しました。

ソースコード: https://github.com/stackpuz/Example-AG-Grid-Go

数分で CRUD Web アプリを作成: https://stackpuz.com

以上がGo で AG-Grid の API を作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7786

Java チュートリアル

1644

CakePHP チュートリアル

1401

Laravel チュートリアル

1297

PHP チュートリアル

1234

Related knowledge

Debian OpenSSLの脆弱性は何ですか Apr 02, 2025 am 07:30 AM

OpenSSLは、安全な通信で広く使用されているオープンソースライブラリとして、暗号化アルゴリズム、キー、証明書管理機能を提供します。ただし、その歴史的バージョンにはいくつかの既知のセキュリティの脆弱性があり、その一部は非常に有害です。この記事では、Debian SystemsのOpenSSLの共通の脆弱性と対応測定に焦点を当てます。 Debianopensslの既知の脆弱性：OpenSSLは、次のようないくつかの深刻な脆弱性を経験しています。攻撃者は、この脆弱性を、暗号化キーなどを含む、サーバー上の不正な読み取りの敏感な情報に使用できます。