asp.net 实现静态页面累加访问量的三种方式
(编辑:jimmy 日期: 2024/11/5 浏览:3 次 )
静态页面 staticHtml.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是在层中显示
<div id="pv"></div>
<script src="/UploadFiles/2021-04-02/AddNumber.aspx"></body>
</html>
累加页面 AddNumber.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddNumber.aspx.cs" Inherits="AddNumber" %>
AddNumber.aspx.cs
代码
复制代码 代码如下:
public partial class AddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
Response.Write("var pv=document.getElementById('pv'); pv.innerText=" + count + ";");
}
}
第二种方法:
静态页面 staticHtml.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是利用图片进行显示
<img src="/UploadFiles/2021-04-02/ImageAddNumber.aspx"></body>
</html>
累加页面 ImageAddNumber.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageAddNumber.aspx.cs" Inherits="ImageAddNumber" %>
ImageAddNumber.aspx.cs
代码
复制代码 代码如下:
public partial class ImageAddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
string pv = count.ToString();
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((pv.Length * 12.5)), 22);
Graphics g = Graphics.FromImage(image);
//图片背景色
g.Clear(Color.White);
Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.White, Color.Red, (float)1.2f, true);
g.DrawString(pv,font, brush, 0, 0);
g.DrawRectangle(new Pen(Color.Gold), 0, 0, image.Width - 1, image.Height - 1);
System.IO.MemoryStream ms = new System.IO.MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
}
第三种方法:
静态页面 staticHtml.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是利用Ajax实现
<div id="ajaxpv"></div>
<script language="javascript" type="text/javascript">
function addPv(){
//建立跨浏览器的XMLHttpRequest对象
var xmlhttp;
try{
xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp= new XMLHttpRequest();
}catch(e){}
}
}
//创建请求
xmlhttp.open("get","AjaxPv.aspx?news=1");
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
//根据responseText判断用户名是否存在
var repv=xmlhttp.responseText;
var mypv=document.getElementById("ajaxpv");
mypv.innerHTML=repv;
/*alert(repv);*/
}else{
alert("网络失败。");
}
}
} ;
xmlhttp.send(null);
window.setTimeout("addPv",1000);
}
window.onload=addPv;
</script>
</body>
</html>
累加页面 AjaxPv.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxPv.aspx.cs" Inherits="AjaxPv" %>
AjaxPv.aspx.cs
复制代码 代码如下:
public partial class AjaxPv : System.Web.UI.Page
{
private static int count=1;
protected void Page_Load(object sender, EventArgs e)
{
//累加到数据库
//读取数据库中数据,目前
count = 5;
Response.Write(count);
}
}
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是在层中显示
<div id="pv"></div>
<script src="/UploadFiles/2021-04-02/AddNumber.aspx"></body>
</html>
累加页面 AddNumber.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddNumber.aspx.cs" Inherits="AddNumber" %>
AddNumber.aspx.cs
代码
复制代码 代码如下:
public partial class AddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
Response.Write("var pv=document.getElementById('pv'); pv.innerText=" + count + ";");
}
}
第二种方法:
静态页面 staticHtml.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是利用图片进行显示
<img src="/UploadFiles/2021-04-02/ImageAddNumber.aspx"></body>
</html>
累加页面 ImageAddNumber.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageAddNumber.aspx.cs" Inherits="ImageAddNumber" %>
ImageAddNumber.aspx.cs
代码
复制代码 代码如下:
public partial class ImageAddNumber : System.Web.UI.Page
{
private static int count = 1;
protected void Page_Load(object sender, EventArgs e)
{
count++;
string pv = count.ToString();
System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((pv.Length * 12.5)), 22);
Graphics g = Graphics.FromImage(image);
//图片背景色
g.Clear(Color.White);
Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.White, Color.Red, (float)1.2f, true);
g.DrawString(pv,font, brush, 0, 0);
g.DrawRectangle(new Pen(Color.Gold), 0, 0, image.Width - 1, image.Height - 1);
System.IO.MemoryStream ms = new System.IO.MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
}
第三种方法:
静态页面 staticHtml.html
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>统计动态页面访问量的几种方法</title>
</head>
<body>
这是利用Ajax实现
<div id="ajaxpv"></div>
<script language="javascript" type="text/javascript">
function addPv(){
//建立跨浏览器的XMLHttpRequest对象
var xmlhttp;
try{
xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp= new XMLHttpRequest();
}catch(e){}
}
}
//创建请求
xmlhttp.open("get","AjaxPv.aspx?news=1");
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4){
if(xmlhttp.status==200){
//根据responseText判断用户名是否存在
var repv=xmlhttp.responseText;
var mypv=document.getElementById("ajaxpv");
mypv.innerHTML=repv;
/*alert(repv);*/
}else{
alert("网络失败。");
}
}
} ;
xmlhttp.send(null);
window.setTimeout("addPv",1000);
}
window.onload=addPv;
</script>
</body>
</html>
累加页面 AjaxPv.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxPv.aspx.cs" Inherits="AjaxPv" %>
AjaxPv.aspx.cs
复制代码 代码如下:
public partial class AjaxPv : System.Web.UI.Page
{
private static int count=1;
protected void Page_Load(object sender, EventArgs e)
{
//累加到数据库
//读取数据库中数据,目前
count = 5;
Response.Write(count);
}
}
下一篇:asp.net Application_AcquireRequestState事件,导致Ajax客户端不能加载