Golang实现基础CSV数据统计项目

答案:使用Golang实现CSV数据统计需依次完成文件读取、数据解析、类型转换、清洗及聚合计算。首先利用encoding/csv包读取文件,通过csv.NewReader配置分隔符并逐行解析,跳过或处理标题行;为提升内存效率,优先循环调用reader.Read()而非ReadAll()。接着定义结构体(如SaleRecord)映射每行数据,增强代码可读性与类型安全。关键步骤是数据清洗与类型转换,借助strconv.Atoi和ParseFloat将字符串转为数值,并严格检查error,对转换失败行选择跳过、设默认值或记录日志。面对复杂结构,可调整Reader配置(如Comma、LazyQuotes),或自定义切分逻辑应对非标准格式。统计阶段利用map实现分组聚合(如按产品汇总销售额),计算总和、均值等指标。最终结果可通过fmt输出至控制台,用csv.NewWriter写入新CSV文件,序列化为JSON供API调用,存入数据库长期管理,或发布到消息队列实现系统解耦。整个流程强调错误处理、内存优化与扩展性,确保从原始数据中精准提取业务洞察。

golang实现基础csv数据统计项目

使用Golang实现一个基础的CSV数据统计项目,核心在于高效地读取、解析CSV文件,对特定列的数据执行聚合计算(如求和、平均、计数),并将结果清晰地呈现出来。这不仅锻炼了文件I/O和数据处理能力,更重要的是,它能将原始的、看似杂乱的表格数据转化为有实际意义的洞察。

解决方案

着手构建一个Golang基础CSV数据统计项目,我通常会从以下几个关键步骤展开思考和实践:

首先,是文件读取与基础解析。Golang的标准库

encoding/csv

提供了非常便利的接口。我会先用

os.Open

打开CSV文件,然后通过

csv.NewReader

创建一个读取器。这里有个小技巧,如果CSV文件包含标题行,通常我会先调用

reader.Read()

来跳过它,或者将其作为列名的映射基础。在实际操作中,我发现

reader.ReadAll()

虽然方便,但对于非常大的文件可能会一次性加载到内存,这时候循环调用

reader.Read()

处理每一行会是更好的选择,尤其是在内存敏感的场景下。

package mainimport (    "encoding/csv"    "fmt"    "io"    "os"    "strconv")// SaleRecord 假设我们的CSV数据包含销售记录type SaleRecord struct {    Region     string    Product    string    UnitsSold  int    UnitPrice  float64    TotalSales float64}func main() {    filePath := "sales_data.csv" // 假设有这样一个文件    file, err := os.Open(filePath)    if err != nil {        fmt.Printf("Error opening file: %vn", err)        return    }    defer file.Close()    reader := csv.NewReader(file)    // reader.Comma = ';' // 如果你的分隔符不是逗号,可以在这里设置    // 读取标题行    header, err := reader.Read()    if err != nil {        fmt.Printf("Error reading header: %vn", err)        return    }    fmt.Printf("Header: %vn", header)    var records []SaleRecord    for {        row, err := reader.Read()        if err == io.EOF {            break // 文件读取完毕        }        if err != nil {            fmt.Printf("Error reading row: %vn", err)            continue // 遇到错误行,跳过或记录        }        // 数据类型转换与错误处理        unitsSold, err := strconv.Atoi(row[2])        if err != nil {            fmt.Printf("Skipping row due to unitsSold conversion error: %v, row: %vn", err, row)            continue        }        unitPrice, err := strconv.ParseFloat(row[3], 64)        if err != nil {            fmt.Printf("Skipping row due to unitPrice conversion error: %v, row: %vn", err, row)            continue        }        totalSales, err := strconv.ParseFloat(row[4], 64)        if err != nil {            fmt.Printf("Skipping row due to totalSales conversion error: %v, row: %vn", err, row)            continue        }        record := SaleRecord{            Region:     row[0],            Product:    row[1],            UnitsSold:  unitsSold,            UnitPrice:  unitPrice,            TotalSales: totalSales,        }        records = append(records, record)    }    // 执行统计    totalUnitsSold := 0    totalRevenue := 0.0    for _, rec := range records {        totalUnitsSold += rec.UnitsSold        totalRevenue += rec.TotalSales    }    fmt.Printf("n--- Statistics ---n")    fmt.Printf("Total Records Processed: %dn", len(records))    fmt.Printf("Total Units Sold: %dn", totalUnitsSold)    fmt.Printf("Total Revenue: %.2fn", totalRevenue)    // 进一步统计,例如按产品分组    productSales := make(map[string]float64)    for _, rec := range records {        productSales[rec.Product] += rec.TotalSales    }    fmt.Printf("n--- Sales by Product ---n")    for product, sales := range productSales {        fmt.Printf("%s: %.2fn", product, sales)    }}

