如今随便上个网都能够看到淘宝、京东等各大电商平台的双十一购物狂欢宣传,从2009年開始淘宝愣是把11.11这一天打造成了全民购物狂欢节。阿里巴巴的上市更是激发了阿里人的斗志,据说他们今年的目标是1000亿。都说一个成功男人的背后必有一个女人。马云的成功是背后成千上万的女人呀……

言归正传我们谈点专业的知识。我们每一个人都在淘宝上买过东西吧,一般我们都是先搜索自己想要买的东西,比方:上衣、牛仔裤、帽子……然后淘宝给出我们搜索结果。假设有更加明白的购物目标我们会勾选依照人气、销量、信用、价格等筛选,然后按页浏览挑选。

可是不知道大家注意到没有就是在页面的最下方位置有一排商品。比方我们浏览完第一页发现没有喜欢的然后看到换页行就点击换第二页。当你点击进入下一页换页的时候可能眼前迅速飘过你认为喜欢的商品。这个时候你已经进入第二页了。在当你返回第一页的时候,最以下那一排已经不是最開始的商品了。

这是由于最以下的商品它是随机出现的,不是固定的做成一个网页放到那里的。

怎么实现的呢?

我想到了学习ASP.NET里面的一个AdRotator的动态广告控件。

这个控件常常被用来显示一些广告内容。它使用一组在一个特定XML文件里定义好的信息轮流方式播出广告,每条信息在XML文件里指定。

以下就让我们实现淘宝浏览页面时随机推荐商品的功能来看看怎么用:

首先建立好须要的解决方式各种文件:

在XML文件里编写:

<?

xml version="1.0" encoding="utf-8" ?>
<Advertisements>
<Ad>
<ImageUrl>~/Images/taobao.jpg</ImageUrl> //定义一个广告的图片路径
<NavigateUrl><a target=_blank href="http://www.taobao.com/">http://www.taobao.com/</a></NavigateUrl >//连接的网址
<AlternateText>买考拉</AlternateText>//取代图片显示的文字
<Impressions>20</Impressions>//显示频率
<Keyword>Category1</Keyword> //筛选的根据Keyword
</Ad > <Ad>
<ImageUrl>~/Images/jingdong.jpg</ImageUrl> //定义一个广告的图片路径
<NavigateUrl><a target=_blank href="http://www.jd.com/">http://www.jd.com/</a></NavigateUrl >//连接的网址
<AlternateText>买企鹅</AlternateText>//取代图片显示的文字
<Impressions>20</Impressions>//显示频率
<Keyword>Category1</Keyword> //筛选的根据Keyword
</Ad > </Advertisements>

在Default.aspx页面源视图中:

<form id="form1" runat="server">
<div style="font-size: large; color: #FF3300; font-weight: bold;"> 请点击进入购买! <br />
<asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile ="~/XMLFile1.xml" Target ="_blank" OnAdCreated ="AdCreated_Event"/> </div>
</form>

这里我们简单的实如今Default.aspx.cs的AdCreated_Event事件中就不加入代码了。

执行之后以下的界面就会轮流交替出现了:

    

通过查看淘宝页面的源码我们也能够发现这样做能够实现。

我们如今学习的B/S里面的各部分内容离我们太近了,通过思考联系生活我们才干更好的运用。

至于双十一阿里人究竟能创造多大的奇迹我们充其量就当做一看客,每天努力一点点才是我们真实感受到的属于我们的奇迹!

