Asp.net—产品列表设计

在网站首页,往往需要提供产品列表,供感兴趣的顾客点击查看,因此需要用到数据工具控件Repeater,数据绑定技术。


需要“实现点击该图标,进入对应的产品详情页面”的效果

Asp.net—产品列表设计_第1张图片
图片发自App

怎么实现呢?首先想到的是,有几个产品,就写几组html标签。然而这样做的坏处显而易见,代码量大,且数据不易维护。对此,asp.net提供了数据绑定技术;用C#的类保存产品数据,在.aspx页面的后台确定数据源并绑定数据,只要以Repeater的ID为接口,就可以在.aspx页面的前端访问数据。

具体而言

1.创建Product类和ProductFactory类。Product类存储单种产品的属性,ProductFactory类存储产品列表,并提供产品列表查询功能。

                  Product类

图片发自App

           ProductFactory类

图片发自App

2.首页后台绑定数据。

图片发自App

3.首页前端使用Repeater控件

图片发自App

你可能感兴趣的:(Asp.net—产品列表设计)