接着是数据结构的设计。为了更好地组织和处理解析出的数据,我会定义一个或多个结构体(

struct

),将CSV的每一行映射成结构体的一个实例。这样做的好处是代码可读性强,而且类型安全。比如,如果CSV有“产品名称”、“销量”、“单价”等列,我会定义一个

ProductSales

结构体,包含

ProductName string

,

UnitsSold int

,

UnitPrice float64

等字段。

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

然后,进行数据类型转换和清洗。CSV文件中的所有数据默认都是字符串,但在统计时,数字类型的列需要转换成

int

float64

。这里我会大量使用

strconv

包,比如

strconv.Atoi

strconv.ParseFloat

。这个阶段也是错误处理的重灾区,因为CSV文件经常会出现格式不规范、数据缺失或类型不匹配的情况。我个人的经验是,对于无法转换的字段,要么跳过当前行,要么赋予一个默认值,或者记录下错误,具体策略取决于业务需求。

最后,是执行统计计算。一旦数据被正确解析并存储在结构体切片中,就可以开始进行各种统计了。基础的如求和、平均值、最大值、最小值,稍微复杂一点的可能涉及分组(Group By)和聚合(Aggregate)。Golang的

map

在这里非常有用,可以方便地实现按某个字段进行分组统计。例如,计算不同产品的总销售额,就可以用

map[string]float64

来存储。

Golang处理CSV数据时,如何确保数据清洗和类型转换的准确性?

在Golang处理CSV数据时,数据清洗和类型转换的准确性是项目成功的基石。我个人觉得,这不仅仅是技术问题,更是一种“防御性编程”的体现。

首先,明确数据预期。在编写代码之前,我会先了解CSV文件的结构和每列的数据类型预期。比如,如果一列应该是整数,但出现了文本,那么这就是一个需要处理的异常。

其次,利用

strconv

包进行严格转换。Golang的

strconv

包是进行字符串与基本类型之间转换的标准工具。

Atoi

ParseInt

ParseFloat

等函数都会返回两个值:转换后的结果和一个

error

。这个

error

是关键。我总是会检查这个

error

。如果

err != nil

,说明转换失败,这时就不能盲目使用转换后的值。

// 示例:安全地将字符串转换为整数func parseIntSafe(s string) (int, error) {    val, err := strconv.Atoi(s)    if err != nil {        // 可以在这里记录日志,或者返回一个特定的错误类型        return 0, fmt.Errorf("failed to parse int '%s': %w", s, err)    }    return val, nil}

再来,制定错误处理策略。当数据转换失败时,我们不能让程序崩溃。常见的策略有:

跳过错误行:这是最简单粗暴但有时有效的方法。如果错误数据占比较小,或者统计结果对少量缺失数据不敏感,可以采用。记录错误并继续:将错误信息(如行号、原始数据、错误原因)记录下来,然后继续处理下一行。这对于事后排查问题非常有用。使用默认值:如果某个字段转换失败,可以给它赋一个预设的默认值(例如,数字字段赋0,字符串字段赋空字符串)。但这需要业务逻辑允许,并且要清楚这可能对统计结果产生影响。提前验证:在尝试转换之前,可以先用正则表达式或其他方法对字符串进行初步验证,判断其是否符合预期格式。虽然增加了代码量,但可以更早地发现问题。

此外,处理空值和边界情况也很重要。CSV中经常会出现空字符串,或者一些表示“无”的特殊字符。在转换前,检查字符串是否为空,或者是否是这些特殊字符,并根据业务逻辑进行处理。比如,空字符串转换为数字时,我通常会将其视为0或者直接跳过。

