AG-Grid は強(qiáng)力な JavaScript データ グリッド ライブラリであり、並べ替え、フィルタリング、ページネーションなどの機(jī)能を備えた動(dòng)的で高性能なテーブルの構(gòu)築に最適です。この記事では、AG-Grid をサポートする API を Go で作成し、フィルタリング、並べ替え、ページネーションなどの効率的なサーバー側(cè)のデータ操作を可能にします。 AG-Grid を Go API と統(tǒng)合することで、大規(guī)模なデータセットを操作する場(chǎng)合でもスムーズなパフォーマンスを保証する堅(jiān)牢なソリューションを開(kāi)発します。
前提條件
- 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
このファイルにはデータベース接続情報(bào)が含まれています。
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)築し、検索語(yǔ)が指定されている場(chǎng)合はフィルタリングを適用します。一致する製品の合計(jì)をカウントした後、製品データと合計(jì)數(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 ブラウザを開(kāi)いて http://localhost:8080 に移動(dòng)します
このテスト ページが表示されます。
テスト
ページサイズのテスト
[ページ サイズ] ドロップダウンから 50 を選択して、ページ サイズを変更します。ページごとに 50 レコードが取得され、最後のページは 5 から 2 に変更されます。
選別試験
最初の列のヘッダーをクリックします。 id 列が降順でソートされていることがわかります。
検索テスト
「名前」列の検索テキストボックスに「no」と入力すると、フィルタリングされた結(jié)果データが表示されます。
結(jié)論
結(jié)論として、私たちは AG-Grid を Go API と効果的に統(tǒng)合して、堅(jiān)牢で効率的なデータ グリッド ソリューションを作成しました。 Go のバックエンド機(jī)能を利用することで、AG-Grid がサーバー側(cè)のフィルタリング、並べ替え、ページネーションを処理できるようになり、大規(guī)模なデータセットでもスムーズなパフォーマンスを確保できました。この統(tǒng)合により、データ管理が最適化されるだけでなく、フロントエンドの動(dòng)的で応答性の高いテーブルによるユーザー エクスペリエンスも向上します。 AG-Grid と Go が連攜して動(dòng)作することで、現(xiàn)実世界のアプリケーションに適したスケーラブルで高性能なグリッド システムを構(gòu)築しました。
ソースコード: https://github.com/stackpuz/Example-AG-Grid-Go
數(shù)分で CRUD Web アプリを作成: https://stackpuz.com
以上がGo で AG-Grid の API を作成するの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫(huà)像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Golang Frontendまたはバックエンドです
Jul 08, 2025 am 01:44 AM
Golangは主にバックエンド開(kāi)発に使用されますが、フロントエンドフィールドで間接的な役割を果たすこともできます。その設(shè)計(jì)目標(biāo)は、高性能、同時(shí)処理、システムレベルのプログラミングに焦點(diǎn)を當(dāng)てており、APIサーバー、マイクロサービス、分散システム、データベース操作、CLIツールなどのバックエンドアプリケーションの構(gòu)築に適しています。 GolangはWebフロントエンドの主流言語(yǔ)ではありませんが、Gopherjsを介してJavaScriptにコンパイルしたり、Tinygoを介してWebAssemblyで実行したり、テンプレートエンジンを備えたHTMLページを生成してフロントエンド開(kāi)発に參加できます。ただし、最新のフロントエンド開(kāi)発は、JavaScript/TypeScriptとそのエコシステムに依存する必要があります。したがって、Golangは、コアとして高性能バックエンドを備えたテクノロジースタック選択により適しています。
GOのインストール方法
Jul 09, 2025 am 02:37 AM
GOをインストールするための鍵は、正しいバージョンを選択し、環(huán)境変數(shù)を構(gòu)成し、インストールを検証することです。 1.公式Webサイトにアクセスして、対応するシステムのインストールパッケージをダウンロードします。 Windowsは.msiファイルを使用し、macosは.pkgファイルを使用し、Linuxは.tar.gzファイルを使用し、 /usr /localディレクトリに解凍します。 2.環(huán)境変數(shù)を構(gòu)成し、linux/macOSで?/.bashrcまたは?/.zshrcを編集してパスとgopathを追加し、Windowsがシステムプロパティに移動(dòng)するパスを設(shè)定します。 3.政府コマンドを使用してインストールを確認(rèn)し、テストプログラムを?qū)g行してhello.goを?qū)g行して、編集と実行が正常であることを確認(rèn)します。プロセス全體のパス設(shè)定とループ
GolangでGraphQL APIを構(gòu)築する方法
Jul 08, 2025 am 01:03 AM
GOでGraphQlapiを構(gòu)築するには、GQLGenライブラリを使用して開(kāi)発効率を向上させることをお?jiǎng)幛幛筏蓼埂?1.最初に、スキーマに基づいた自動(dòng)コード生成をサポートするGQLGENなどの適切なライブラリを選択します。 2。次に、graphqlschemaを定義し、投稿の種類やクエリメソッドの定義など、API構(gòu)造とクエリポータルを説明します。 3。次に、プロジェクトを初期化し、基本コードを生成して、リゾルバにビジネスロジックを?qū)g裝します。 4.最後に、graphqlhandlerをhttpserverに接続し、組み込みの遊び場(chǎng)を介してAPIをテストします。メモには、プロジェクトのメンテナンスを確保するためのフィールドネーミング仕様、エラー処理、パフォーマンスの最適化、セキュリティ設(shè)定が含まれます
GO SYNC.WAITGROUPの例
Jul 09, 2025 am 01:48 AM
sync.waitgroupは、ゴルチンのグループがタスクを完了するのを待つために使用されます。そのコアは、3つの方法で協(xié)力することです。追加、完了、待機(jī)です。 1.ADD（n）待機(jī)するゴルチンの數(shù)を設(shè)定します。 2.done（）は各ゴルチンの端で呼び出され、カウントは1つ減少します。 3.wait（）すべてのタスクが完了するまでメインコルーチンをブロックします。使用する場(chǎng)合は、注意してください。Goroutineの外部で追加する必要があります。重複を避け、Donが呼び出されていることを確認(rèn)してください。 Deferで使用することをお?jiǎng)幛幛筏蓼?。これは、Webページの同時(shí)クロール、バッチデータ処理、その他のシナリオで一般的であり、並行性プロセスを効果的に制御できます。
埋め込みパッケージチュートリアルに移動(dòng)します
Jul 09, 2025 am 02:46 AM
Goの埋め込みパッケージを使用すると、靜的リソースをバイナリに簡(jiǎn)単に埋め込み、Webサービスに適しており、HTML、CSS、寫真、その他のファイルをパッケージ化できます。 1。追加する埋め込みリソースを宣言します// go：embed comment hello.txtを埋め込むなど、変數(shù)の前に埋め込みます。 2。static/*などのディレクトリ全體に埋め込み、embed.fsを介してマルチファイルパッケージを?qū)g現(xiàn)できます。 3.効率を改善するために、ビルドタグまたは環(huán)境変數(shù)を介してディスクロードモードを切り替えることをお?jiǎng)幛幛筏蓼埂?4.パスの精度、ファイルサイズの制限、埋め込みリソースの読み取り専用特性に注意してください。埋め込みの合理的な使用は、展開(kāi)を簡(jiǎn)素化し、プロジェクト構(gòu)造を最適化することができます。
オーディオ/ビデオ?jiǎng)I理に移動(dòng)します
Jul 20, 2025 am 04:14 AM
オーディオとビデオ?jiǎng)I理の中核は、基本的なプロセスと最適化方法を理解することにあります。 1.基本的なプロセスには、取得、エンコード、送信、デコード、再生が含まれ、各リンクには技術(shù)的な困難があります。 2。オーディオおよびビデオの異常、遅延、音のノイズ、ぼやけた畫(huà)像などの一般的な問(wèn)題は、同期調(diào)整、コーディング最適化、ノイズ減少モジュール、パラメーター調(diào)整などを通じて解決できます。 3. FFMPEG、OPENCV、WeBRTC、GSTREAMER、およびその他のツールを使用して機(jī)能を達(dá)成することをお?jiǎng)幛幛筏蓼埂?4.パフォーマンス管理の観點(diǎn)から、ハードウェアの加速、解像度フレームレートの合理的な設(shè)定、並行性の制御、およびメモリの漏れの問(wèn)題に注意を払う必要があります。これらの重要なポイントを習(xí)得すると、開(kāi)発効率とユーザーエクスペリエンスの向上に役立ちます。
GOでWebサーバーを構(gòu)築する方法
Jul 15, 2025 am 03:05 AM
GOで書(shū)かれたWebサーバーを構(gòu)築することは難しくありません。コアは、Net/HTTPパッケージを使用して基本サービスを?qū)g裝することにあります。 1. Net/HTTPを使用して最もシンプルなサーバーを起動(dòng)します。処理機(jī)能を登録し、數(shù)行のコードを介してポートをリッスンします。 2。ルーティング管理：Servemuxを使用して、構(gòu)造化された管理を容易にするために複數(shù)のインターフェイスパスを整理します。 3。共通の実踐：機(jī)能モジュールによるグループルーティング、およびサードパーティライブラリを使用して複雑なマッチングをサポートします。 4.靜的ファイルサービス：http.fileserverを介してHTML、CSS、JSファイルを提供します。 5。パフォーマンスとセキュリティ：HTTPSを有効にし、リクエスト本體のサイズを制限し、セキュリティとパフォーマンスを改善するためのタイムアウトを設(shè)定します。これらの重要なポイントを習(xí)得した後、機(jī)能を拡大する方が簡(jiǎn)単になります。
デフォルトのケースで選択します
Jul 14, 2025 am 02:54 AM
Select Plusのデフォルトの目的は、他のブランチがプログラムブロッキングを避ける準(zhǔn)備ができていない場(chǎng)合にデフォルトの動(dòng)作を?qū)g行できるようにすることです。 1.ブロックせずにチャネルからデータを受信すると、チャネルが空の場(chǎng)合、デフォルトのブランチに直接入力されます。 2。時(shí)間と組み合わせて。後またはティッカー、定期的にデータを送信してみてください。チャネルがいっぱいの場(chǎng)合、ブロックしてスキップしません。 3.デッドロックを防ぎ、チャネルが閉じられているかどうかが不確かなときにプログラムが詰まっていることを避けます。それを使用する場(chǎng)合、デフォルトのブランチはすぐに実行され、亂用することはできず、デフォルトとケースは相互に排他的であり、同時(shí)に実行されないことに注意してください。
