C# 在.NETMVC2中创建图形化面包屑或流程跟踪

我的面包屑结构与上图相似。它显示表单的进度跟踪、表单名称和当前显示的页面，并为用户提供流程开始和结束的指南

这最初是在经典的ASP。在MVC2-C中重建它的最佳方法是什么#

在回答下面的一个问题时：我不希望这是一个站点范围内的问题，我正在寻找一个表格集合的面包屑解决方案-例如，我可能有一套投诉表格或一套建议表格，等等，所以我需要能够将表单细节传递到像助手或函数这样的东西中，然后输出与上图类似的结果

这是生成轨迹的原始经典ASP代码

Class BreadCrumb

Private dicCrumbs
Private arrIcons()
Private arrColours()

Public Sub Crumb(Text, Icon)

    dicCrumbs(Text) = Icon

End Sub

Private Sub Class_Initialize()

    Set dicCrumbs = Server.CreateObject("Scripting.Dictionary")

    ReDim arrIcons(2)
    arrIcons(0) = "images/selected-process.gif"
    arrIcons(1) = "images/unselected-process.gif"
    arrIcons(2) = "images/additional-process.gif"

    ReDim arrColours(2)
    arrColours(0) = "#0080C0; font-weight:bold"
    arrColours(1) = "#999999"
    arrColours(2) = "#999999"

End Sub

Public Sub Show()

    Dim strItem, intCrumbs
    %>
    <table style="margin-bottom:10px" class="formbreadcrumbs" cellspacing="0" cellpadding="0" border="0" summary="Bread Crumb Trail">
        <tr>
            <td align="right"><img src="images/left-process30.gif" width="30" height="20" alt=" " /></td>
    <%
    intCrumbs = 0
    For Each strItem In dicCrumbs
        intCrumbs = intCrumbs + 1
        Response.Write "        <td><img src=""" & arrIcons(dicCrumbs(strItem)) & """ width=""25"" height=""20"" alt="" "" /></td>"
        If intCrumbs < dicCrumbs.Count Then
        %>
                <td><img src="images/background-process.gif" width="40" height="20" alt=" " /></td>
                <td><img src="images/background-process.gif" height="20" width="5" alt=" " /></td>
                <td><img src="images/background-process.gif" width="40" height="20" alt=" " /></td>
        <%
        End if
    Next
    %>
            <td align="left"><img src="images/right-process30.gif" width="30" height="20" alt=" " /></td>
        </tr>
        <tr>
    <%
    intCrumbs = 0
    For Each strItem In dicCrumbs
        intCrumbs = intCrumbs + 1
        Response.Write "        <td colspan=""3"" align=""center"" style=""color:" & arrColours(dicCrumbs(strItem)) & "; line-height:0.9em; font-size:x-small"">" & strItem & "</td>"
        If intCrumbs < dicCrumbs.Count Then
        %>
                <td></td>
        <%
        End if
    Next
    %>
        </tr>
    </table>
End Sub

Class面包屑
私人面包屑
私家侦探（）
二等兵（）
公共子碎屑（文本、图标）
图标（文本）=图标
端接头
私有子类_Initialize（）
设置dickrums=Server.CreateObject（“Scripting.Dictionary”）
重拨天线图标（2）
arrIcons（0）=“图像/所选进程.gif”
arrIcons（1）=“图像/未选择的进程.gif”
arrIcons（2）=“图像/附加进程.gif”
雷迪姆（2）
arrcolors（0）=“#0080C0；字体重量：粗体”
颜色（1）=“#999999”
arrcolors（2）=“#999999”
端接头
公开分展（）
模糊的脚步声、声音
%>
端接头

末级

---

非常感谢您的建议/指点。

如果您想要一个真正的面包屑，您可以看看下面的问题（）

除此之外，您几乎可以使用逻辑和局部视图来完成此任务，并从局部视图在工作流中的特定点显示特定图像

您还可以看看一些聪明的jQuery

---

我们按照包含面包屑的母版页的思路实现了一些东西，然后每个MVC页面在必要时调用文档加载上的一些javascript来设置面包屑

我们使用jquery，因此在每个页面上都可能有

<script type="javascript">
$(document).ready(function(){
  setBreadCrumb(1);
});
</script>

$（文档）.ready（函数（）{
面包屑（1）；
});

---

或者类似。

你好，安东尼，谢谢你的回复，很遗憾，出于可访问性的原因，我无法依赖JavaScript。你好，彼特，我可能应该在原始问题中提到，我不希望这是站点范围内的，我正在寻找一个表格集合的面包屑解决方案-例如，我可能有一组投诉表格或一组建议，等等。因此，我需要能够将表格细节传递到类似于助手或函数的内容中，然后输出与上图类似的结果。此外，我希望避免依赖JavaScript。