网站统计中的数据收集原理及实现

news/2024/5/11 17:18:43/文章来源:https://blog.csdn.net/dszgf5717/article/details/49301175

http://blog.codinglabs.org/articles/how-web-analytics-data-collection-system-work.html

网站数据统计分析工具是网站站长和运营人员经常使用的一种工具，比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理，并一步一步实际搭建一个实际的数据收集系统。

数据收集原理分析

简单来说，网站统计分析工具需要收集到用户浏览目标网站的行为（如打开某网页、点击某按钮、将商品加入购物车等）及行为附加数据（如某下单行为产生的订单金额等）。早期的网站统计往往只收集一种用户行为：页面的打开。而后用户在页面中的行为均无法收集。这种收集策略能满足基本的流量分析、来源分析、内容分析及访客属性等常用分析视角，但是，随着ajax技术的广泛使用及电子商务网站对于电子商务目标的统计分析的需求越来越强烈，这种传统的收集策略已经显得力不能及。

后来，Google在其产品谷歌分析中创新性的引入了可定制的数据收集脚本，用户通过谷歌分析定义好的可扩展接口，只需编写少量的javascript代码就可以实现自定义事件和自定义指标的跟踪和分析。目前百度统计、搜狗分析等产品均照搬了谷歌分析的模式。

其实说起来两种数据收集模式的基本原理和流程是一致的，只是后一种通过javascript收集到了更多的信息。下面看一下现在各种网站统计工具的数据收集基本原理。

流程概览

首先通过一幅图总体看一下数据收集的基本流程。

图1. 网站统计数据收集基本流程

首先，用户的行为会触发浏览器对被统计页面的一个http请求，这里姑且先认为行为就是打开网页。当网页被打开，页面中的埋点javascript片段会被执行，用过相关工具的朋友应该知道，一般网站统计工具都会要求用户在网页中加入一小段javascript代码，这个代码片段一般会动态创建一个script标签，并将src指向一个单独的js文件，此时这个单独的js文件（图1中绿色节点）会被浏览器请求到并执行，这个js往往就是真正的数据收集脚本。数据收集完成后，js会请求一个后端的数据收集脚本（图1中的backend），这个脚本一般是一个伪装成图片的动态脚本程序，可能由php、python或其它服务端语言编写，js会将收集到的数据通过http参数的方式传递给后端脚本，后端脚本解析参数并按固定格式记录到访问日志，同时可能会在http响应中给客户端种植一些用于追踪的cookie。

上面是一个数据收集的大概流程，下面以谷歌分析为例，对每一个阶段进行一个相对详细的分析。

埋点脚本执行阶段

若要使用谷歌分析（以下简称GA），需要在页面中插入一段它提供的javascript片段，这个片段往往被称为埋点代码。下面是我的博客中所放置的谷歌分析埋点代码截图：

图2. 谷歌分析埋点代码

其中_gaq是GA的的全局数组，用于放置各种配置，其中每一条配置的格式为：

  1. _gaq.push(['Action', 'param1', 'param2', ...]);

Action指定配置动作，后面是相关的参数列表。GA给的默认埋点代码会给出两条预置配置，_setAccount用于设置网站标识ID，这个标识ID是在注册GA时分配的。_trackPageview告诉GA跟踪一次页面访问。更多配置请参考：https://developers.google.com/analytics/devguides/collection/gajs/。实际上，这个_gaq是被当做一个FIFO队列来用的，配置代码不必出现在埋点代码之前，具体请参考上述链接的说明。

就本文来说，_gaq的机制不是重点，重点是后面匿名函数的代码，这才是埋点代码真正要做的。这段代码的主要目的就是引入一个外部的js文件（ga.js），方式是通过document.createElement方法创建一个script并根据协议（http或https）将src指向对应的ga.js，最后将这个element插入页面的dom树上。

注意ga.async = true的意思是异步调用外部js文件，即不阻塞浏览器的解析，待外部js下载完成后异步执行。这个属性是HTML5新引入的。