最后,保持一致性。确保所有相关字段的转换逻辑保持一致,避免因为不同地方使用不同策略而引入新的问题。我个人习惯会把这些转换逻辑封装成辅助函数,提高代码的复用性和可维护性。

面对结构复杂的CSV文件,Golang有哪些灵活的解析策略?

处理结构复杂的CSV文件,远不是简单地

reader.Read()

就能解决的。我经常遇到一些“非标准”的CSV,比如分隔符不是逗号,或者某些字段本身包含分隔符但没有正确引用。这时候,Golang的

encoding/csv

包依然能提供不少灵活性,但有时候也需要我们自己动手,更精细地控制解析过程。

首先,调整

csv.Reader

的配置

encoding/csv

包的

Reader

结构体提供了一些可配置的字段,可以应对大部分非标准情况:

reader.Comma

:这是最常用的,用于设置字段分隔符。如果你的CSV是用分号

;

或制表符

t

分隔的,可以这样设置:

reader.Comma = ';'

reader.FieldsPerRecord

:这个字段在处理每行字段数量不一致的CSV时非常有用。如果设置为一个正数N,那么每行必须有N个字段,否则会返回错误。如果设置为0,则允许每行字段数量不一致,这在某些日志文件或不规则数据中很常见。设置为-1,则表示不检查字段数量。

reader.LazyQuotes

:当CSV文件中的引号(

"

)使用不规范时(例如,包含未转义的引号),设置为

true

可以避免解析错误,让解析器更宽容地处理这些情况。当然,这可能会导致数据解析的“不准确”,所以要权衡。

reader.Comment

:如果CSV文件中有以特定字符开头的注释行,可以设置这个字段,让解析器自动跳过这些行。

其次,自定义解析逻辑。当

encoding/csv

的配置不足以应对时,我就会考虑更底层的解析方式。例如,如果CSV的每一行结构都非常独特,或者包含多行记录(多行代表一个逻辑记录),那么可以:

迷你天猫商城

迷你天猫商城

迷你天猫商城是一个基于Spring Boot的综合性B2C电商平台,需求设计主要参考天猫商城的购物流程:用户从注册开始,到完成登录,浏览商品,加入购物车,进行下单,确认收货,评价等一系列操作。 作为迷你天猫商城的核心组成部分之一,天猫数据管理后台包含商品管理,订单管理,类别管理,用户管理和交易额统计等模块,实现了对整个商城的一站式管理和维护。所有页面均兼容IE10及以上现代浏览器。部署方式1、项目

迷你天猫商城 0

查看详情 迷你天猫商城

逐行读取:使用

bufio.NewScanner

bufio.NewReader

逐行读取文件内容。自定义切分:对于每一行字符串,不再依赖

csv.Reader

的自动切分,而是使用

strings.Split

regexp.Compile

配合

FindStringSubmatch

,或者更复杂的有限状态机(FSM)来手动解析字段。这给了我们最大的灵活性,但代码复杂度也会显著增加。比如,某些CSV文件可能不是严格的逗号分隔,而是固定宽度列,这时就需要根据字符位置来截取字符串。

// 示例:自定义固定宽度列解析func parseFixedWidth(line string) []string {    // 假设第一列宽度5,第二列宽度10,第三列剩余    if len(line) < 5 { return []string{line} }    col1 := line[:5]    remaining := line[5:]    if len(remaining) < 10 { return []string{col1, remaining} }    col2 := remaining[:10]    col3 := remaining[10:]    return []string{col1, col2, col3}}

最后,预处理或后处理。有时候,原始CSV文件可能需要一些预处理才能被Golang更好地解析。例如,如果文件编码不是UTF-8,我会在读取文件时使用

golang.org/x/text/encoding

包进行转码。或者,在解析之后,对数据进行进一步的清洗和规范化,以确保其符合后续统计的需求。

总之,面对复杂CSV,我的策略是:先尝试调整

encoding/csv

的配置,如果不行,就考虑逐行读取并自定义切分逻辑,必要时结合预处理或后处理。这就像是在工具箱里找最合适的工具,从最简单的开始,逐步升级。

如何将Golang处理后的CSV统计结果,高效地输出或与其他系统集成?

将Golang处理后的CSV统计结果输出或集成到其他系统,是整个数据处理流程的最后一环,也是将“洞察”转化为“行动”的关键。我通常会根据结果的用途和下游系统的需求来选择最合适的方式。

