maidou_2011
maidou_2011

Web页面实时刷新技术探讨

一、总述

随着网络技术的飞速发展，使用B/S结构来实现项目应用已经越来越多，而实时监控一直都是多数行业软件所必备的功能，由此使用Web页面来实现实时监控成了一种必然的需求。

 

二、实时刷新技术

1、传统的页面刷新方式

传统的页面刷新方式很多，常见的有页面间隔一定的时间自动刷新、ActiveX控件、Applet等。

采用页面间隔一定的时间自动刷新的方式，是在网页的头部加入一下代码：

这里是经过20秒跳转到一个新页面，可以将“newPage”设置为本页面即为刷新本页面，刷新间隔时间可以修改“20”为任意时间。通过这种方式如果并发和访问量较大,服务器就有可能承受不了这种压力，从而造成服务器死机。

使用ActiveX控件的方式需要每个客户端下载安装ActiveX控件，并且客户端浏览器只能使用Windows的IE浏览器。

同样使用Applet需要客户端安装Java运行时。

这些传统的页面刷新方式都或多或少的存在着一些确定，在Web项目应用中的使用也越来越少。

 

2、Ajax轮询

Ajax轮询方式是使用客户端脚本，通过XMLHttpRequest来定时发送请求，从而查询页面数据的更新情况。通过这种方式，程序实现方便简捷，但客户端频繁的发送请求会给服务器带来很大的压力和客户端处理器负载，如果服务器端没有更新时，这种轮询访问服务器便是无意义的，并且耗费了网络资源与CPU处理资源。

实例说明：服务器端通过手动控制按钮产生一张图片，客户端显示最新图片及图片的信息内容。

服务器端通过一个按钮btnGet产生图片，按钮事件代码如下所示。

代码清单1：

protected void btnGet_Click(object sender, EventArgs e)

{

    //通过改写一张父图片上的文字来产生新图片

    System.Drawing.Image image = System.Drawing.Image.FromFile(HttpContext.Current.Server.MapPath("parent.jpg"));

    string currTime = System.DateTime.Now.ToString("yyMMddHHmmssffffff");

 

    Graphics g = Graphics.FromImage(image);

    g.DrawImage(image, 0, 0, image.Width, image.Height);

    g.DrawString(currTime, new Font("Arial", 28), new SolidBrush(Color.Red), 10, 10);

    g.Dispose();

 

    string savePath = "Pic/" + currTime + ".jpg";

    image.Save(HttpContext.Current.Server.MapPath(savePath));

 

    //将最新图片文件名写入到XML文件中

    XmlDocument xmlDoc = new XmlDocument();

    xmlDoc.Load(HttpContext.Current.Server.MapPath("newPic.xml"));

    XmlNodeList nodeList = xmlDoc.SelectSingleNode("Items").ChildNodes;

 

    XmlElement element = (XmlElement)nodeList[0];

    element.SetAttribute("code", currTime);

    xmlDoc.Save(HttpContext.Current.Server.MapPath("newPic.xml"));

}

显示图片页面通过两个页面分别显示图片信息与图片内容，显示图片页面内容如下所示。

代码清单2：

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>title>

    <meta http-equiv="Content-Type" content="text/html; Charset=gb2312" />

    <script type="text/javascript">

        var xmlHttp;

        function CreateXMLHttp() {

            if(window.XMLHttpRequest) {

                xmlHttp = new XMLHttpRequest();

            }

            else if (window.ActiveXObject) {

                try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }

                catch(e) {

                    try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }

                    catch(e) { }

                }

            }

            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP.5.0");

        }

 

        function startXMLHttp() {

            CreateXMLHttp();

            xmlHttp.onreadystatechange =retDeal;

            xmlHttp.open("post","imgInfo.aspx",true);

            xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded charset=gb2312");

            xmlHttp.send();

        }       

     

         function retDeal() {

           if(xmlHttp.readystate==4) {

             if(xmlHttp.status==200) {

               hid1.value = xmlHttp.responseText;

               if(hid1.value != hid2.value) {

                 hid2.value = hid1.value;

                 ifrImg.location.reload();

                 document.getElementById("Content").innerHTML = hid1.value;

               }

             }

             setTimeout(startXMLHttp,2000);

          }

        }

    script>

