ASP.NET之AdRotator实现淘宝浏览页面的商品随机推荐功能
如今随便上个网都能够看到淘宝、京东等各大电商平台的双十一购物狂欢宣传,从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实现淘宝浏览页面的商品随机推荐功能的更多相关文章
- ASP.NET MVC中分析淘宝网页发生乱码标题搞定方法
ASP.NET MVC中分析淘宝网页发生乱码标题搞定方法 近来正在分析淘宝中商品的信息,效果发生乱码,如: 原因便是中文字符格式发生冲突,ASP.NET MVC 默认采用utf-8,可是淘宝网页采用g ...
- 淘宝购物车页面 智能搜索框Ajax异步加载数据
如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区 ...
- 淘宝购物车页面 PC端和移动端实战
最近花了半个月的时间,做了一个淘宝购物车页面的Demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在Media Query为768px以下(也就是实现了ipad,ip ...
- Android点击跳转到淘宝的某一商品详情页或者某一店铺页面
最近项目的有个需求是点击购买资料按钮进入淘宝界面,简单分析一下,如果用户手机有淘宝就打开淘宝的页面,没有的话也可以选择使用webView进行展示,还是使用手机浏览器进行展示. 判断有无淘宝的代码就不贴 ...
- android 数据重构(仿淘宝浏览记录,足迹)
数据结构 ->数据重构 原因 处理这个数据的主要原因是,后台服务器返回的数据格式在ios那边因为其控件可以对数据进行分区显示,可以直接处理,而在android上我们显示控件就是listview, ...
- Web——在淘宝搜索到看到商品
[摘自]http://blog.renren.com/blog/254459622/799372165 浏览器首先查询DNS服务器,将www.taobao.com转换成ip地址.负载均衡的第一步,将你 ...
- javascript实现 京东淘宝等商城的商品图片大图预览功能
在京东和淘宝等购买东西的时候,我们会经常预览左侧商品展示图片,把鼠标放到原图,右侧就会有个大图显示出细节.本文将带领大家写一个这样简单的功能! 一.实现原理 当鼠标移入某一图片内部时,图片上部会出现一 ...
- vue实现仿淘宝结账页面
这个demo,是小颖基于之前的 vue2.0在table中实现全选和反选 文章进行更新后的demo,主要功能呢,是仿照淘宝页面的结算购物车商品时自动算出合计价格的页面,具体页面效果请看下面的动图: ...
- 学习用java基于webMagic+selenium+phantomjs实现爬虫Demo爬取淘宝搜索页面
由于业务需要,老大要我研究一下爬虫. 团队的技术栈以java为主,并且我的主语言是Java,研究时间不到一周.基于以上原因固放弃python,选择java为语言来进行开发.等之后有时间再尝试pytho ...
随机推荐
- Boost中timer的简易用法
boost::asio::deadline_timer timer_; timer_(io_service), timer_.expires_from_now(boost::posix_time::s ...
- 那些年踩过的坑之:first-child伪类选择器
原文:那些年踩过的坑之:first-child伪类选择器 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器.——w3school 嗯,乍一看好像说的不是很明白,因此这个选择 ...
- Java跨域设置
Access-Control-Allow-Origin 为允许哪些Origin发起跨域请求. 这里设置为"*"表示允许所有,通常设置为所有并不安全,最好指定一下. Access-C ...
- poj3259(spfa判负环)
题目连接:http://poj.org/problem?id=3259 题意:John的农场里N块地,M条路连接两块地,W个虫洞,虫洞是一条单向路,会在你离开之前把你传送到目的地,就是当你过去的时候时 ...
- extern int *a与extern int a[]
extern int *a与int a[] Table of Contents 1. 问题: 2. 解答: 1 问题: 以下的声明取自某个源文件: int a[10]; int *b=a; 但在还有一 ...
- java总结,错误集
java中abstract怎么使用 abstract(抽象)修饰符,可以修饰类和方法 1,abstract修饰类,会使这个类成为一个抽象类,这个类将不能生成对象实例,但可以做为对象变量声明的类型,也就 ...
- hdu4679(树形dp)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4679 题意:给一棵树,每条边上都有一个权值,去掉树上任意一条边之后,分成两个子树,两个子树的最长路与这 ...
- PHP:小数位计算
本文提供了两种方法,分数的方法成为字符串.然后,"."为了拦截.跟.子长后.另一个是关于小数*10的N钍.实例10的8再次钍8取余次.然后继续10余.取决于10结果的余数是不0. ...
- UILabel iOS添加文本控件
UILabel这是iOS控制,这是UIView子类,只有在UIView文字显示功能的基础上加入.UILabel还查看课程和UIView类别似 //1.创建一个视图对象 //2.配置视图 ...
- Unity3D中的Update, FixedUpdate, LateUpdate的区别
MonoBehaviour.Update 更新 当MonoBehaviour启用时,其Update在每一帧被调用. MonoBehaviour.FixedUpdate 固定更新 当MonoBehavi ...