数据收集脚本执行阶段

数据收集脚本（ga.js）被请求后会被执行，这个脚本一般要做如下几件事：

1、通过浏览器内置javascript对象收集信息，如页面title（通过document.title）、referrer（上一跳url，通过document.referrer）、用户显示器分辨率（通过windows.screen）、cookie信息（通过document.cookie）等等一些信息。

2、解析_gaq收集配置信息。这里面可能会包括用户自定义的事件跟踪、业务数据（如电子商务网站的商品编号等）等。

3、将上面两步收集的数据按预定义格式解析并拼接。

4、请求一个后端脚本，将信息放在http request参数中携带给后端脚本。

这里唯一的问题是步骤4，javascript请求后端脚本常用的方法是ajax，但是ajax是不能跨域请求的。这里ga.js在被统计网站的域内执行，而后端脚本在另外的域（GA的后端统计脚本是http://www.google-analytics.com/__utm.gif），ajax行不通。一种通用的方法是js脚本创建一个Image对象，将Image对象的src属性指向后端脚本并携带参数，此时即实现了跨域请求后端。这也是后端脚本为什么通常伪装成gif文件的原因。通过http抓包可以看到ga.js对__utm.gif的请求：

图3. 后端脚本请求的http包

可以看到ga.js在请求__utm.gif时带了很多信息，例如utmsr=1280×1024是屏幕分辨率，utmac=UA-35712773-1是_gaq中解析出的我的GA标识ID等等。

值得注意的是，__utm.gif未必只会在埋点代码执行时被请求，如果用_trackEvent配置了事件跟踪，则在事件发生时也会请求这个脚本。

由于ga.js经过了压缩和混淆，可读性很差，我们就不分析了，具体后面实现阶段我会实现一个功能类似的脚本。

后端脚本执行阶段

GA的__utm.gif是一个伪装成gif的脚本。这种后端脚本一般要完成以下几件事情：

1、解析http请求参数的到信息。

2、从服务器（WebServer）中获取一些客户端无法获取的信息，如访客ip等。

3、将信息按格式写入log。

5、生成一副1×1的空gif图片作为响应内容并将响应头的Content-type设为image/gif。

5、在响应头中通过Set-cookie设置一些需要的cookie信息。

之所以要设置cookie是因为如果要跟踪唯一访客，通常做法是如果在请求时发现客户端没有指定的跟踪cookie，则根据规则生成一个全局唯一的cookie并种植给用户，否则Set-cookie中放置获取到的跟踪cookie以保持同一用户cookie不变（见图4）。

图4. 通过cookie跟踪唯一用户的原理

这种做法虽然不是完美的（例如用户清掉cookie或更换浏览器会被认为是两个用户），但是是目前被广泛使用的手段。注意，如果没有跨站跟踪同一用户的需求，可以通过js将cookie种植在被统计站点的域下（GA是这么做的），如果要全网统一定位，则通过后端脚本种植在服务端域下（我们待会的实现会这么做）。

系统的设计实现

根据上述原理，我自己搭建了一个访问日志收集系统。总体来说，搭建这个系统要做如下的事：

图5. 访问数据收集系统工作分解

下面详述每一步的实现。我将这个系统叫做MyAnalytics。

确定收集的信息

为了简单起见，我不打算实现GA的完整数据收集模型，而是收集以下信息。

名称途径备注
访问时间web serverNginx $msec
IPweb serverNginx $remote_addr
域名javascriptdocument.domain
URLjavascriptdocument.URL
页面标题javascriptdocument.title
分辨率javascriptwindow.screen.height & width
颜色深度javascriptwindow.screen.colorDepth
Referrerjavascriptdocument.referrer
浏览客户端web serverNginx $http_user_agent
客户端语言javascriptnavigator.language
访客标识cookie 
网站标识javascript自定义对象

埋点代码