head>

<body onload='Javascript:startXMLHttp()'>

    <div>div>

    <span id="Content">span>

    <input type="hidden" id="hid1" /><input type="hidden" id="hid2" />

    <iframe id="ifrImg" src="img.aspx" width="800" height="500">iframe>

html>

 

3、DWR服务器Push

DWR的反转AJAX功能允许我们从服务器端来控制客服端，而不需要客户端的请求，服务器可以自动把消息发给指定的客户端。DWR的Push技术是让服务器每次发送广播时，把这个广播推送给客户端，而不用客户端去刷新，DWR的推送是基于长连接的，性能优越。

以服务器端通过手动控制按钮产生一张图片，客户端显示最新图片及图片的信息内容作为实例加以说明。

服务器端通过一个按钮产生图片，页面代码如下所示。

代码清单3：

<%@ page language="java" pageEncoding="UTF-8"%>

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>title>

<script type='text/javascript'src='<%=request.getContextPath()%>/dwr/interface/getPic.js'>script>

<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'>script>

<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'>script>

<script type="text/javascript">

    Date.prototype.format = function(format) {

    var o = {

        "M+" : this.getMonth()+1, //month

        "d+" : this.getDate(),    //day

        "h+" : this.getHours(),   //hour

        "m+" : this.getMinutes(), //minute

        "s+" : this.getSeconds(), //second

        "q+" : Math.floor((this.getMonth()+3)/3), //quarter

        "S" : this.getMilliseconds() //millisecond

        }

    if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

        (this.getFullYear()+"").substr(4 - RegExp.$1.length));

    for(var k in o)if(new RegExp("("+ k +")").test(format))

        format = format.replace(RegExp.$1,

            RegExp.$1.length==1 ? o[k] :

                ("00"+ o[k]).substr((""+ o[k]).length));

    return format;

    }

 

    function getNewPic() {

        var currTime = new Date().format("yyMMddhhmmssS");

        var currPath = "D:/Program/Java/JavaSpace/ajaxTest/WebContent/";

       getPic.createStringMark(currPath+"parent.jpg",currTime,currPath+"Pic/"+currTime+".jpg");

        getPic.getNewPicId(currTime);

        }

script>

head>

<body>

    <input type="button" value="产生新图片" onclick="getNewPic();" />

body>

html>

显示图片页面通过两个页面分别显示图片信息与图片内容，显示图片页面内容如下所示。

代码清单4：

<%@ page language="java" pageEncoding="UTF-8"%>

<jsp:useBean id="aGetNewPic" scope="page" class="com.getNewPic" />

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>title>

<script type='text/javascript'src='<%=request.getContextPath()%>/dwr/interface/getPic.js'>script>

<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'>script>

<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'>script>

<script type="text/javascript">

    function init() {

        dwr.engine.setActiveReverseAjax(true);    //激活反转

        }

    window.onload = init;//页面初始化方法

    function refreshImg() {

        ifrImg.location.reload();

        }

script>

head>

<body>

    <div style=" float:left">最新图片：div>

    <span id="divNewPicId"><%= aGetNewPic.currPicId %>span>

    <iframe id="ifrImg" src="img.jsp?id=<%= aGetNewPic.currPicId %>" width="800"height="500">iframe>

body>

html>

另外，getNewPic类用于产生新图片、Push处理。

代码清单5：

public class getNewPic {

      

       public static String currPicId = "100413101427820";

      

       public String getNewPicId(String picId, HttpServletRequest request){

              if(currPicId == picId)return currPicId;

              if(picId != null) currPicId = picId;

             

              //获得DWR上下文

              ServletContext sc = request.getSession().getServletContext();

              ServerContext sctx = ServerContextFactory.get(sc);

              //获得当前浏览 client.jsp 页面的所有脚本session

              Collection sessions = sctx.getScriptSessionsByPage("/ajaxTest/client.jsp");

              Util util = new Util(sessions);

              //处理这些页面中的一些元素

              util.setValue("divNewPicId", currPicId);

              util.addFunctionCall("refreshImg",null);

             

              return currPicId;

       }

      