1. 输出到控制台 (Console Output)

这是最直接、最快速的方式,适用于简单的、即时性的结果展示或调试。使用

fmt.Printf

fmt.Println

就可以完成。对于表格形式的数据,可以考虑使用一些第三方库(如

github.com/olekukonko/tablewriter

)来美化输出,使其更具可读性。

// 示例:使用tablewriter输出美观的表格// import "github.com/olekukonko/tablewriter"// ...// table := tablewriter.NewWriter(os.Stdout)// table.SetHeader([]string{"Product", "Total Sales"})// for product, sales := range productSales {//     table.Append([]string{product, fmt.Sprintf("%.2f", sales)})// }// table.Render()

2. 写入新的CSV文件 (Write to New CSV)

如果统计结果本身也是表格数据,并且需要被其他工具(如Excel、数据分析软件)进一步处理,那么输出为新的CSV文件是最自然的选择。

encoding/csv

包同样提供了

csv.NewWriter

来方便地写入数据。

// 示例:将统计结果写入新的CSV文件outputFile, err := os.Create("summary_sales.csv")if err != nil {    fmt.Printf("Error creating output file: %vn", err)    return}defer outputFile.Close()writer := csv.NewWriter(outputFile)// writer.Comma = ';' // 如果需要不同的分隔符// 写入标题行writer.Write([]string{"Product", "Total Sales"})// 写入数据行for product, sales := range productSales {    writer.Write([]string{product, fmt.Sprintf("%.2f", sales)})}writer.Flush() // 确保所有缓冲数据都已写入底层writerif err := writer.Error(); err != nil {    fmt.Printf("Error writing CSV: %vn", err)}

3. 输出为JSON (JSON Output)

在现代微服务架构或Web应用中,JSON是一种非常流行的数据交换格式。如果统计结果需要通过API接口提供给前端应用,或者作为数据流传递给其他服务,那么将结果序列化为JSON是高效且标准的方式。Golang的

encoding/json

包可以轻松地将结构体或

map

序列化为JSON字符串。

// 示例:将统计结果输出为JSONtype ProductSummary struct {    Product string  `json:"product"`    Sales   float64 `json:"total_sales"`}var summaries []ProductSummaryfor product, sales := range productSales {    summaries = append(summaries, ProductSummary{Product: product, Sales: sales})}jsonData, err := json.MarshalIndent(summaries, "", "  ") // 使用MarshalIndent可以得到格式化的JSONif err != nil {    fmt.Printf("Error marshalling JSON: %vn", err)    return}fmt.Println(string(jsonData))// 也可以写入文件// os.WriteFile("summary_sales.json", jsonData, 0644)

4. 集成到数据库 (Database Integration)

对于需要长期存储、复杂查询或与其他业务数据关联的统计结果,将数据写入关系型数据库(如PostgreSQL, MySQL, SQLite)或NoSQL数据库(如MongoDB, Redis)是最佳选择。Golang的

database/sql

包提供了统一的接口来与各种SQL数据库交互,而NoSQL数据库通常有各自的官方或社区驱动的驱动程序。

这通常涉及:

建立数据库连接:使用相应的驱动(如

github.com/lib/pq

for PostgreSQL)。创建表或集合:如果不存在,需要创建合适的表结构。执行插入/更新操作:将统计结果批量插入或更新到数据库中。为了效率,我会倾向于使用预处理语句(prepared statements)或事务进行批量插入。

5. 发布到消息队列 (Message Queue)

在更复杂的异步数据处理流程中,统计结果可能不是直接给某个系统,而是作为事件发布到消息队列(如Kafka, RabbitMQ)。这使得其他订阅者可以根据需要消费这些结果,实现解耦和高并发。

选择哪种输出方式,需要综合考虑数据的规模、时效性要求、下游系统的技术栈以及整体的系统架构。我个人倾向于在项目初期先用控制台或CSV输出验证逻辑,等到功能稳定后再考虑JSON或数据库集成,这样可以逐步增加系统的复杂度。

以上就是Golang实现基础CSV数据统计项目的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月15日 21:36:08
下一篇 2025年12月15日 21:36:28

相关推荐

  • 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

发表回复

登录后才能评论
关注微信