埋点代码我将借鉴GA的模式，但是目前不会将配置对象作为一个FIFO队列用。一个埋点代码的模板如下：

  1. <script type="text/javascript">
  2. var _maq = _maq || [];
  3. _maq.push(['_setAccount', '网站标识']);
  4.  
  5. (function() {
  6.     var ma = document.createElement('script'); ma.type = 'text/javascript'; ma.async = true;
  7.     ma.src = ('https:' == document.location.protocol ? 'https://analytics' : 'http://analytics') + '.codinglabs.org/ma.js';
  8.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ma, s);
  9. })();
  10. </script>

这里我启用了二级域名analytics.codinglabs.org，统计脚本的名称为ma.js。当然这里有一点小问题，因为我并没有https的服务器，所以如果一个https站点部署了代码会有问题，不过这里我们先忽略吧。

前端统计脚本

我写了一个不是很完善但能完成基本工作的统计脚本ma.js：

  1. (function () {
  2.     var params = {};
  3.     //Document对象数据
  4.     if(document) {
  5.         params.domain = document.domain || ''; 
  6.         params.url = document.URL || ''; 
  7.         params.title = document.title || ''; 
  8.         params.referrer = document.referrer || ''; 
  9.     }   
  10.     //Window对象数据
  11.     if(window && window.screen) {
  12.         params.sh = window.screen.height || 0;
  13.         params.sw = window.screen.width || 0;
  14.         params.cd = window.screen.colorDepth || 0;
  15.     }   
  16.     //navigator对象数据
  17.     if(navigator) {
  18.         params.lang = navigator.language || ''; 
  19.     }   
  20.     //解析_maq配置
  21.     if(_maq) {
  22.         for(var i in _maq) {
  23.             switch(_maq[i][0]) {
  24.                 case '_setAccount':
  25.                     params.account = _maq[i][1];
  26.                     break;
  27.                 default:
  28.                     break;
  29.             }   
  30.         }   
  31.     }   
  32.     //拼接参数串
  33.     var args = ''; 
  34.     for(var i in params) {
  35.         if(args != '') {
  36.             args += '&';
  37.         }   
  38.         args += i + '=' + encodeURIComponent(params[i]);
  39.     }   
  40.  
  41.     //通过Image对象请求后端脚本
  42.     var img = new Image(1, 1); 
  43.     img.src = 'http://analytics.codinglabs.org/1.gif?' + args;
  44. })();

整个脚本放在匿名函数里，确保不会污染全局环境。功能在原理一节已经说明，不再赘述。其中1.gif是后端脚本。

日志格式

日志采用每行一条记录的方式，采用不可见字符^A（ascii码0x01，Linux下可通过ctrl + v ctrl + a输入，下文均用“^A”表示不可见字符0x01），具体格式如下：

时间^AIP^A域名^AURL^A页面标题^AReferrer^A分辨率高^A分辨率宽^A颜色深度^A语言^A客户端信息^A用户标识^A网站标识

后端脚本

为了简单和效率考虑，我打算直接使用nginx的access_log做日志收集，不过有个问题就是nginx配置本身的逻辑表达能力有限，所以我选用了OpenResty做这个事情。OpenResty是一个基于Nginx扩展出的高性能应用开发平台，内部集成了诸多有用的模块，其中的核心是通过ngx_lua模块集成了Lua，从而在nginx配置文件中可以通过Lua来表述业务。关于这个平台我这里不做过多介绍，感兴趣的同学可以参考其官方网站http://openresty.org/，或者这里有其作者章亦春（agentzh）做的一个非常有爱的介绍OpenResty的slide：http://agentzh.org/misc/slides/ngx-openresty-ecosystem/，关于ngx_lua可以参考：https://github.com/chaoslawful/lua-nginx-module。

首先，需要在nginx的配置文件中定义日志格式：

  1. log_format tick "$msec^A$remote_addr^A$u_domain^A$u_url^A$u_title^A$u_referrer^A$u_sh^A$u_sw^A$u_cd^A$u_lang^A$http_user_agent^A$u_utrace^A$u_account";

