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

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

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

1.1 问题描述

在日程页面中，当编辑音乐会并更改其开始时间后，音乐会页面不会根据新时间重新排序。当前音乐会以嵌套循环的方式显示，即先列出日期，再循环显示每天的音乐会。这种显示方式在排序和日期标题显示上存在问题。

1.2 解决方案思路

• 用按开始时间排序的简单音乐会列表替换嵌套循环显示方式。
• 使用SortController处理音乐会列表排序。
• 利用CSS恢复每天的日期标题。

1.3 具体操作步骤

1.3.1 修改表单响应为Turbo Stream替换操作

在 concerts_controller.rb 中添加对 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 { render(:edit) }
      forma