       public boolean createStringMark(String filePath,String markContent,String savePath)

       {

           ImageIcon imgIcon=new ImageIcon(filePath);

           Image theImg =imgIcon.getImage();

           int width=theImg.getWidth(null);

           int height= theImg.getHeight(null);

           //System.out.println(theImg);

           BufferedImage bimage = new BufferedImage(width,height, BufferedImage.TYPE_INT_RGB);

           Graphics2D g=bimage.createGraphics();

           g.setColor(Color.red);

           g.setBackground(Color.white);

           g.drawImage(theImg, 0, 0, null );

           g.setFont(new Font("Arial",Font.PLAIN,28)); //字体、字型、字号

           g.drawString(markContent,10,10); //画文字

           g.dispose();

           try

           {

                  FileOutputStream out=new FileOutputStream(savePath); //输出文件名

                  JPEGImageEncoder encoder =JPEGCodec.createJPEGEncoder(out);

                  JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bimage);

                  param.setQuality(1, true);

                  encoder.encode(bimage, param);

                  out.close();

              }

           catch(Exception e)

           { return false; }

           return true;

       }

 

}

 

4、与服务端建立长连接

与服务器建立长连接，也就是在显示数据页面中嵌入一个隐藏页面，该隐藏页面主要完成取服务器端所要显示的数据，并且将该页面显示数据的方法写成一个死循环，以此来保持与服务器端的长连接。

同样以服务器端通过手动控制按钮产生一张图片，客户端显示最新图片及图片的信息内容作为实例加以说明。

服务器端通过一个按钮btnGet产生图片，按钮事件代码同代码清单1。

显示图片页面通过两个页面分别显示图片信息与图片内容，显示图片页面内容如下所示。

代码清单6：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>title>

<script type="text/javascript">

    function writePicInfo(str) {

        if (window.document.getElementById("divNewPicId").innerText != str) {

            window.document.getElementById("divNewPicId").innerText = str;

            ifrImg.location.reload();

        }

    }

    function onload(){

        var ifrpush = new ActiveXObject("htmlfile"); // 创建对象

        ifrpush.open();

        var ifrDiv = ifrpush.createElement("div"); //添加一个DIV

        ifrpush.appendChild(ifrDiv); //添加到htmlfile

        ifrpush.parentWindow.writePicInfo = writePicInfo; //注册javascript方法

        ifrDiv.innerHTML = ""; //在div里添加iframe

        ifrpush.close();

    }

     onload();

    script>

head>

<body>

        <div style=" float:left">最新图片：div>

        <div id="divNewPicId">div>

        <iframe id="ifrImg" src="img.aspx" width="800" height="500">iframe>

body>

html>

其中，隐藏页面getNew.aspx代码如下所示。

代码清单7：

protected override void Render(HtmlTextWriter output)

{

    string str;

    while (true)  //死循环保持长链接

    {

        //读取最新图片信息

        XmlDocument xmlDoc = new XmlDocument();

        xmlDoc.Load(HttpContext.Current.Server.MapPath("newPic.xml"));

        XmlNodeList nodeList = xmlDoc.SelectSingleNode("Items").ChildNodes;

        XmlElement element = (XmlElement)nodeList[0];

        string newPicId = element.GetAttribute("code");

 

        str = "";

        this.Context.Response.Write(str);

        this.Context.Response.Flush();

        System.Threading.Thread.Sleep(2000);

    }

}

代码中的“htmlfile”是一个类似JavaScript中Window对象的一个ActiveX Object，它内部也是DOM结构，将作为隐藏帧的IFrame写入这个对象中，这样可以解决进度条一直为读取状态的问题。

 

5、RTMP协议传输

随着网络技术的迅猛发展，视频、音频等多媒体通信需求越来越多，Adobe公司开放了RTMP（the Real-time Messaging Protocol）协议规范，RTMP协议作为客户端和服务器端的传输协议，这是一个专门为高效传输视频、音频和数据而设计的 TCP/IP 协议。其优秀产品Flex是用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的极具表现力的 Web 应用程序的高效率的开放源码框架。