注意这里以u_开头的是我们待会会自己定义的变量，其它的是nginx内置变量。

然后是核心的两个location：

  1. location /1.gif {
  2. #伪装成gif文件
  3.     default_type image/gif;    
  4. #本身关闭access_log，通过subrequest记录log
  5.     access_log off;
  6.  
  7.     access_by_lua "
  8.         -- 用户跟踪cookie名为__utrace
  9.         local uid = ngx.var.cookie___utrace        
  10.         if not uid then
  11.             -- 如果没有则生成一个跟踪cookie，算法为md5(时间戳+IP+客户端信息)
  12.             uid = ngx.md5(ngx.now() .. ngx.var.remote_addr .. ngx.var.http_user_agent)
  13.         end 
  14.         ngx.header['Set-Cookie'] = {'__utrace=' .. uid .. '; path=/'}
  15.         if ngx.var.arg_domain then
  16.         -- 通过subrequest到/i-log记录日志，将参数和用户跟踪cookie带过去
  17.             ngx.location.capture('/i-log?' .. ngx.var.args .. '&utrace=' .. uid)
  18.         end 
  19.     ";  
  20.  
  21.     #此请求不缓存
  22.     add_header Expires "Fri, 01 Jan 1980 00:00:00 GMT";
  23.     add_header Pragma "no-cache";
  24.     add_header Cache-Control "no-cache, max-age=0, must-revalidate";
  25.  
  26.     #返回一个1×1的空gif图片
  27.     empty_gif;
  28. }   
  29.  
  30. location /i-log {
  31.     #内部location，不允许外部直接访问
  32.     internal;
  33.  
  34.     #设置变量，注意需要unescape
  35.     set_unescape_uri $u_domain $arg_domain;
  36.     set_unescape_uri $u_url $arg_url;
  37.     set_unescape_uri $u_title $arg_title;
  38.     set_unescape_uri $u_referrer $arg_referrer;
  39.     set_unescape_uri $u_sh $arg_sh;
  40.     set_unescape_uri $u_sw $arg_sw;
  41.     set_unescape_uri $u_cd $arg_cd;
  42.     set_unescape_uri $u_lang $arg_lang;
  43.     set_unescape_uri $u_utrace $arg_utrace;
  44.     set_unescape_uri $u_account $arg_account;
  45.  
  46.     #打开日志
  47.     log_subrequest on;
  48.     #记录日志到ma.log，实际应用中最好加buffer，格式为tick
  49.     access_log /path/to/logs/directory/ma.log tick;
  50.  
  51.     #输出空字符串
  52.     echo '';
  53. }

要完全解释这段脚本的每一个细节有点超出本文的范围，而且用到了诸多第三方ngxin模块（全都包含在OpenResty中了），重点的地方我都用注释标出来了，可以不用完全理解每一行的意义，只要大约知道这个配置完成了我们在原理一节提到的后端逻辑就可以了。

日志轮转

真正的日志收集系统访问日志会非常多，时间一长文件变得很大，而且日志放在一个文件不便于管理。所以通常要按时间段将日志切分，例如每天或每小时切分一个日志。我这里为了效果明显，每一小时切分一个日志。我是通过crontab定时调用一个shell脚本实现的，shell脚本如下：

  1. _prefix="/path/to/nginx"
  2. time=`date +%Y%m%d%H`
  3.  
  4. mv ${_prefix}/logs/ma.log ${_prefix}/logs/ma/ma-${time}.log
  5. kill -USR1 `cat ${_prefix}/logs/nginx.pid`

这个脚本将ma.log移动到指定文件夹并重命名为ma-{yyyymmddhh}.log，然后向nginx发送USR1信号令其重新打开日志文件。

然后再/etc/crontab里加入一行：

  1. 59  *  *  *  * root /path/to/directory/rotatelog.sh

在每个小时的59分启动这个脚本进行日志轮转操作。

测试

