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

開啟網(wǎng)頁瀏覽器並前往http:\/\/localhost:8080

\n你會發(fā)現(xiàn)這個測試頁。 <\/p>\n\n

$\"Create$ <\/p>

\n \n \n 測試\n<\/h2>\n\n

\n \n \n 頁面大小測試\n<\/h3>\n\n
從「頁面大小」下拉清單中選擇 50 來變更頁面大小。每頁將顯示 50 筆記錄，最後一頁將從 5 筆變?yōu)?2 筆。 <\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 分選測試\n<\/h3>\n\n
點選第一列的標(biāo)題。您將看到 id 列將按降序排序。 <\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 搜尋測試\n<\/h3>\n\n
在“名稱”欄的搜尋文字方塊中輸入“否”，您將看到過濾後的結(jié)果資料。 <\/p>\n\n
$\"Create$ <\/p>\n\n

\n \n \n 結(jié)論\n<\/h2>\n\n
總之，我們有效地將 AG-Grid 與 Go API 集成，以創(chuàng)建強(qiáng)大且高效的資料網(wǎng)格解決方案。透過利用 Go 的後端功能，我們讓 AG-Grid 能夠處理伺服器端過濾、排序和分頁，即使在處理大型資料集時也能確保流暢的效能。這種整合不僅優(yōu)化了資料管理，還增強(qiáng)了前端動態(tài)、響應(yīng)式表格的使用者體驗。透過 AG-Grid 和 Go 的協(xié)調(diào)工作，我們建立了一個非常適合實際應(yīng)用的可擴(kuò)展且高效能的網(wǎng)格系統(tǒng)。 <\/p>\n\n
原始碼：https:\/\/github.com\/stackpuz\/Example-AG-Grid-Go<\/p>\n\n
在幾分鐘內(nèi)建立一個 CRUD Web 應(yīng)用程式：https:\/\/stackpuz.com<\/p>\n\n\n \n\n \n <\/pre>"}

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

社群

學(xué)習(xí)

工具庫

AI工具

休閒

繁體中文

首頁

後端開發(fā)

Golang

使用 Go 為 AG-Grid 建立 API

Barbara Streisand

Nov 22, 2024 pm 10:51 PM

Create an API for AG-Grid with Go

AG-Grid 是一個強(qiáng)大的 JavaScript 資料網(wǎng)格庫，非常適合建立具有排序、過濾和分頁等功能的動態(tài)高效能表格。在本文中，我們將在 Go 中建立一個 API 來支援 AG-Grid，從而實現(xiàn)高效的伺服器端資料操作，包括過濾、排序和分頁。透過將 AG-Grid 與 Go API 集成，我們將開發(fā)一個強(qiáng)大的解決方案，即使在處理大型資料集時也能確保平穩(wěn)的效能。

先決條件

去1.21
MySQL

設(shè)定項目

設(shè)定 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」的測試資料庫，並執(zhí)行database.sql檔案導(dǎo)入表和資料。

專案結(jié)構(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=

資料庫Go

此文件使用 GORM 設(shè)定資料庫連線。它聲明了一個全域變數(shù) DB 來保存資料庫連線實例，以便稍後在我們的應(yīng)用程式中使用。

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
}

路由器.go

此檔案為 Gin Web 應(yīng)用程式設(shè)定路由。它初始化 DataTables API 的路由器並在根 URL 處提供靜態(tài) 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()
}

產(chǎn)品.go

此文件定義應(yīng)用程式的產(chǎn)品模型。

package models

type Product struct {
    Id int
    Name string
    Price float64
}

產(chǎn)品控制器.go

此檔案定義了一個函數(shù)來處理傳入請求並傳回 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 應(yīng)用程式中與產(chǎn)品相關(guān)的 API 請求。它具有一個 Index 方法，可根據(jù)分頁、排序??和搜尋的查詢參數(shù)檢索分頁的產(chǎn)品清單。此方法提取分頁參數(shù)，建構(gòu)查詢以從資料庫中取得產(chǎn)品，並在提供搜尋字詞的情況下套用篩選。在統(tǒng)計匹配產(chǎn)品總數(shù)後，它會對結(jié)果進(jìn)行排序和限制，然後傳回包含產(chǎn)品資料和總數(shù)的 JSON 回應(yīng)，以便於與前端應(yīng)用程式整合。

主機(jī)程式

該檔案是我們應(yīng)用程式的主要入口點。它將創(chuàng)建並設(shè)定 Gin Web 應(yīng)用程式。

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

開啟網(wǎng)頁瀏覽器並前往http://localhost:8080

你會發(fā)現(xiàn)這個測試頁。

Create an API for AG-Grid with Go

測試

頁面大小測試

從「頁面大小」下拉清單中選擇 50 來變更頁面大小。每頁將顯示 50 筆記錄，最後一頁將從 5 筆變?yōu)?2 筆。

Create an API for AG-Grid with Go

分選測試

點選第一列的標(biāo)題。您將看到 id 列將按降序排序。

Create an API for AG-Grid with Go

搜尋測試

在“名稱”欄的搜尋文字方塊中輸入“否”，您將看到過濾後的結(jié)果資料。

Create an API for AG-Grid with Go

結(jié)論

總之，我們有效地將 AG-Grid 與 Go API 集成，以創(chuàng)建強(qiáng)大且高效的資料網(wǎng)格解決方案。透過利用 Go 的後端功能，我們讓 AG-Grid 能夠處理伺服器端過濾、排序和分頁，即使在處理大型資料集時也能確保流暢的效能。這種整合不僅優(yōu)化了資料管理，還增強(qiáng)了前端動態(tài)、響應(yīng)式表格的使用者體驗。透過 AG-Grid 和 Go 的協(xié)調(diào)工作，我們建立了一個非常適合實際應(yīng)用的可擴(kuò)展且高效能的網(wǎng)格系統(tǒng)。

原始碼：https://github.com/stackpuz/Example-AG-Grid-Go

在幾分鐘內(nèi)建立一個 CRUD Web 應(yīng)用程式：https://stackpuz.com