表格查询的魔法：橄榄球阵容“引发”的表格探索之旅
全文共2793字，预计学习时长7分钟
图源：unsplash
当笔者在Flatiron School进行Mod2（游戏模组）项目时，冒出了写这个博客的想法。那时，笔者正和搭档奥斯汀·布勒（Austin Buhler）决定创建一个梦幻橄榄球阵容优化器。我们构建了一个庞大的NFL（美国国家橄榄球联盟）球员储备库，但很快就意识到这个表格需要根据多重属性进行排序和筛选，并查询其中的特定值。
可惜，笔者对此毫无头绪。于是，从那之后我就一头栽进了表格、HTML和Rails的世界中。
用HTML视图界面创建表格
首先，从定义NFL球员表开始。每个球员都带有姓名属性、比赛位置属性和总排行名次。
#views/players/index.html.erbPlayersList
Player Name <-- Each ofthese Position is a column header Avg. Ranking <% @players.each do |player| %> <%=player.name%> <-- Each of these adds <%=player.position%> data tothe corresponding <%=player.avg_ranking%> column in the samerow <% end %>
这是HTML标签和Rails方法的结合：
· 用
| 标签定义 · 表中每个数据或单元格由一个 | 标签定义 · 包装器‘<%=’ and ‘%>’指示了Rudy代码
排序
现在，表格已经设置好了，需要增添一些功能使其排起序来更轻松。
首先，设置表头链接，在表头单元格中输入文字前，先添加link_to 。每个链接指向的页面就是当前所处页面，只是具有不同的查询字符串参数。为实现这一步，需要指定一个散列作为link_to的第二个参数。新代码如下所示：
下图为表格呈现效果：
还需要再添加一些CSS样式（层叠样式表）。现在，修改PlayersController（球员管理器）中的索引操作：
当单击某列时，它将通过索引绘制一个按相应列属性排序的新表格。如下所示：
注意URL的变化
这很不错，但由于平均排名创建为一种方法，并非一个列，也没有属性，若试图使用它进行排序，就会造成错误，需要使用条件逻辑来进行修复（笔者急需Mod2搭档奥斯汀的帮助）。
查询
最终，需要能在表中查询特定球员的姓名。
首先，使用下列代码在球员页面增加一个查询栏：
现在，页面如图所示：
无论在查询栏中输入什么，都将设置为params（参数）散列中的:search（搜索）值（params[:search]）。现在，对Players Controller进行修改，以进一步更新索引操作。
在球员表中查询姓名，能得到如下结果： 掌握本文，你就能知道如何开始在Rails中构建表格，并对表格进行排序和查询！ 推荐阅读专题 留言点赞发个朋友圈 我们一起分享AI学习与发展的干货 编译组：郝岩君、蔡漫祺 相关链接： https://medium.com/swlh/using-rails-and-html-to-view-sort-and-search-tables-fbf8a0543558 如转载，请后台留言，遵守转载规范 推荐文章阅读 ACL2018论文集50篇解读 EMNLP2017论文集28篇论文解读 2018年AI三大顶会中国学术成果全链接 ACL2017论文集：34篇解读干货全在这里 10篇AAAI2017经典论文回顾 长按识别二维码可添加关注 读芯君爱你 |
|---|
