go run main.go\n<\/pre>\n\n\n\n

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

\nこのテストページが表示されます。<\/p>\n\n

$\"Create$ <\/p>

\n \n \n テスト\n<\/h2>\n\n

\n \n \n ページサイズのテスト\n<\/h3>\n\n
[ページサイズ] ドロップダウンから 50 を選択して、ページサイズを変更します。ページごとに 50 レコードが取得され、最後のページは 5 から 2 に変更されます。<\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 選別試験\n<\/h3>\n\n
最初の列のヘッダーをクリックします。 id 列が降順でソートされていることがわかります。<\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 検索テスト\n<\/h3>\n\n
「名前」列の検索テキストボックスに「no」と入力すると、フィルタリングされた結(jié)果データが表示されます。<\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 結(jié)論\n<\/h2>\n\n
結(jié)論として、私たちは AG-Grid を Go API と効果的に統(tǒng)合して、堅牢で効率的なデータグリッドソリューションを作成しました。 Go のバックエンド機能を利用することで、AG-Grid がサーバー側(cè)のフィルタリング、並べ替え、ページネーションを処理できるようになり、大規(guī)模なデータセットでもスムーズなパフォーマンスを確保できました。この統(tǒng)合により、データ管理が最適化されるだけでなく、フロントエンドの動的で応答性の高いテーブルによるユーザーエクスペリエンスも向上します。 AG-Grid と Go が連攜して動作することで、現(xiàn)実世界のアプリケーションに適したスケーラブルで高性能なグリッドシステムを構(gòu)築しました。<\/p>\n\n
ソースコード: https:\/\/github.com\/stackpuz\/Example-AG-Grid-Go<\/p>\n\n
數(shù)分で CRUD Web アプリを作成: https:\/\/stackpuz.com<\/p>\n\n\n \n\n \n <\/pre>"}

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

コミュニティ

學(xué)ぶ

ツールライブラリ

AIツール

レジャー

日本語

ホームページ

バックエンド開発

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

前提條件

Go 1.21
MySQL

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

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

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 ファイルを?qū)g行してテーブルとデータをインポートします。

プロジェクトの構(gòu)造

├─ .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 を使用してデータベース接続を設(shè)定します。これは、アプリケーションで後で使用するデータベース接続インスタンスを保持するグローバル変數(shù) 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 アプリケーションのルーティングを設(shè)定します。 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 データを返す関數(shù)を定義します。

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 メソッドが備えられています。このメソッドは、ページネーションのパラメータを抽出し、データベースから製品を取得するクエリを構(gòu)築し、検索語が指定されている場合はフィルタリングを適用します。一致する製品の合計をカウントした後、製品データと合計數(shù)を含む JSON 応答を返す前に、結(jié)果を順序付けして制限し、フロントエンドアプリケーションとの統(tǒng)合を容易にします。

メイン.ゴー

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

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」と入力すると、フィルタリングされた結(jié)果データが表示されます。

Create an API for AG-Grid with Go

結(jié)論

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

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

數(shù)分で CRUD Web アプリを作成: https://stackpuz.com