第N讲：C# 循环实战 从基础for到Razor页面动态渲染（.NET网站开发、C#编程核心）

1. 从控制台到网页C# for循环的进化之旅第一次接触C#的for循环还是在大学计算机基础课上那时候用控制台打印星星图案都觉得特别神奇。没想到十年后同样的循环结构竟然成了我每天在Razor页面里动态生成表格数据的利器。for循环就像乐高积木里的基础模块看似简单却能搭建出无限可能。在控制台应用中for循环最常见的用途就是处理固定次数的重复任务。比如计算1到100的累加和或者打印九九乘法表。这些例子虽然基础但完美展示了for循环的核心逻辑初始化变量→检查条件→执行代码→更新变量。记得初学时我总把三个表达式的位置搞混后来发现只要想象成从哪开始int i0→到哪结束i10→每次走几步i就再也没错过。但真正让我意识到for循环威力的是在.NET Razor页面开发中。当我们需要在服务端动态生成大量重复的HTML结构时for循环就变成了效率神器。比如电商网站的商品列表、后台管理系统的数据表格甚至是导航菜单的层级结构都可以用几行for循环代码自动渲染完全不需要手动写几十个重复的div。2. Razor页面中的for循环实战2.1 基础数据渲染在Razor页面中我们通常在code块或者直接在内联C#代码里使用for循环。假设我们要在页面上展示一个简单的用户评分列表传统方式可能需要这样写ul li用户A: ★★★★☆/li li用户B: ★★★★★/li li用户C: ★★☆☆☆/li !-- 更多重复项... -- /ul而用for循环配合C#集合代码就变得非常简洁{ var ratings new List(string name, int stars) { (用户A, 4), (用户B, 5), (用户C, 2) }; } ul for (int i 0; i ratings.Count; i) { liratings[i].name: new string(★, ratings[i].stars)/li } /ul这个例子展示了for循环在Razor中的典型用法 - 遍历集合数据并动态生成HTML。实际项目中这些数据通常来自数据库或者API但渲染逻辑完全相同。2.2 动态表格生成表格数据展示是后台管理系统的高频需求。假设我们要渲染一个产品价格表传统静态写法需要重复编写大量标签。而用for循环可以这样实现{ var products new[] { new { ID 1, Name 无线鼠标, Price 129.9m }, new { ID 2, Name 机械键盘, Price 399.0m }, new { ID 3, Name 4K显示器, Price 1999.0m } }; } table classtable table-striped thead tr thID/th th产品名称/th th价格/th /tr /thead tbody for (int i 0; i products.Length; i) { tr tdproducts[i].ID/td tdproducts[i].Name/td tdproducts[i].Price.ToString(C)/td /tr } /tbody /table这里有几个实用技巧1) 使用匿名类型快速定义数据结构2) 价格格式化为货币形式3) 结合Bootstrap的table-striped类实现斑马纹效果。当产品数据变化时我们只需要更新products数组页面渲染会自动适应。3. 性能优化与最佳实践3.1 循环效率考量在服务端渲染场景下循环性能直接影响页面加载速度。有次我接手一个加载特别慢的订单页面发现前开发者用for循环嵌套了5层每层都在做数据库查询。优化后改为单次查询内存处理性能提升了20倍。几个关键优化点避免在循环内执行IO操作如数据库查询、文件读写等预计算循环次数特别是遍历集合时先获取Count/Length合理使用缓存对于不变的数据循环外缓存结果// 不推荐 - 每次循环都访问属性 for (int i 0; i collection.Count; i) // 推荐 - 预先获取长度 int count collection.Count; for (int i 0; i count; i)3.2 可维护性技巧项目大了之后Razor页面中的循环逻辑可能变得复杂。我总结了几条保持代码整洁的经验限制嵌套层级超过3层的嵌套循环就该考虑重构提取复杂逻辑到方法保持循环体内代码简洁添加注释说明特别是处理特殊边界条件时使用有意义的变量名避免到处都是i、j、k{ // 提取渲染逻辑到单独方法 string RenderStarRating(int stars) { return new string(★, stars) new string(☆, 5 - stars); } } ul for (int index 0; index Model.Products.Count; index) { var product Model.Products[index]; li product.Name - RenderStarRating(product.Rating) /li } /ul4. 真实项目案例解析4.1 电商平台分类菜单去年开发电商网站时需要实现一个多级分类菜单。后端返回的是扁平化的分类列表每个分类包含ParentID字段表示层级关系。最终我用for循环配合字典查询实现了递归渲染{ // 先构建父分类字典提高查询效率 var parentCategories Model.Categories .Where(c c.ParentID null) .ToDictionary(c c.ID); } nav classcategory-menu foreach (var parent in parentCategories.Values) { div classmenu-group h3parent.Name/h3 ul for (int i 0; i Model.Categories.Count; i) { var child Model.Categories[i]; if (child.ParentID parent.ID) { lia href/category/child.IDchild.Name/a/li } } /ul /div } /nav这个方案相比纯递归实现性能更好因为减少了重复遍历。同时保持了代码的可读性后来团队其他成员也能轻松维护。4.2 后台数据仪表盘另一个印象深刻的项目是数据分析平台需要在页面渲染大量统计图表。每个图表配置类似但数据源不同。我们最终设计了一个配置驱动的方案{ var chartConfigs new[] { new { Title 月度销售额, Metric sales, Color #4CAF50 }, new { Title 用户增长率, Metric users, Color #2196F3 }, new { Title 退货率, Metric returns, Color #F44336 } }; } div classdashboard for (int i 0; i chartConfigs.Length; i) { var config chartConfigs[i]; div classchart-container h4config.Title/h4 canvas idchart-i >