从目前的应用来说，RTMP主要用于音、视频的传输，流视频服务器就是FMS（Flash Media Server），其原称为FCS（Flash Communication Server），技术范畴能应用到诸如Flash聊天室、视频会议等领域。

以一个实现聊天功能的Flex程序为例，显示聊天内容代码如下所示。

代码清单8：

 xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">

 

    

   

    import vo.Message;

    import mx.collections.ArrayCollection;

    import mx.controls.Alert;

   

    private var myNetConnection:NetConnection;  //flex 与fms 链接用的对象

    private var serverApp:String ="rtmp://127.0.0.1/Test";

    private var talk_so:SharedObject;  //fms 下的SharedObject 对象

      

    private function init():void

    {

       btn_send.addEventListener(MouseEvent.CLICK,btnSenClickHandler);

       myNetConnection = new NetConnection();

      myNetConnection.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler);   

       myNetConnection.connect(serverApp);

    }

   

    private function netStatusHandler(evt:NetStatusEvent):void

    {

       trace(evt.info.code);  //调试代码用     

       if ( evt.info.code =="NetConnection.Connect.Success" )

       {

           talk_so = SharedObject.getRemote("talk",myNetConnection.uri,true);

           talk_so.addEventListener(SyncEvent.SYNC,talkSoSyncHandler);

           talk_so.connect(myNetConnection);

       }

       else

       {

           Alert.show("链接失败"+evt.info.code);

       }

    }

   

    private function talkSoSyncHandler(evt:SyncEvent):void

    {

       txt_content.text="";

       if ( talk_so.data.msgList!=null )

       {

           var tmp:ArrayCollection = new ArrayCollection();

           convertArrayCollection(tmp,talk_so.data.msgList asArrayCollection);        

           for(var i:int=0;i

           {

              var message:Object = tmp.getItemAt(i);          

              varfullMsg:String=message.nickname+"在"+message.time.toTimeString()+"说:"+message.msg;          

              txt_content.text=txt_content.text+fullMsg+"/n";

           }

       }

    }

      

    private function btnSenClickHandler(evt:MouseEvent):void

    {

       var arr:ArrayCollection = new ArrayCollection();    

       if ( talk_so.data.msgList==null )

       {

           arr = new ArrayCollection();   

       }

       else

       {

           convertArrayCollection(arr,talk_so.data.msgList as ArrayCollection);

       }     

       var obj:Message = new Message();

       obj.nickname=txt_nickname.text;

       obj.msg=txt_message.text;

       obj.time = new Date();     

       arr.addItem(obj);   

       talk_so.setProperty("msgList",arr);

       /*将你更新好的聊天记录列表写入到公共的SharedObject对象中去即可。

           调用setProperty() 以更改数据对象的属性。 服务器将更新这些属性，并调度 sync 事件，并将这些属性发回到连接的客户端。*/

       txt_message.text="";

    }

   

    //交换数组中元素

    private functionconvertArrayCollection(arrNew:ArrayCollection,arrOld:ArrayCollection):void

    {

       arrNew.removeAll();     

       for(var i:int=0;i

       {

           arrNew.addItemAt(arrOld.getItemAt(i),i);

       }

    }     

    ]]>

 

     x="33" y="10" height="159" width="366" id="txt_content"/>

     x="33" y="177" width="62" id="txt_nickname"/>

     x="103" y="179" text="说"/>

     x="146" y="177" width="185" id="txt_message"/>

     x="334" y="177" label="send" id="btn_send"/>

   

 

三、结语

从目前实际应用来说，以上四种实现Web页面实时刷新都是可行方案，各有优缺点与适用的具体环境。

Ajax轮询方式比较适用于需要传输的数据量较小的情况，可通过客户端首先轮询服务器端的更新标识，若有更新再下载更新数据，这样能减小一部分服务器的压力。

DWR反转AJAX功能，真正实现了从服务器端将更新“推”到客户端。

与服务器端建立长连接的方式，也是通过客户端的请求获取更新数据的。

通过RTMP协议传输，主要适用于音、视频的数据传输，比较适用于视频聊天室，目前视频服务器FMS的费用较高（4500元100个客户端），与服务器的连接数受到限制。