ASP.NET之AdRotator实现淘宝浏览页面的商品随机推荐功能的更多相关文章

  1. ASP.NET MVC中分析淘宝网页发生乱码标题搞定方法

    ASP.NET MVC中分析淘宝网页发生乱码标题搞定方法 近来正在分析淘宝中商品的信息,效果发生乱码,如: 原因便是中文字符格式发生冲突,ASP.NET MVC 默认采用utf-8,可是淘宝网页采用g ...

  2. 淘宝购物车页面 智能搜索框Ajax异步加载数据

    如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区 ...

  3. 淘宝购物车页面 PC端和移动端实战

    最近花了半个月的时间,做了一个淘宝购物车页面的Demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在Media Query为768px以下(也就是实现了ipad,ip ...

  4. Android点击跳转到淘宝的某一商品详情页或者某一店铺页面

    最近项目的有个需求是点击购买资料按钮进入淘宝界面,简单分析一下,如果用户手机有淘宝就打开淘宝的页面,没有的话也可以选择使用webView进行展示,还是使用手机浏览器进行展示. 判断有无淘宝的代码就不贴 ...

  5. android 数据重构(仿淘宝浏览记录,足迹)

    数据结构 ->数据重构 原因 处理这个数据的主要原因是,后台服务器返回的数据格式在ios那边因为其控件可以对数据进行分区显示,可以直接处理,而在android上我们显示控件就是listview, ...

  6. Web——在淘宝搜索到看到商品

    [摘自]http://blog.renren.com/blog/254459622/799372165 浏览器首先查询DNS服务器,将www.taobao.com转换成ip地址.负载均衡的第一步,将你 ...

  7. javascript实现 京东淘宝等商城的商品图片大图预览功能

    在京东和淘宝等购买东西的时候,我们会经常预览左侧商品展示图片,把鼠标放到原图,右侧就会有个大图显示出细节.本文将带领大家写一个这样简单的功能! 一.实现原理 当鼠标移入某一图片内部时,图片上部会出现一 ...

  8. vue实现仿淘宝结账页面

    这个demo,是小颖基于之前的 vue2.0在table中实现全选和反选   文章进行更新后的demo,主要功能呢,是仿照淘宝页面的结算购物车商品时自动算出合计价格的页面,具体页面效果请看下面的动图: ...

  9. 学习用java基于webMagic+selenium+phantomjs实现爬虫Demo爬取淘宝搜索页面

    由于业务需要,老大要我研究一下爬虫. 团队的技术栈以java为主,并且我的主语言是Java,研究时间不到一周.基于以上原因固放弃python,选择java为语言来进行开发.等之后有时间再尝试pytho ...

随机推荐

  1. 10324 - Zeros and Ones

    Problem N Zeros and Ones Input: standard input Output: standard output Time Limit: 2 seconds Memory ...

  2. C#的百度地图开发(三)依据坐标获取位置、商圈及周边信息

    原文:C#的百度地图开发(三)依据坐标获取位置.商圈及周边信息 我们得到了百度坐标,现在依据这一坐标来获取相应的信息.下面是相应的代码 public class BaiduMap { /// < ...

  3. hdu3899(树形dp)

    题意:给一树,每个结点有人数,边有权值,表示经过这条边所需时间, 问取某个结点作为开会地点,所有人全部到达此结点最少所需总时间? 分析:val[u]表示以u为根节点的总人数,num[u]表示以u为根节 ...

  4. 什么样的企业造什么样的软件最easy成功?

    事件1: 一般软件企业按功能分,大体分业务应用型软件和系统工具型软件. 按市场分,应用型软件企业较多,直接贴近生活:系统工具类较少,间接贴近大众较少. 事件2: 软件企业中,当中中小型企业老板存在非常 ...

  5. 如何添加地图控件到Windows Phone 8的页面中

    原文 如何添加地图控件到Windows Phone 8的页面中 本主题介绍了各种方法来添加一个地图控件到Windows Phone 8的项目.该地图控件在Windows Phone的SDK 8.0的库 ...

  6. 后台使用oracle前台使用easyui分页机制

    前台easyui 的datagrid中设置分页属性: pagination:true,//显示分页 pagePosition:'bottom',//分页栏位置 both 上下 bottom.top p ...

  7. 原声JS瀑布流加延迟载入

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 怎样在C++中获得完整的类型名称

    Wrote by mutouyun. (http://darkc.at/cxx-get-the-name-of-the-given-type/) 地球人都知道C++里有一个typeid操作符能够用来获 ...

  9. [置顶] LLVM每日谈之十五 LLVM自带的examples

    作者:snsn1984 在LLVM源码的目录下,有一个目录叫做examples,这个目录下边有几个LLVM的例子,初学者一般不会太关注这些例子,但是这些例子确实是精华中的精华,在LLVM的学习过程中不 ...

  10. Python3.2官方文件翻译--课堂笔记和异常是阶级

    6.7备注 有时喜欢Pasca在"录"和C中"数据体"的数据类型很实用.集合一些数据项. 一个空类定义能够清楚地显示: class Employee: pass ...