21、利用数据属性渲染CSS与使用Kredis存储短期状态

利用数据属性渲染CSS与使用Kredis存储短期状态

1. 利用数据属性渲染CSS解决日程页面排序问题

在日程页面中，当编辑音乐会的开始时间后，页面不会根据新时间对音乐会进行重新排序。为解决这个问题，我们可以利用SortController，同时结合CSS来处理日期标题的显示。

1.1 问题分析与解决方案概述

当前音乐会以嵌套循环的方式显示，我们将其改为按开始时间排序的简单列表，由SortController处理排序。但这样会丢失每天的日期标题，我们将使用CSS来恢复这些标题。

1.2 具体操作步骤

• 修改表单响应为Turbo Stream替换操作
  • 在 concerts_controller.rb 的 update 方法中添加对 turbo_stream 格式的响应：

def update
  respond_to do |format|
    if @concert.update(concert_params)
      format.turbo_stream {}
      format.html { render(@concert) }
      format.json { render :show, status: :ok, location: @concert }
    else
      format.html { ren