下面可以测试这个系统是否能正常运行了。我昨天就在我的博客中埋了相关的点，通过http抓包可以看到ma.js和1.gif已经被正确请求：

图6. http包分析ma.js和1.gif的请求

同时可以看一下1.gif的请求参数：

图7. 1.gif的请求参数

相关信息确实也放在了请求参数中。

然后我tail打开日志文件，然后刷新一下页面，因为没有设access log buffer， 我立即得到了一条新日志：

  1. 1351060731.360^A0.0.0.0^Awww.codinglabs.org^Ahttp://www.codinglabs.org/^ACodingLabs^A^A1024^A1280^A24^Azh-CN^AMozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4^A4d612be64366768d32e623d594e82678^AU-1-1

注意实际上原日志中的^A是不可见的，这里我用可见的^A替换为方便阅读，另外IP由于涉及隐私我替换为了0.0.0.0。

看一眼日志轮转目录，由于我之前已经埋了点，所以已经生成了很多轮转文件：

图8. 轮转日志

关于分析

通过上面的分析和开发可以大致理解一个网站统计的日志收集系统是如何工作的。有了这些日志，就可以进行后续的分析了。本文只注重日志收集，所以不会写太多关于分析的东西。

注意，原始日志最好尽量多的保留信息而不要做过多过滤和处理。例如上面的MyAnalytics保留了毫秒级时间戳而不是格式化后的时间，时间的格式化是后面的系统做的事而不是日志收集系统的责任。后面的系统根据原始日志可以分析出很多东西，例如通过IP库可以定位访问者的地域、user agent中可以得到访问者的操作系统、浏览器等信息，再结合复杂的分析模型，就可以做流量、来源、访客、地域、路径等分析了。当然，一般不会直接对原始日志分析，而是会将其清洗格式化后转存到其它地方，如MySQL或HBase中再做分析。

分析部分的工作有很多开源的基础设施可以使用，例如实时分析可以使用Storm，而离线分析可以使用Hadoop。当然，在日志比较小的情况下，也可以通过shell命令做一些简单的分析，例如，下面三条命令可以分别得出我的博客在今天上午8点到9点的访问量（PV），访客数（UV）和独立IP数（IP）：

  1. awk -F^A '{print $1}' ma-2012102409.log | wc -l
  2. awk -F^A '{print $12}' ma-2012102409.log | uniq | wc -l
  3. awk -F^A '{print $2}' ma-2012102409.log | uniq | wc -l

其它好玩的东西朋友们可以慢慢挖掘。

参考

GA的开发者文档：https://developers.google.com/analytics/devguides/collection/gajs/

一篇关于实现nginx收日志的文章：http://blog.linezing.com/2011/11/%E4%BD%BF%E7%94%A8nginx%E8%AE%B0%E6%97%A5%E5%BF%97

关于Nginx可以参考：http://wiki.nginx.org/Main

OpenResty的官方网站为：http://openresty.org

ngx_lua模块可参考：https://github.com/chaoslawful/lua-nginx-module

本文http抓包使用Chrome浏览器开发者工具，绘制思维导图使用Xmind，流程和结构图使用Tikz PGF

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.luyixian.cn/news_show_753859.aspx

如若内容造成侵权/违法违规/事实不符，请联系dt猫网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

网站开发中经常用到的javaScript技术

网站开发中经常用到的javaScript技术

1.1 屏蔽键盘所有键<script language"javascript"><!--function document.onkeydown(){ event.keyCode 0; event.returnvalue false;}--></script> 1.2 屏蔽鼠标右键 在body标签里加上οncοntextmenuself.event.returnvaluefalse 或者 <…
阅读更多...
微软网站上已开始应用Silverlight技术

微软网站上已开始应用Silverlight技术

昨天我打开微软网站首页时&#xff0c;惊奇的发现&#xff0c;有动画效果的广告已经由Silverlight取代了原先的Flash来实现&#xff0c;因为被提示需要安装Sliverlight的运行时。 我想&#xff0c;随着Silverlight正式发布(1.0版本已经到RC了)&#xff0c;它的…
阅读更多...
无法从该网站添加应用_Microsoft Edge Dev更新 可安装Chrome网上应用店里的主题

