Golang使用GORM操作数据库全流程

答案:GORM通过结构体定义模型、自动迁移创建表、提供链式API进行CRUD操作,并支持连接池配置与错误排查。使用GORM需先连接数据库,定义如User等结构体模型,利用AutoMigrate建表,再通过Create、First、Save、Delete等方法实现数据操作,同时可通过标签自定义字段映射,结合Preload处理关联关系,结合事务保证数据一致性。

golang使用gorm操作数据库全流程

在Go语言的开发实践中,操作数据库是绕不开的核心环节。GORM作为Go社区中一个功能强大、设计优雅的ORM(对象关系映射)库,极大地简化了这一过程。它允许开发者通过Go的结构体(struct)来定义数据模型,并以面向对象的方式进行数据库的增删改查,避免了直接编写复杂的SQL语句,显著提升了开发效率和代码的可维护性。

GORM的核心价值在于其将Go语言的类型系统与关系型数据库的表结构无缝连接起来,让我们能够更专注于业务逻辑而非底层数据库操作的细节。

解决方案

使用GORM操作数据库,通常可以概括为以下几个关键步骤,它们共同构成了一个完整的工作流程:

首先,是环境准备和数据库连接。你需要安装GORM及其对应数据库的驱动(例如,MySQL使用

gorm.io/driver/mysql

,PostgreSQL使用

gorm.io/driver/postgres

)。连接数据库时,通过

gorm.Open()

函数传入数据库驱动和连接字符串,获取一个

*gorm.DB

实例。这个实例是后续所有数据库操作的入口。连接字符串的配置是关键,它包含了数据库的地址、端口、用户名、密码以及数据库名等信息。

立即学习“go语言免费学习笔记(深入)”;

