如今随便上个网都能够看到淘宝、京东等各大电商平台的双十一购物狂欢宣传,从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. debian下使用siege进行压力测试

    一:siege siege是开源的一个测试工具,可以对指定文本的URL列表进行负载测试,也可以在执行其他请求前让某个请求休眠,从而让你感觉某个用户在转移到web应用的下一个文档前正在读取该文档. ht ...

  2. poj3311(状压dp)

    题目连接:http://poj.org/problem?id=3311 题意:一个送披萨的,每次送外卖不超过10个地方,给你这些地方之间的时间,求送完外卖回到店里的总时间最小. 分析:跑一遍Floyd ...

  3. Unity3D游戏开发从零单排(四) - 制作一个iOS游戏

    提要 此篇是一个国外教程的翻译,尽管有点老,可是适合新手入门. 自己去写代码.debug,布置场景,能够收获到非常多.游戏邦上已经有前面两部分的译文,这里翻译的是游戏的最后一个部分. 欢迎回来 在第一 ...

  4. Codeforces Round #248 (Div. 1)——Ryouko&#39;s Memory Note

    题目连接 题意: 给n和m,一行m个1<=x<=n的数.记c=.如今仅仅能选择一个数x变成y,序列中全部等于x的值都变成y,求最小的c 分析: 对于一个数x,把与他相邻的所有的非x的数所有 ...

  5. 如何做程序猿SOHO它定购家庭赚外快?

    做为一名程序猿.我想大多数人除了平时削尖了脑袋研究各种各样的技术之外. ArticleId=28404183" width="1" height="1" ...

  6. linux crontab定时执行shell脚本

    linux下使用crontab命令被用来提交和管理用户的需要周期性执行的任务,示例如下:crontab -e 编辑周期任务30 21 * * * /etc/init.d/smb restart 每晚的 ...

  7. Android于fragment_main.xml文件问题组件收购

    package com.dhy.phonedial; import android.app.Activity; import android.app.Fragment; import android. ...

  8. c#开发微信公众平台

    之前帮公司开发过微信公众账号,今天特别将过程再回顾记录下来. 1.URL配置 启用开发模式需要先成为开发者,而且编辑模式和开发模式只能选择一个,进入微信公众平台-开发模式,如下: 从上面可以看出,点击 ...

  9. JS 在 HTML 中做加减乘除

    <script type="text/javascript"> function fun(t){ var fa = parseInt(document.getEleme ...

  10. html中返回上一页

    <a href="<a href="javascript :history.back(-1)">返回上一页</a>或<a href=& ...