无法从该网站添加应用_Microsoft Edge Dev更新 可安装Chrome网上应用店里的主题

本周&#xff0c;谷歌向 Edge Dev 通道推送了 86.0.594.2 版本更新&#xff0c;添加了可从 Chrome 网上应用店获取主题的功能。此外 Edge Dev 迎来了可靠性修复和其它改进&#xff0c;并且为那些喜欢对浏览器进行各种调整的用户引入了一个新的标记(flags)。启用之后&#xff0c…
阅读更多...
QQ分享网站显示自定义的缩略图标题和介绍

QQ分享网站显示自定义的缩略图标题和介绍

点我立即购买 <strong>效果图</strong> 在网页的head处添加 <head><meta charset"utf-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-wid…
阅读更多...
Linux_13/ 虚拟网站主机功能，Vsftpd

Linux_13/ 虚拟网站主机功能，Vsftpd

虚拟网站主机Apache的虚拟主机功能是服务器基于用户请求的不同IP地址、主机域名或端口号&#xff0c;实现提供多个网站同时为外部提供访问服务的技术&#xff0c;如图10-12所示&#xff0c;用户请求的资源不同&#xff0c;最终获取到的网页内容也各不相同。 ------------------…
阅读更多...
大型网站架构不得不考虑的10个问题

大型网站架构不得不考虑的10个问题

为什么80%的码农都做不了架构师&#xff1f;>>> 这里的大型网站架构只包括高互动性高交互性的数据型大型网站&#xff0c;基于大家众所周知的原因&#xff0c;我们就不谈新闻类和一些依靠HTML静态化就可以实现的架 构了&#xff0c;我们以高负载高数据交换高数据流动…
阅读更多...
如何制作自己的网站

如何制作自己的网站

在当今的互联网时代&#xff0c;门户网站已经成为越来越多企业不可或缺的组成部分。企业如何自己制作网站&#xff1f;如果你们公司有懂网站建设这方面的人&#xff0c;可以让他给你们公司做个网站。一般做网站&#xff0c;域名空间买好了。下面就是网站程序的设计制作。如果要…
阅读更多...
在线渐变配色网站分享

在线渐变配色网站分享

分享来源地址 纹理库.设计师的纹理宝库 webgradients渐变配色网站&#xff1a;https://webgradients.com Grabient在线渐变配色网站&#xff1a; https://www.grabient.com 下面这张图就是在线渐变配色的效果图 点击左下角「90度」图案&#xff0c;就可以操控渐变的角度哦&…
阅读更多...
如何在Web网站实现搜索功能

如何在Web网站实现搜索功能

以前曾在一些论坛上帖在搜索功能&#xff0c;不过还是有网友对Insus.NET说起不太会用。另外随着时间的推移&#xff0c;Insus.NET再把Search Utility再重构一下&#xff0c;希望用户能更方便容易应用。重构过的Utility&#xff0c;可以从下面这里下载&#xff1a;http://www.cn…
阅读更多...
学历证书查询唯一网站

学历证书查询唯一网站

中国高等教育学生信息网&#xff1a;http://www.chsi.com.cn/ 转载于:https://www.cnblogs.com/scgw/archive/2008/01/04/1026082.html
阅读更多...
尝鲜Jumony for MVC，体验插件化网站开发

尝鲜Jumony for MVC，体验插件化网站开发

Jumony for MVC是这一年来Jumony项目的重头戏&#xff0c;Jumony for MVC是Jumony技术与ASP.NET MVC的结合&#xff0c;尽管现在Jumony for MVC还未发布稳定版本&#xff0c;但确实是非常值得一试的一个视图引擎。希望这篇文章能给大家带来眼前一亮的感觉。 在“用网站&#xf…
阅读更多...
实战：GOOGLE不收录网站的分析解决