package mainimport (    "gorm.io/driver/sqlite" // 示例使用SQLite,方便演示    "gorm.io/gorm"    "log")var DB *gorm.DBfunc init() {    var err error    // 实际项目中会连接MySQL/PostgreSQL等    DB, err = gorm.Open(sqlite.Open("gorm.db"), &gorm.Config{})    if err != nil {        log.Fatalf("无法连接到数据库: %v", err)    }    log.Println("数据库连接成功!")}func main() {    // 后续操作将在这里进行}

接着,是定义数据模型。在GORM中,数据模型就是普通的Go结构体。GORM会根据结构体的字段名、类型以及可选的GORM标签来推断数据库表的结构、字段类型和约束。通常,我们会在结构体中嵌入

gorm.Model

,它会自动提供

ID

CreatedAt

UpdatedAt

DeletedAt

这些常用字段,用于主键、创建时间、更新时间和软删除。

type User struct {    gorm.Model    Name    string `gorm:"type:varchar(100);not null;uniqueIndex"` // 姓名,非空,唯一索引    Email   string `gorm:"type:varchar(255);unique"`               // 邮箱,唯一    Age     int    `gorm:"default:18"`                             // 年龄,默认18    Address string `gorm:"size:255"`                               // 地址}

然后,执行数据库迁移。定义好模型后,你需要让GORM根据这些模型创建或更新数据库表结构。这通过

DB.AutoMigrate()

方法实现。它会检查数据库中是否存在对应的表,如果不存在则创建;如果表已存在,它会尝试添加新的字段,但不会删除或修改现有字段,这是一个相对安全的做法。

func init() {    // ... 数据库连接代码 ...    err = DB.AutoMigrate(&User{}) // 自动迁移User模型    if err != nil {        log.Fatalf("数据库迁移失败: %v", err)    }    log.Println("数据库迁移完成。")}

最后,是核心的CRUD操作。GORM提供了一系列直观的方法来执行数据的创建(Create)、读取(Retrieve)、更新(Update)和删除(Delete)。

创建:使用

DB.Create(&user)

来插入一条新记录。读取

DB.First(&user, id)

根据主键获取单条记录;

DB.Find(&users)

获取多条记录;

DB.Where("age > ?", 20).Find(&users)

进行条件查询。更新

DB.Save(&user)

保存一个已存在且被修改的记录;

DB.Model(&User{}).Where("id = ?", 1).Update("name", "New Name")

更新特定字段;

DB.Model(&User{}).Where("id = ?", 1).Updates(map[string]interface{}{"name": "New Name", "age": 30})

更新多个字段。删除

DB.Delete(&user, id)

进行软删除(如果模型包含

gorm.DeletedAt

字段),或

DB.Unscoped().Delete(&user, id)

进行硬删除。

// 创建用户func createUser(user *User) {    result := DB.Create(user)    if result.Error != nil {        log.Printf("创建用户失败: %v", result.Error)        return    }    log.Printf("用户创建成功,ID: %d", user.ID)}// 查询用户func getUserByID(id uint) *User {    var user User    result := DB.First(&user, id) // 根据ID查找    if result.Error != nil {        log.Printf("查询用户ID %d 失败: %v", id, result.Error)        return nil    }    log.Printf("查询到用户: %+v", user)    return &user}// 更新用户func updateUser(user *User) {    result := DB.Save(user) // 保存所有更改    if result.Error != nil {        log.Printf("更新用户失败: %v", result.Error)        return    }    log.Printf("用户更新成功,ID: %d", user.ID)}// 删除用户 (软删除)func deleteUser(id uint) {    result := DB.Delete(&User{}, id)    if result.Error != nil {        log.Printf("删除用户ID %d 失败: %v", id, result.Error)        return    }    log.Printf("用户ID %d 已被软删除", id)}

Golang GORM数据库连接失败?常见错误排查与最佳实践

在使用GORM进行数据库连接时,开发者常常会遇到一些连接上的问题,比如“dial tcp: lookup db_host: no such host”或“access denied for user”。这些错误通常指向几个核心问题:连接字符串配置不当、数据库服务未运行或网络不通、以及权限不足。

首先,检查连接字符串。这是最常见的“坑”。确保数据库地址(

host

)、端口(

port

)、用户名(

user

)、密码(

password

)和数据库名(

dbname

)都准确无误。例如,MySQL的连接字符串格式通常是

user:password@tcp(host:port)/dbname?charset=utf8mb4&parseTime=True&loc=Local

。特别要注意

parseTime=True

,它能让GORM正确解析数据库中的时间类型字段到Go的

time.Time

。如果少了,日期时间字段可能会报错。

loc=Local

也很重要,它确保时间处理符合本地时区。我个人就曾因为忘记

parseTime=True

,在开发环境一切正常,部署到生产环境后却发现时间字段无法解析,花了很长时间才定位到问题。

其次,确认数据库服务状态和网络连通性。数据库服务是否已经启动?防火墙是否阻止了Go应用与数据库端口的通信?尝试从Go应用运行的机器上,使用命令行工具(如

mysql -h host -P port -u user -p

psql -h host -p port -U user -d dbname

)手动连接数据库,这能有效验证网络和数据库服务的可用性。如果命令行都连不上,那问题肯定不在Go代码本身。

再者,数据库用户权限。连接数据库的用户是否拥有对目标数据库的读写权限?有时,为了安全,数据库管理员可能会限制用户的权限,导致应用无法执行某些操作。检查数据库用户对应的权限配置,确保其至少拥有

SELECT

,

INSERT

,

UPDATE

,

DELETE

等基本权限。

最后,驱动与GORM版本兼容性。虽然不常见,但偶尔也会遇到GORM版本与特定数据库驱动版本不兼容的情况。查阅GORM官方文档或驱动的GitHub仓库,确认你使用的版本是否支持。当遇到一些难以理解的错误时,尝试更新或降级GORM和驱动版本,有时能奇迹般地解决问题。

最佳实践方面,建议将数据库连接字符串等敏感信息,通过环境变量或配置文件进行管理,而不是硬编码在代码中。这不仅提高了安全性,也使得在不同部署环境(开发、测试、生产)之间切换配置变得更加灵活。同时,使用连接池也是必不可少的。GORM默认会使用连接池,但你可以通过

DB.SetMaxIdleConns()

DB.SetMaxOpenConns()

DB.SetConnMaxLifetime()

等方法进行调优,以适应应用的并发需求,避免连接频繁创建和销毁带来的性能开销。

// 优化连接池设置DB.SetMaxIdleConns(10)           // 设置空闲连接池中的最大连接数DB.SetMaxOpenConns(100)          // 设置数据库的最大打开连接数DB.SetConnMaxLifetime(time.Hour) // 设置连接可重用的最长时间

GORM模型设计:如何通过Go Struct优雅映射数据库表结构?

GORM模型的设计是使用GORM的关键,它直接影响到我们与数据库交互的便捷性和效率。Go结构体与数据库表的映射并非简单的一对一,GORM提供了丰富的标签(tag)和约定来精细化控制这一过程。

基础映射:默认情况下,GORM会将结构体字段名转换为蛇形命名(snake_case)作为数据库的列名。例如,

CreatedAt

会映射到

created_at

。结构体字段的类型也会被GORM映射到合适的数据库类型。例如,

string

通常映射到

VARCHAR

int

映射到

int

gorm.Model

的妙用:这是我个人非常推崇的一个设计。嵌入

gorm.Model

结构体,可以自动为你的模型添加

ID

(主键,

uint

)、

CreatedAt

(

time.Time

)、

UpdatedAt

(

time.Time

) 和

DeletedAt

(

gorm.DeletedAt

,用于软删除) 四个字段。这大大减少了重复代码,并使得软删除功能开箱即用。当

DeletedAt

字段不为空时,GORM的查询默认会排除这些“已删除”的记录,只有使用

Unscoped()

方法才能查询到。

自定义字段名与类型:如果你需要自定义数据库列名或类型,可以使用GORM标签。

gorm:"column:your_column_name;type:jsonb;size:255;not null;unique;default:value"

是常用的格式。

column:

指定数据库列名。

type:

指定数据库字段类型,如

VARCHAR(100)

TEXT

JSONB

等。这在需要使用数据库特有类型时非常有用。

size:

指定字段长度,通常用于字符串类型。

not null

:指定字段非空。

unique

:创建唯一索引。

default:

指定字段的默认值。

index

uniqueIndex

:创建普通索引或唯一索引。

type Product struct {    ID        uint           `gorm:"primaryKey"` // 明确指定主键    Code      string         `gorm:"unique;not null;index:idx_code"` // 唯一且非空,并创建名为idx_code的索引    Price     uint           `gorm:"default:0"`    CreatedAt time.Time    UpdatedAt time.Time    DeletedAt gorm.DeletedAt `gorm:"index"` // 软删除,并为DeletedAt字段创建索引    Details   string         `gorm:"type:jsonb"` // 示例:使用JSONB类型存储复杂数据}

关联关系:GORM对模型间的关联关系(一对一、一对多、多对多)提供了很好的支持。通过在结构体中定义关联字段,GORM能够自动处理外键和关联数据的加载。

一对一/一对多:在子模型中添加一个父模型的ID字段,并可以添加父模型结构体。多对多:通常需要一个中间表来维护关系。GORM可以通过

many2many

标签或手动定义中间表模型来处理。

// User 和 CreditCard 是一对一关系type CreditCard struct {    gorm.Model    Number string    UserID uint // 外键}// User 和 Order 是一对多关系type Order struct {    gorm.Model    OrderSN string    UserID  uint // 外键    User    User // 关联模型,用于Preload或Joins}// User 和 Role 是多对多关系type Role struct {    gorm.Model    Name  string    Users []User `gorm:"many2many:user_roles;"` // 中间表名为 user_roles}

在实际开发中,合理设计模型不仅能让代码更清晰,还能有效利用数据库索引,提升查询性能。例如,为经常用于查询条件的字段添加索引(

index

uniqueIndex

),能显著加速查询。对于复杂的数据结构,考虑使用JSONB等类型存储,避免过度范式化带来的join开销。当然,这需要权衡查询的灵活性和存储的效率。

GORM CRUD实战:掌握数据增删改查的核心操作技巧

GORM提供的CRUD操作方法,在日常开发中是使用频率最高的。掌握它们的细微之处,能帮助我们写出更健壮、更高效的代码。

创建 (Create)

DB.Create(&user)

是最直接的创建方式。GORM会自动填充

CreatedAt

UpdatedAt

字段,并在成功后将数据库生成的主键

ID

回填到结构体中。

newUser := User{Name: "Alice", Email: "alice@example.com", Age: 25}result := DB.Create(&newUser)if result.Error != nil {    log.Printf("创建用户失败: %v", result.Error)} else {    log.Printf("创建用户成功,ID: %d", newUser.ID)}

批量创建

DB.Create(&[]User{{Name: "Bob"}, {Name: "Charlie"}})

可以一次性插入多条记录,GORM会优化为单次SQL插入,效率更高。

读取 (Retrieve)

按主键查询

DB.First(&user, 1)

。如果找不到记录,

result.Error

会是

gorm.ErrRecordNotFound

条件查询

DB.Where("age > ?", 20).Find(&users)

Where

子句支持多种操作符,如

=


IN

LIKE

等。链式查询:GORM的查询方法可以链式调用,非常灵活。

DB.Where("name LIKE ?", "%o%").Order("age desc").Limit(10).Offset(0).Find(&users)

选择特定字段

DB.Select("name", "email").First(&user)

,只查询

name

email

字段,减少网络传输和内存开销。预加载关联数据

DB.Preload("Orders").First(&user, 1)

。这会在查询

user

的同时,额外执行一次查询来加载该用户的所有

Orders

,避免N+1查询问题。

// 查询年龄大于20,按年龄降序排列的前5个用户var activeUsers []UserDB.Where("age > ?", 20).Order("age desc").Limit(5).Find(&activeUsers)log.Printf("查询到的活跃用户: %+v", activeUsers)// 查找第一个匹配条件的用户var firstUser UserDB.Where("name = ?", "Alice").First(&firstUser)log.Printf("查找到的Alice: %+v", firstUser)

更新 (Update)

保存所有字段

DB.Save(&user)

。如果

user

结构体有主键,GORM会更新所有字段(包括零值),否则会创建新记录。更新单个字段

DB.Model(&User{}).Where("id = ?", 1).Update("name", "New Name")

。这只会更新

name

字段,其他字段不受影响。更新多个字段

DB.Model(&User{}).Where("id = ?", 1).Updates(map[string]interface{}{"name": "New Name", "age": 30})

DB.Model(&User{}).Where("id = ?", 1).Updates(User{Name: "New Name", Age: 30})

零值更新:默认情况下,GORM在

Updates

方法中会忽略零值字段(例如,

int

类型的0,

string

类型的空字符串)。如果需要更新零值,可以使用

DB.Model(&User{}).Where("id = ?", 1).UpdateColumn("age", 0)

DB.Model(&User{}).Where("id = ?", 1).Select("age").Updates(User{Age: 0})

。这在某些业务场景下非常重要,比如将一个计数器清零。

// 更新用户年龄if userToUpdate := getUserByID(1); userToUpdate != nil {    userToUpdate.Age = 26    updateUser(userToUpdate) // Save会更新所有字段}// 仅更新邮箱字段DB.Model(&User{}).Where("id = ?", 2).Update("email", "bob.new@example.com")

删除 (Delete)

软删除:如果模型包含

gorm.DeletedAt

字段,

DB.Delete(&user, id)

会执行软删除,即设置

DeletedAt

字段为当前时间戳,而不是真正从数据库中删除记录。这是GORM的默认行为,非常有用,可以防止数据误删。硬删除:如果需要真正从数据库中删除记录,可以使用

DB.Unscoped().Delete(&user, id)

批量删除

DB.Where("age > ?", 60).Delete(&User{})

可以批量删除符合条件的记录。

// 软删除ID为3的用户deleteUser(3)// 硬删除ID为4的用户 (假设存在且需要彻底移除)DB.Unscoped().Delete(&User{}, 4)log.Printf("用户ID 4 已被硬删除")

在实际应用中,灵活运用这些CRUD方法,并结合事务(

DB.Transaction(func(tx *gorm.DB) error { ... })

)来保证数据的一致性,是构建稳健数据库操作逻辑的关键。同时,对于复杂的查询,GORM也支持执行原生SQL,作为ORM的补充。这提供了一个很好的平衡点,让我们在享受ORM便利性的同时,也能处理那些ORM难以表达的复杂场景。

以上就是Golang使用GORM操作数据库全流程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1404930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月15日 20:54:59
下一篇 2025年12月15日 20:55:09

相关推荐

  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000
  • 布局 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在这里查看视觉效果: 固定导航 – 布局 – codesandbox两列 – 布局 – codesandbox三列 – 布局 – codesandbox圣杯 &#8…

    2025年12月24日
    000
  • 隐藏元素 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看隐藏元素的视觉效果 – codesandbox 隐藏元素 hiding elements hiding elements hiding elements hiding elements hiding element…

    2025年12月24日
    400
  • 居中 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看垂直中心 – codesandbox 和水平中心的视觉效果。 通过 css 居中 垂直居中 centering centering centering centering centering centering立即…

    2025年12月24日 好文分享
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 如何在移动端实现子 div 在父 div 内任意滑动查看?

    如何在移动端中实现让子 div 在父 div 内任意滑动查看 在移动端开发中,有时我们需要让子 div 在父 div 内任意滑动查看。然而,使用滚动条无法实现负值移动,因此需要采用其他方法。 解决方案: 使用绝对布局(absolute)或相对布局(relative):将子 div 设置为绝对或相对定…

    2025年12月24日
    000
  • 移动端嵌套 DIV 中子 DIV 如何水平滑动?

    移动端嵌套 DIV 中子 DIV 滑动 在移动端开发中,遇到这样的问题:当子 DIV 的高度小于父 DIV 时,无法在父 DIV 中水平滚动子 DIV。 无限画布 要实现子 DIV 在父 DIV 中任意滑动,需要创建一个无限画布。使用滚动无法达到负值,因此需要使用其他方法。 相对定位 一种方法是将子…

    2025年12月24日
    000
  • 移动端项目中,如何消除rem字体大小计算带来的CSS扭曲?

    移动端项目中消除rem字体大小计算带来的css扭曲 在移动端项目中,使用rem计算根节点字体大小可以实现自适应布局。但是,此方法可能会导致页面打开时出现css扭曲,这是因为页面内容在根节点字体大小赋值后重新渲染造成的。 解决方案: 要避免这种情况,将计算根节点字体大小的js脚本移动到页面的最前面,即…

    2025年12月24日
    000
  • Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?

    Nuxt 移动端项目中解决 rem 计算导致 CSS 变形 在 Nuxt 移动端项目中使用 rem 计算根节点字体大小时,可能会遇到一个问题:页面内容在字体大小发生变化时会重绘,导致 CSS 变形。 解决方案: 可将计算根节点字体大小的 JS 代码块置于页面最前端的 标签内,确保在其他资源加载之前执…

    2025年12月24日
    200
  • Nuxt 移动端项目使用 rem 计算字体大小导致页面变形,如何解决?

    rem 计算导致移动端页面变形的解决方法 在 nuxt 移动端项目中使用 rem 计算根节点字体大小时,页面会发生内容重绘,导致页面打开时出现样式变形。如何避免这种现象? 解决方案: 移动根节点字体大小计算代码到页面顶部,即 head 中。 原理: flexível.js 也遇到了类似问题,它的解决…

    2025年12月24日
    000
  • 形状 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看 codesandbox 的视觉效果。 通过css绘制各种形状 如何在 css 中绘制正方形、梯形、三角形、异形三角形、扇形、圆形、半圆、固定宽高比、0.5px 线? shapes 0.5px line .square { w…

    2025年12月24日
    000
  • 有哪些美观的开源数字大屏驾驶舱框架?

    开源数字大屏驾驶舱框架推荐 问题:有哪些美观的开源数字大屏驾驶舱框架? 答案: 资源包 [弗若恩智能大屏驾驶舱开发资源包](https://www.fanruan.com/resource/152) 软件 [弗若恩报表 – 数字大屏可视化组件](https://www.fanruan.c…

    2025年12月24日
    000
  • 网站底部如何实现飘彩带效果?

    网站底部飘彩带效果的 js 库实现 许多网站都会在特殊节日或活动中添加一些趣味性的视觉效果,例如点击按钮后散发的五彩缤纷的彩带。对于一个特定的网站来说,其飘彩带效果的实现方式可能有以下几个方面: 以 https://dub.sh/ 网站为例,它底部按钮点击后的彩带效果是由 javascript 库实…

    2025年12月24日
    000
  • 网站彩带效果背后是哪个JS库?

    网站彩带效果背后是哪个js库? 当你访问某些网站时,点击按钮后,屏幕上会飘出五颜六色的彩带,营造出庆祝的氛围。这些效果是通过使用javascript库实现的。 问题: 哪个javascript库能够实现网站上点击按钮散发彩带的效果? 答案: 根据给定网站的源代码分析: 可以发现,该网站使用了以下js…

    好文分享 2025年12月24日
    100
  • 产品预览卡项目

    这个项目最初是来自 Frontend Mentor 的挑战,旨在使用 HTML 和 CSS 创建响应式产品预览卡。最初的任务是设计一张具有视觉吸引力和功能性的产品卡,能够无缝适应各种屏幕尺寸。这涉及使用 CSS 媒体查询来确保布局在不同设备上保持一致且用户友好。产品卡包含产品图像、标签、标题、描述和…

    2025年12月24日
    100
  • 如何利用 echarts-gl 绘制带发光的 3D 图表?

    如何绘制带发光的 3d 图表,类似于 echarts 中的示例? 为了实现类似的 3d 图表效果,需要引入 echarts-gl 库:https://github.com/ecomfe/echarts-gl。 echarts-gl 专用于在 webgl 环境中渲染 3d 图形。它提供了各种 3d 图…

    2025年12月24日
    000
  • 如何在 Element UI 的 el-rate 组件中实现 5 颗星 5 分制与百分制之间的转换?

    如何在el-rate中将5颗星5分制的分值显示为5颗星百分制? 要实现该效果,只需使用 el-rate 组件的 allow-half 属性。在设置 allow-half 属性后,获得的结果乘以 20 即可得到0-100之间的百分制分数。如下所示: score = score * 20; 动态显示鼠标…

    2025年12月24日
    100
  • CSS 最佳实践:后端程序员重温 CSS 时常见的三个疑问?

    CSS 最佳实践:提升代码质量 作为后端程序员,在重温 CSS/HTML 时,你可能会遇到一些关于最佳实践的问题。以下将解答三个常见问题,帮助你编写更规范、清晰的 CSS 代码。 1. margin 设置策略 当相邻元素都设置了 margin 时,通常情况下应为上一个元素设置 margin-bott…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信