总体来看，要实现Web页面的实时刷新，肯定是会给服务器带来一定的压力的，对于具体项目的不同需求，可选择合适的方式来实现Web页面的实时刷新。

你可能感兴趣的:(Web页面实时刷新技术探讨)

  • mysql禁用远程登录 igotyback mysql
    去mysql库中的user表里，将host都改成localhost之后刷新权限FLUSHPRIVILEGES;
  • 教育 用心灵温暖心灵
    @陈春丽长期学习班冯倩。今天一早就听到说高职合并，取消中专教育的教育信息。感觉是虽然知道，再听还是吓一跳。国家重视职业教育为何还要取消中专技术学校的教育？再听高中就要进行技术教育了，一部分人学习好继续努力学习考大学，一部分人在高中就可以进行职业教育接受职业教育了还要中专技术教育学校干什么呢！a有些职业教育学校转型升级快，不是孩子上完给找工作，而是学校帮孩子创业，我觉得是不错的方向！新闻新你得实时更
  • ES聚合分析原理与代码实例讲解 光剑书架上的书 大厂Offer收割机面试题简历程序员读书硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLMJavaPython架构设计Agent程序员实现财富自由
    ES聚合分析原理与代码实例讲解1.背景介绍1.1问题的由来在大规模数据分析场景中，特别是在使用Elasticsearch（ES）进行数据存储和检索时，聚合分析成为了一个至关重要的功能。聚合分析允许用户对数据集进行细分和分组，以便深入探索数据的结构和模式。这在诸如实时监控、日志分析、业务洞察等领域具有广泛的应用。1.2研究现状目前，ES聚合分析已经成为现代大数据平台的核心组件之一。它支持多种类型的聚
  • TDengine 签约前晨汽车，解锁智能出行的无限潜力 涛思数据（TDengine） tdengine汽车大数据
    在全球汽车产业转型升级的背景下，智能网联和新能源技术正迅速成为商用车行业的重要发展方向。随着市场对环保和智能化需求的日益增强，企业必须在技术创新和数据管理上不断突破，以满足客户对高效、安全和智能出行的期待。在这一背景下，前晨汽车凭借其在新能源智能商用车领域的前瞻性布局和技术实力，成为行业中的佼佼者。前晨汽车采用整车数据采集和全车数据打通策略，能够实时将数据推送至APP端客户。然而，这导致整体写入和
  • esp32开发快速入门 8 : MQTT 的快速入门，基于esp32实现MQTT通信 z755924843 ESP32开发快速入门服务器网络运维
    MQTT介绍简介MQTT（MessageQueuingTelemetryTransport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，该协议构建于TCP/IP协议上，由IBM在1999年发布。MQTT最大优点在于，可以以极少的代码和有限的带宽，为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议，使其在物联
  • Linux查看服务器日志 TPBoreas 运维linux运维
    一、tail这个是我最常用的一种查看方式用法如下：tail-n10test.log查询日志尾部最后10行的日志;tail-n+10test.log查询10行之后的所有日志;tail-fn10test.log循环实时查看最后1000行记录(最常用的)一般还会配合着grep用，(实时抓包)例如:tail-fn1000test.log|grep'关键字'（动态抓包）tail-fn1000test.log
  • 基于STM32与Qt的自动平衡机器人：从控制到人机交互的的详细设计流程 极客小张 stm32qt机器人物联网人机交互毕业设计c语言
    一、项目概述目标和用途本项目旨在开发一款基于STM32控制的自动平衡机器人，结合步进电机和陀螺仪传感器，实现对平衡机器人的精确控制。该机器人可以用于教育、科研、娱乐等多个领域，帮助用户了解自动控制、机器人运动学等相关知识。技术栈关键词STM32单片机步进电机陀螺仪传感器AD采集电路Qt人机界面实时数据监控二、系统架构系统架构设计本项目的系统架构设计包括以下主要组件：控制单元:STM32单片机传感器
  • 基于STM32的汽车仪表显示系统：集成CAN、UART与I2C总线设计流程 极客小张 stm32汽车嵌入式硬件物联网单片机c语言
    一、项目概述项目目标与用途本项目旨在设计和实现一个基于STM32微控制器的汽车仪表显示系统。该系统能够实时显示汽车的速度、转速、油量等关键信息，并通过CAN总线与其他汽车控制单元进行通信。这种仪表显示系统不仅提高了驾驶的安全性和便捷性，还能为汽车提供更智能的用户体验。技术栈关键词微控制器：STM32显示技术：TFTLCD/OLED传感器：速度传感器、温度传感器、油量传感器通信协议：CAN总线、UA
  • 加载资源时报错-ERR_CONNECTION_RESET，需要多次请求才能拿到资源的有效解决方案 Mebius1916 前端开发前端javascriptreact.js前端框架typescriptvue.js
    初次加载资源时无法正常加载，需要多次刷新、请求才能拿到资源的有效解决方案前言在使用cloudinary进行图片上传并获取图片链接作为用户头像时发现，图片链接网址初次加载会报错：ERR_CONNECTION_RESET必须刷新几次才能获取到，原因可能是cloudinary没有国内的节点，而我用的是在新加坡的节点，所以会导致初次加载的时候被重定向。而这个错误会直接导致用户头像无法加载，因为在img中此
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • 《拖延心理学》（一）你为什么会拖延？|木盒笔记 纯se蓝调
    《拖延心理学》是帮助你向拖延症宣战的一本书，作者简·博克和莱诺拉·袁是全球知名的拖延症治疗专家。大概每个人或多或少总会有一点拖延症的行为。比如明天要叫论文了，今天你还没有写好，你一边在焦虑症怎么办，一边又拿着手机漫无目的的刷新闻；比如你想了很久准备减肥，但是迟迟又没有行动，想着今天晚上少吃一点吧、明天我就开始运动。今天分析的笔记来告诉你“你为什么会拖延？”，解读人杨坚。有人说拖延就像巨大的泥沼，让
  • 在模拟游戏《星露谷物语》中，体验一把闪婚需要多长时间？ 爱游戏的萌博士
    我们知道：游戏圈中有许多速通玩家，他们追求尽可能短的时间完成游戏里的某项挑战，“RTA（RealTimeAttack）”就是其中主要的玩法，也就是“从游戏开始到通关画面出现为止所需现实时间尽可能短”。为了增加难度，高手们有时候还给自己设定一些限制，比如：有玩家挑战在“无伤”的前提下通关《塞尔达传说：荒野之息》等等。近日，博士就在海外玩家社群中留意到一项新的游戏速通纪录引发了热议！游戏产品并非《塞尔
  • 如何在电商平台上使用API接口数据优化商品价格 weixin_43841111 api数据挖掘人工智能pythonjava大数据前端爬虫
    利用API接口数据来优化电商商品价格是一个涉及数据收集、分析、策略制定以及实时调整价格的过程。这不仅能提高市场竞争力，还能通过精准定价最大化利润。以下是一些关键步骤和策略，用于通过API接口数据优化电商商品价格：1.数据收集竞争对手价格监控：使用API接口（如Scrapy、BeautifulSoup等工具结合Python进行网页数据抓取，或使用专门的API服务如PriceIntelligence、
  • python之pyecharts制作可视化数据大屏 cesske 大数据
    文章目录前言一、安装Pyecharts二、创建Pyecharts图表三、设计大屏布局四、实时数据更新五、部署和展示总结前言使用Pyecharts制作可视化数据大屏是一个复杂但有趣的过程，因为Pyecharts本身是一个用于生成Echarts图表的Python库，而Echarts是由百度开发的一个开源可视化库，支持丰富的图表类型和高度自定义。然而，Pyecharts本身并不直接提供“大屏”的解决方案
  • Hadoop架构 henan程序媛 hadoop大数据分布式
    一、案列分析1.1案例概述现在已经进入了大数据(BigData)时代，数以万计用户的互联网服务时时刻刻都在产生大量的交互，要处理的数据量实在是太大了，以传统的数据库技术等其他手段根本无法应对数据处理的实时性、有效性的需求。HDFS顺应时代出现，在解决大数据存储和计算方面有很多的优势。1.2案列前置知识点1.什么是大数据大数据是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的大量数据集合，
  • linux下好用的任务管理器htop WittXie Linuxlinux服务器运维
    给大家推荐个好用的任务管理器htop，简直好用的不得了。完虐top。不解释了，看文章！！！在Linux系统中，top命令用来显示系统中正在运行的进程的实时状态，它显示了一些非常有用的信息，比如CPU利用情况、内存消耗情况，以及每个进程情况等。但是，你知道吗？还有另外一个命令行工具'htop'，它与传统的top命令功能一样，但它有更加强大的功能及能显示更多的信息。这篇文章，我们会用实例来讨论这个'h
  • 财富自由之路读书笔记2 Elaine_a963
    继续财富自由读书笔记，今天就第十-二十三章进行归纳总结思考。这本书可以说是边学边练的武功秘籍。秘籍一：注意力。先从认知上刷新，先前谈到价值的重要性及单位价值提升的必要性。这里就引出了：“注意力”是在任何地方“挖掘”价值的最基本工具。那么，要自如运用注意力，就得练习。这里李老师给的无他，就是基本功训练扎实-坐享。秘籍二：活在未来。再一次颠覆认知，大众的思维是活在当下，而这里指引我们要活在未来。用正确
  • Kafka详细解析与应用分析 芊言芊语 kafka分布式
    Kafka是一个开源的分布式事件流平台（EventStreamingPlatform），由LinkedIn公司最初采用Scala语言开发，并基于ZooKeeper协调管理。如今，Kafka已经被Apache基金会纳入其项目体系，广泛应用于大数据实时处理领域。Kafka凭借其高吞吐量、持久化、分布式和可靠性的特点，成为构建实时流数据管道和流处理应用程序的重要工具。Kafka架构Kafka的架构主要由
  • Sentinel 眼泪落在琴弦 springcloudjavajava
    Sentinel（服务熔断降级限流）1.引入spring-cloud-starter-alibaba-sentinel2.下载sentinel服务器3.配置application地址信息4.在控制台调整参数【默认所以流控设置保存在内存中，重启失效】5.想实时监控需每个微服务导入actuator，并配置application暴露所有端口6.自定义sentinel流控返回数据7.配置sentinel类
  • Sentinel实时监控不展示问题 朱杰jjj sentinelsentinel
    问题官方插件Endpoint支持，可以实时统计出SpringBoot的健康状况和请求的调用信息在使用Endpoint特性之前需要在Maven中添加spring-boot-starter-actuator依赖，并在配置中允许Endpoints的访问。SpringBoot1.x中添加配置management.security.enabled=false。暴露的endpoint路径为/sentinelS
  • 构建常态化安全防线：XDR的态势感知与自动化响应机制 安胜ANSCEN 网络安全运维威胁分析自动化响应网络安全常态化安全运营
    当前，网络安全威胁日益复杂多变，企业正面临前所未有的严峻挑战。为有效应对这些挑战，态势感知与自动化响应机制在提升网络安全运营效率与防御效果中扮演着至关重要的角色。它们能够实时监测网络状态，智能分析潜在威胁，并在发现异常时立即触发自动化响应流程，从而迅速遏制安全风险，保障企业数字资产的安全。态势感知网络安全的“预警雷达”态势感知，作为网络安全运营的核心组件，犹如一张无形的“预警雷达”，全面监测网络环
  • Python(PyTorch)和MATLAB及Rust和C++结构相似度指数测量导图 亚图跨际 Python交叉知识算法量化检查图像压缩质量低分辨率多光谱峰值信噪比端到端优化图像压缩手术机器人三维实景实时可微分渲染重建三维可视化
    要点量化检查图像压缩质量低分辨率多光谱和高分辨率图像实现超分辨率分析图像质量图像索引/多尺度结构相似度指数和光谱角映射器及视觉信息保真度多种指标峰值信噪比和结构相似度指数测量结构相似性图像分类PNG和JPEG图像相似性近似算法图像压缩，视频压缩、端到端优化图像压缩、神经图像压缩、GPU变速图像压缩手术机器人深度估计算法重建三维可视化推理图像超分辨率算法模型三维实景实时可微分渲染算法MATLAB结构
  • tushare库获取金融股票数据 罔闻_spider python进阶python
    定义：Tushare是一个为金融量化分析师和数据爱好者设计的开源工具，提供从数据采集、清洗加工到数据存储的全流程服务。它能够实时抓取沪深两市的股票和期货市场数据，包括交易价格、成交量、市值、市盈率等关键指标，同时也提供历史数据的采集。Tushare的数据采集功能是其核心优势之一，它支持多种数据类型，包括日K线数据和分钟级数据，满足不同分析需求。Tushare的数据清洗与加工功能提供了强大的工具集，
  • 2019-05-29 vue-router的两种模式的区别 Kason晨
    1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
  • 【STM32系统】基于STM32设计的锂电池电量/电压检测报警器系统——文末完整资料下载（程序源码/电路原理图/电路PCB/设计文档/模块资料/元器件清单/实物图/答辩问题技巧/PPT模版等） 阿齐Archie 单片机嵌入式项目stm32嵌入式硬件单片机
    基于STM32设计的锂电池电量/电压检测报警器系统系统视频：摘要：本设计旨在研究一个基于STM32F103C8T6微控制器的锂电池电量/电压检测报警器系统，应用于便携式电子设备电池管理。系统通过STM32的ADC模块对锂电池电压进行采集，利用LCD1602显示模块实时显示电池电压，当检测到电池电量不足或电压异常时，蜂鸣器报警模块会发出警报提醒用户。系统采用简单的硬件结构和优化的软件架构，通过对实际
  • 关于UI刷新重绘 草帽小子J
    最近做了一个关于用户雷达图的需求，有用到关于ui绘制相关的东西，于是去了解了下关于invalidate()、postInvalidate()、requestLayout()的知识。invalidate该方法会请求重绘view树，即draw(),刷新UI,并且不会调用onMeasure()，谁调用重绘谁，ViewGroup则重绘整个ViewGroup.一般会触发invalidate的主要为如下几种方
  • 基于flask做大模型SSE输出 Mark_Aussie nlpflaskpython后端
    默认情况下，Fask以多线程模式运行，每个请求都落在一个新线程上。SSE：基于HTTP的协议，用于实现服务器向客户端推送实时数据。使用长轮询机制，客户端通过HTTP连接向服务器发送请求，并保持该连接打开，服务器可以随时向客户端推送新的数据。SSE协议使用简单的文本格式，数据通过纯文本的消息流进行传输，每个消息以"data:"开头，以两个换行符"\n\n"结尾，如果传递的数据中有字典要使用变量传递。
  • 使用STM32实现简单的智能温控系统 棂梓知识 stm32单片机嵌入式硬件
    智能温控系统是一种能够根据环境温度实时调整设备的工作状态的系统。在本篇文章中，我们将使用STM32微控制器来实现一个简单的智能温控系统。该系统将会有以下功能：实时监测环境温度，并显示在LCD屏幕上。当环境温度超过设定的阈值时，自动开启风扇。当环境温度恢复正常时，自动关闭风扇。通过按键模拟调节设定的阈值。系统设计首先，我们需要准备一些硬件设备。具体而言，我们需要以下组件：STM32F103C8T6开
  • JVM简介 林小果呀 jvmjvmjava开发语言
    JVM简介JVM本质上是一个运行在计算机上的程序，他的职责是运行Java字节码文件。JVM功能解释和运行：对字节码文件中的指令，实时的解释成机器码，让计算机执行内存管理：自动为对象、方法等分配内存自动的垃圾回收机制，回收不再使用的对象即时编译：对热点代码进行优化，提升执行效率常见的JVM
  • STM32 的 RTC（实时时钟）详解 千千道 STM32stm32物联网单片机
    目录一、引言二、RTC概述三、RTC的工作原理1.时钟源2.计数器3.闹钟功能4.备份寄存器四、RTC寄存器1.RTC_TR（TimeRegister，时间寄存器）2.RTC_DR（DateRegister，日期寄存器）3.RTC_SSR（SubsecondRegister，亚秒寄存器）4.RTC_PRER（PrescalerRegister，预分频器寄存器）5.RTC_CR（ControlReg
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他