实战：GOOGLE不收录网站的分析解决

2019独角兽企业重金招聘Python工程师标准>>> 经常看到这样的言论&#xff1a;为什么baidu不收录我的网站&#xff0c;怎么我的首页不被google收录。以前也没有在意过&#xff0c;因为自己也没有碰到过这样的现象。不过这次在弄一个新站(http://dasile.com)的时候&am…
阅读更多...
推荐一个免费的程序猿学习网站（菜鸟教程）

推荐一个免费的程序猿学习网站（菜鸟教程）

https://www.runoob.com/ 菜鸟教程 送上一波福利 微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取 在这里有在线编辑工具、有很多很多很多很多的语言、技术提供学习 前提是免费的免费的 欢迎加入技术分享学习公众…
阅读更多...
web developer tips (36):使用IIS7.0 应用请求路由模块管理网站的beta版程序

web developer tips (36):使用IIS7.0 应用请求路由模块管理网站的beta版程序

原文地址&#xff1a;How to manage pilot or beta program for your site using Application Request Routing in IIS7.0 如果给你网站适合的用户设置目标和路由&#xff0c;用来使用试用/bate/新程序来查找用户资料&#xff0c;是不是件很酷的事&#xff1f;这对于管理曾经在…
阅读更多...
推荐一个新的技术网站OutOfMemory.CN

推荐一个新的技术网站OutOfMemory.CN

2019独角兽企业重金招聘Python工程师标准>>> 朋友开发了一个技术网站&#xff0c;让我帮忙推荐给同样做技术的朋友们。 这个网站很有意思&#xff0c;他的域名是OutOfMemory.CN&#xff0c;似乎是和国外那个著名的stackoverflow学来的&#xff0c;都是异常。这个网站…
阅读更多...
使用Web标准建站第9天：第一个CSS布局实例

使用Web标准建站第9天：第一个CSS布局实例

接下来开始要真正设计布局了。和传统的方法一样&#xff0c;你首先要在脑海里有大致的轮廓构想&#xff0c;然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素&#xff0c;因为web标准更关注结构和内容&#xff0c;实际上它与网页的美观没有根本冲突&#xff…
阅读更多...
老弟，来了？VUE+Nuxt.js+Koa+Vuex入门教程（一）仿写一个cnode网站

老弟，来了？VUE+Nuxt.js+Koa+Vuex入门教程（一）仿写一个cnode网站

if(有工作){if(工作地址 "深圳" || 工作地址 "广州" ){do(请联系作者&#xff0c;qq:1172081598)} }何为Nuxt.js Nuxt.js是一个vue的服务端渲染的框架&#xff0c;集成了express框架&#xff0c;sass/less框架等等,ui框架如Bootstrap&#xff0c;Vuet…
阅读更多...
大流量 网站

大流量 网站

引用&#xff1a;http://www.admin10000.com/document/948.html 动态应用&#xff0c;是相对于网站静态内容而言&#xff0c; 是指以c/c、php、Java、perl、.net等 服务器端语言开发的网络应用软件&#xff0c;比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通 常与数…
阅读更多...
关于织梦网站在阿里云服务器的建站初步

关于织梦网站在阿里云服务器的建站初步

织梦源码下载的地址 https://www.genban.org/free/list_2_3.html 在阿里云服务器上安装宝塔面板 针对centos yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh将下载好的源码挑选&#xff0c;压…
阅读更多...
给大家推荐好看的壁纸网站，会更新

给大家推荐好看的壁纸网站，会更新

博客好久没更新&#xff0c;因为实在没学什么&#xff0c;所以也写不出来什么东东了&#xff0c;嘿嘿&#xff01;今天给大家推荐一个高清的壁纸软件&#xff0c;这个网站虽说加载的有点慢&#xff0c;但壁纸的质量还是不错的 点击这里 第二个 点击这里 第三个 点击这里…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023

友情链接： 我的编程经验分享 一条长河网 尧图网站开发 尧图建网站 广利置业