flex实现股票行情走势图

原文 http://blog.csdn.net/shenjiancomputer/article/details/8051873

flex实现股票行情走势图

第一步：

jsp：1

[html] view plain copy print ?
  1. <%@page import="java.util.Random,java.util.GregorianCalendar"%>  
  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <items>  
  4. <%  
  5.  GregorianCalendar calendar = new GregorianCalendar();  
  6.  int year = calendar.get(calendar.YEAR);  
  7.  int month = calendar.get(calendar.MONTH) + 1;  
  8.  int today = calendar.get(calendar.DAY_OF_MONTH);  
  9.  String strday=year+","+month+","+today+",";  
  10.  int sb = 400;  
  11.  String[] dates = new String[] {strday+"14,60"};  
  12.    
  13.  String crutime=request.getParameter("time");  
  14.  ///crutime=crutime.replace(":",",");  
  15.  if(crutime!=null){  
  16.  crutime=crutime.replace(":",",");  
  17.  dates = new String[] {strday+crutime};  
  18.    
  19.  }  
  20.  for (int i = 0; i < dates.length; i++) {  
  21.   Random random = new Random();  
  22.   int r = random.nextInt(1000);  
  23. %>  
  24. <item> <value>  
  25. <%  
  26.  if (i < 10) {  
  27. %><%=r%>  
  28. <%  
  29.  }  
  30. %>  
  31. </value> <date><%=dates[i]%></date> <sb><%=sb%></sb> </item>  
  32. <%  
  33.  }  
  34. %>  
  35. </items>  

 

jsp：2

[html] view plain copy print ?
  1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>  
  2. <%  
  3. String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath();  
  4. %>  
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  6. <html>  
  7.   <head>  
  8.  <meta http-equiv="pragma" content="no-cache">  
  9.  <meta http-equiv="cache-control" content="no-cache">  
  10.  <meta http-equiv="expires" content="0">      
  11.  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  12.  <meta http-equiv="description" content="This is my page">  
  13.  <SCRIPT language="JScript.Encode" src="Js/SwfObject.js" type="text/javascript"></SCRIPT>  
  14.   </head>  
  15.   <body topmargin="0" leftmargin="0">  
  16.   <div align="center" style="margin-top: 40;">  
  17.     <div id="flashcontent" width="600"  height="400" align="center"  ></div>  
  18.   <script type="text/javascript">  
  19.      var so = new SWFObject("<%=path%>/testfrist.swf", "Main", "600", "400","9.0", "#ffffff", "high");  
  20.      so.addVariable("myAmfurl","<%=path%>/nxsy.jsp");  
  21.      so.addVariable("myAmtitle","牛熊双赢");  
  22.      so.write("flashcontent");  
  23.   </script>  
  24.  </div>  
  25.   </body>  
  26. </html>  

 



 

第二步flex代码：

[plain] view plain copy print ?
  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" backgroundColor="white" creationComplete="init();">  
  2. <mx:Style>  
  3.     .font12{font-family:宋体;fontSize:15}   
  4.       
  5.  .lenchar{  
  6.    bar-color:red;  
  7.  }  
  8.       
  9. .mypanelTitle {  
  10.    color: #66ccff;  
  11.    fontFamily: Comic Sans MS;  
  12.    fontWeight: normal;  
  13.    textDecoration: underline;  
  14. }  
  15. </mx:Style>  
  16. <mx:Script><![CDATA[  
  17.  import flash.sampler.getMemberNames;  
  18.  import mx.charts.chartClasses.IAxis;  
  19.  import mx.charts.LinearAxis;  
  20.  import mx.charts.HitData;  
  21. import mx.collections.ArrayCollection;  
  22. import mx.rpc.events.ResultEvent;  
  23. import mx.controls.Alert;  
  24. import mx.charts.renderers.CircleItemRenderer;  
  25. import mx.graphics.Stroke;  
  26. import mx.controls.DateField;  
  27. [Bindable]  
  28. private var myAmfurl:String = ""; //用于连接到外部页面  
  29. [Bindable]  
  30. private var myAmtitle:String = ""; //用于连接到外部页面  
  31. [Bindable]  
  32. public var testDatas:ArrayCollection=new ArrayCollection();   
  33. [Bindable]  
  34. private var expenses:ArrayCollection = new ArrayCollection();   
  35. [Bindable]  
  36. private var arr:Array = new Array();  
  37. [Bindable]  
  38. private var mintime:Date;  
  39. [Bindable]  
  40. private var maxtime:Date;  
  41. [Bindable]  
  42. private var smintime:Date;  
  43. [Bindable]  
  44. private var emaxtime:Date;  
  45. private var timer:Timer;  
  46. private var stocksb:Number;  
  47. private var dateVar:Date;  
  48. private var d: Date = new Date();  
  49. private function init():void{   
  50.       
  51.    // setInterval(torequest,2000);  
  52. myAmfurl = Application.application.parameters.myAmfurl;       //风险追溯链接  
  53. myAmtitle=Application.application.parameters.myAmtitle;   
  54. timer = new Timer(1000);   
  55. timer.addEventListener(TimerEvent.TIMER, torequest)   
  56. timer.start();   
  57.      
  58. }  
  59. public function torequest(et:Event):void{    
  60.   setstyle();  
  61.         realtimeservice.send();   
  62. }  
  63. //用于设置样式  
  64. public function setstyle():void{  
  65.      
  66. }  
  67. private function formatDataTip(hitData:HitData):String  
  68.     {  
  69.     var s:String = hitData.item.date.toString();  
  70.     var a:Array = s.split(",");  
  71.     var str:String=a[3]+":"+a[4];  
  72.     str += "\n";  
  73.     str += hitData.item.value;  
  74.     return str;  
  75.     }  
  76. private function parseDate(value:String):Date{  
  77.       
  78.      var a:Array = value.split(",");  
  79.      var newDate:Date = new Date(a[0],a[1],a[2],a[3],a[4]);  
  80.        
  81.      return newDate;  
  82. }  
  83.    
  84. private function getResult(e:ResultEvent):void{   
  85.    var min:String="";  
  86.                   
  87.               var pattern:RegExp=/,/gi;  
  88.              for each (var resultXML:XML in e.result.item){  
  89.                 
  90.               var tmpobj:Object=new Object();  
  91.               tmpobj.value=resultXML.value;  
  92.               tmpobj.date=resultXML.date;  
  93.               tmpobj.sb=resultXML.sb;  
  94.               stocksb=Number(tmpobj.sb);  
  95.               var str=tmpobj.date;  
  96.               var a:Array = str.split(",");  
  97.      mintime= new Date(a[0],a[1],a[2],9,30);  
  98.      smintime= new Date(a[0],a[1],a[2],11,30);  
  99.      min=tmpobj.date;  
  100.      maxtime=new Date(a[0],a[1],a[2],15,00);  
  101.      emaxtime=new Date(a[0],a[1],a[2],13,00);   
  102.      if(expenses.length==0){  
  103.               expenses.addItem(tmpobj);  
  104.                }else{  
  105.               var check:int=0;  
  106.                if(expenses.length>0){  
  107.                  for each(var subtempobj:Object in expenses){  
  108.                   if(String(subtempobj.date).replace(pattern,"")==String(tmpobj.date).replace(pattern,"")){  
  109.                   check=1;  
  110.                   }  
  111.                  }  
  112.                }  
  113.                if(check==0){  
  114.                 expenses.addItem(tmpobj);  
  115.                 check=0;  
  116.                }  
  117.                }  
  118.                 
  119.                 
  120.              }  
  121.         var tmpobj1:Object=new Object();  
  122.          var tmpobj2:Object=new Object();  
  123.         var a:Array = min.split(",");  
  124.         tmpobj1.value=stocksb;  
  125.         tmpobj1.date=a[0]+","+a[1]+","+a[2]+","+"9,30";  
  126.         tmpobj2.value=stocksb;  
  127.         tmpobj2.date=a[0]+","+a[1]+","+a[2]+","+"15,00";  
  128.         testDatas.addItem(tmpobj1);  
  129.         testDatas.addItem(tmpobj2);  
  130. }   
  131. private function mylabel(labelValue:Object, previousValue:Object, d:IAxis):String  {    
  132.  var temp:String="";   
  133.  var currvalue:Number = Number(labelValue.toString());  
  134.  if(currvalue>stocksb){  
  135.    temp = '<font color="#ff0000" size="11">'+labelValue.toString()+'</font>';  
  136.   }else{  
  137.   temp = '<font color="#48ff00" size="11">'+labelValue.toString()+'</font>';  
  138.   }  
  139.  return temp;  
  140.   }   
  141.    
  142. ]]></mx:Script>  
  143.     <!-- Define custom Strokes. -->  
  144.     <mx:Stroke id = "s1" color="#FFFFFF" weight="0.1"/>  
  145.     <mx:Stroke id = "s2" color="#F1F1B8" weight="1"/>  
  146.     <mx:Stroke id = "s3" color="green" weight="1"/>  
  147.     <mx:Stroke id="vstroke" color="red" weight="1" alpha="0.6"/>  
  148.       
  149. <mx:HTTPService result="getResult(event);"  id="realtimeservice" url="{myAmfurl}" useProxy="false" resultFormat="e4x" method="POST">  
  150.         
  151. </mx:HTTPService>  
  152.    
  153. <mx:Panel title="{myAmtitle}"  fontSize="15" height="100%"  width="100%"  color="red" backgroundColor="#000000"  borderStyle="inset">  
  154.    
  155.         
  156. <mx:LineChart styleName="lenchar"  dataTipFunction="formatDataTip" showDataTips="true" height="100%"  width="100%" id="chart" fontFamily=" 宋体" fontSize="12">  
  157. <mx:backgroundElements>  
  158.    <mx:GridLines direction="both">  
  159.     <mx:horizontalStroke>  
  160.                 <mx:Stroke color="red" weight="1" alpha="0.6"/>  
  161.             </mx:horizontalStroke>  
  162.             <mx:verticalStroke>  
  163.                 <mx:Stroke color="red" weight="1" alpha="0.2"/>  
  164.             </mx:verticalStroke>  
  165.    </mx:GridLines>  
  166. </mx:backgroundElements >  
  167.  <!-- vertical axis -->  
  168.   <mx:verticalAxis>  
  169.    <mx:LinearAxis id="va" baseAtZero="false"  title="" labelFunction="mylabel"/>  
  170.   </mx:verticalAxis>     
  171. <mx:horizontalAxis>   
  172. <!--mx:CategoryAxis  id="ca"  categoryField="date" displayName="date" title="date" /-->  
  173. <!--mx:LinearAxis displayName="date" minimum="1" id="ca"  interval="10"/ -->  
  174.  <!--<mx:DateTimeAxis  dataUnits="seconds" interval="30" minimum="{minDate}" maximum="{maxDate}"/>-->  
  175.    
  176. <!--<mx:DateTimeAxis id="hAxis" parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="1" dataUnits="hours"  labelUnits="hours" />-->  
  177. <mx:DateTimeAxis id="hAxis"   
  178.  disabledDays="{[0,6]}"  
  179.  disabledRanges="{[{rangeStart:smintime, rangeEnd:emaxtime}]}"  
  180.  parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="30" dataUnits="minutes"  labelUnits="minutes"  
  181.    
  182.   />  
  183. </mx:horizontalAxis>   
  184. <!-- horizontal axis renderer -->  
  185.   <mx:horizontalAxisRenderers>  
  186.    <mx:AxisRenderer axis="{hAxis}" canDropLabels="true" axisStroke="{vstroke}" />  
  187.   </mx:horizontalAxisRenderers>  
  188.     
  189. <mx:verticalAxisRenderers>  
  190.  <mx:AxisRenderer axis="{va}" canDropLabels="true" axisStroke="{vstroke}" />  
  191. </mx:verticalAxisRenderers>  
  192.    
  193.  <!-- series -->  
  194. <mx:series>   
  195. <mx:LineSeries id="series" yField="value"  xField="date" displayName="value" dataProvider="{this.expenses}" lineStroke="{s1}" />  
  196. <mx:LineSeries yField="value" xField="date" displayName="TestData" dataProvider="{this.testDatas}" lineStroke="{s2}" />  
  197. </mx:series>   
  198. </mx:LineChart>  
  199.   
  200. </mx:Panel>  
  201.    
  202. </mx:Application>   

 

你可能感兴趣的:(Flex)

  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • FlexibleBI系统是现代制造企业提升生产质量和效率的重要工具 三坐标CMM质量数据系统 制造
    SPC（统计过程控制）系统是现代制造企业提升生产质量和效率的重要工具。我们的SPC系统通过一键生成全面的SPC分析报告，帮助企业快速、精准地完成质量分析，并大大减少了手动处理数据的复杂性。FlexibleBI实时更新的控制图在生产过程中，控制图可以实时自动更新，确保企业能够随时掌握生产状态，及时发现并处理潜在问题。系统支持多种标准SPC控制图，如X-bar、R、P等图表，全面覆盖所有常见生产场景。
  • 2019年面试遇到的笔试题 程序猿阿峰
    前端面试，肯定是少不了笔试题，果然，今天去面试就遇到的笔试题，慌了一批。回来赶紧整理了一下一、css3的常用的新特性？flex布局和传统布局有什么区别？css3的新特性那就多啦，简单的列举了几个：过渡transition:CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0)动画animation：动画名称，一个周期花费时间，运动曲线（默认ease），动画延迟（默认0），播放次数（默认
  • 828华为云征文 | 使用Flexus云服务器X实例部署Kubernetes图形化管理平台 降世神童 华为云服务器kubernetes
    828华为云征文|使用Flexus云服务器X实例部署Kubernetes图形化管理平台1.基础部署环境说明2.部署Kubernetes环境3.部署KubernetesDashboard4.创建登录账号token5.访问KubernetesDashboard1.基础部署环境说明  Kubernetes作为当今最流行的容器编排平台，随着云计算、微服务架构和DevOps文化的普及，Kubernetes在
  • 【CSS in Depth 2 精译_027】4.4 Flexbox 元素对齐、间距等细节处理（下）+ 4.5 本章小结 安冬的码畜日常 CSSinDepth2css前端css3html5flexboxcss布局
    当前内容所在位置（可进入专栏查看其他译好的章节内容）第一章层叠、优先级与继承（已完结）1.1层叠1.2继承1.3特殊值1.4简写属性1.5CSS渐进式增强技术1.6本章小结第二章相对单位（已完结）2.1相对单位的威力2.2em与rem2.3告别像素思维2.4视口的相对单位2.5无单位的数值与行高2.6自定义属性2.7本章小结第三章文档流与盒模型（已完结）3.1常规文档流3.2盒模型3.3元素的高度
  • flutter app_Flutter App中的错误处理 weixin_26638123 python
    flutterappPartofthe‘AWorkinProgress’Series“正在进行的工作”系列的一部分Today,I’mdemonstratinghowtheMVCframeworklibrarypackageisadaptiveandflexibleinitsimplementationofspecificneeds.Inthiscase,I’llshowyouhowtheframe
  • 推荐开源项目：PyTorch-Metric-Learning 潘惟妍
    推荐开源项目：PyTorch-Metric-Learningpytorch-metric-learningTheeasiestwaytousedeepmetriclearninginyourapplication.Modular,flexible,andextensible.WritteninPyTorch.项目地址:https://gitcode.com/gh_mirrors/py/pytorc
  • Javascript应用（TodoList表格） 不修×蝙蝠 javascriptcss前端html
    Document*{margin:0%;padding:0%;}.container{width:30%;margin:150pxauto;min-width:200px;/*设一个保底宽度，以防止特定调整下变形太严重*/}.container.addBox{display:flex;}.container.addBox.info{width:90%;border:2pxsolidaqua;pad
  • Flex布局 FL1623863121 前端编程csscss3前端
    Flex布局Flex布局也称弹性布局，可以为盒状模型提供最大的灵活性，是布局的首选方案，现已得到所有现代浏览器的支持。基础通过指定display:flex来标识一个弹性布局盒子，称为FLEX容器，容器内部的盒子就成为FLEX容器的成员，容器默认两根轴线，水平的主轴与垂直的交叉轴，主轴的开始位置叫做mainstart，结束位置叫做mainend；交叉轴的开始位置叫做crossstart，结束位置叫做
  • VUE3学习路线 蜡笔小新星 Vue学习vue经验分享
    以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
  • CSS学习18--伸缩布局 乌鸦不像写字台 css学习css学习前端
    伸缩布局一、伸缩布局二、属性设置一、伸缩布局给父级display:flex;给孩子flex:1;自由变动section{width:1000px;height:200px;border:1pxsolidpink;margin:100pxauto;/*父级盒子添加f1ex*/dispLay:flex;/*伸缩布局模式*/}sectiondiv{height:100%;/*flex:1子盒子添加份数*
  • css居中大全 阿龙哟
    css居中大全Horizontally水平居中内联元素text-align:center;块级元素margin:0auto;多个块级元素display:flex;justify-content:center;Vertically垂直居中内联元素中单行文字给定相同paddingpadding-top:30px;padding-bottom:30px;文字垂直居中height:100px;line-h
  • 解决flex最后一排左对齐问题 justify-content: space-between或space-around 虛掷、青春 cssflexcsshtmljsjavascript
    *{margin:0;}.parent{width:100vw;height:100vh;box-sizing:border-box;display:flex;justify-content:space-between;flex-direction:row;
  • flex布局篇——justify-cont:center/space-between/space-around最后一行靠左 Dove言和 微信小程序实战全记录css前端css3
    正常来说，用到justify-cont:space-between时，最后一行元素是这样的会向两端对齐。为了解决这个办法，可用gap与伪类进行纠正：name备注.box{position:absolute;width:100%;padding:125rpx70rpx;box-sizing:bo
  • flex弹性布局；justify-content:space-between；最后一行左对齐 m0_56168677 踩坑csscss前端css3
    第一种方式：需要在父级元素使用一个伪类,设置flex:1；使伪类自动填充剩余的空间；这种方式会使最后一行的边距失效:after{content:"";flex:1;}第二种方式：使用margin-right计算；这种方式适合每一行固定列数的情况；假设每一行只有3列元素，那么当最后一个元素是第二列（即.item:last-child:nth-child(3n+2)）的情况，才需要进行margin-r
  • 华为云Flexus云服务器X实例与AI技术融合的实践探索 我的运维人生 华为云服务器人工智能运维开发技术共享
    华为云Flexus云服务器X实例与AI技术融合的实践探索在当今数字化转型的浪潮中，云计算作为核心技术之一，正以前所未有的速度推动着各行各业的智能化升级。华为云，作为全球领先的云服务提供商，凭借其强大的技术实力和丰富的行业解决方案，持续引领着这一变革。本文将深入探讨华为云Flexus云服务器X实例与AI技术的融合应用，通过实际案例展示如何在微信公众号中集成百度文心大模型，实现智能对话功能，并附上详细
  • 18.菜单logo制作 不蒸馒头曾口气 二手交易平台javascript前端vue.js
    菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/logo.jpg'import{ref}from'vue';consttitle=ref('校园二手交易平台').logo{display:flex;width:100%;height:60px;l
  • 网络工程师-案例18交换机堆叠技术 BinaryStarXin 网络工程师提升计划3网络工程师提升计划1网络工程师提升计划2网络信息与通信网络协议tcp/ip交换机堆叠技术wiresharkhttps
    交换机堆叠技术简书各厂商都有自己的交换机堆叠技术(该技术最早起源于思科设备)，这些技术大同小异，都可以把多个硬件交换机堆叠成一个在用户看来是一台交换机的技术。当然堆叠技术可以在核心汇聚交换机或者接入交换机上实施，它们拥有不同的名称。比如华为设备接入层的iStack技术，思科设备接入层的FlexStackPlus、StackWise技术等，再如在核心层交换机上实施框式设备的思科的VSS(Virtua
  • 前端处理后端传的10w条数据 孟儿 前端
    1.这道题在考什么？对于性能优化的处理方案对于前端渲染机制的了解极端情况下的处理及知识领域的广度常规处理constrenderList=async()=>{console.time('列表时间')constlist=awaitgetList();list.forEach(item=>{constdiv=document.createElement('div')div.className='flex
  • 创建一个完整的游戏商城代码示例会相当复杂，因为它涉及到前端展示、后端逻辑处理、数据库交互等多个方面。不过，我可以为你提供一个简化的概念性示例，分别用几种流行的编程语言和技术栈来概述这个过程。 EugeneBecher 游戏前端数据库
    前端（HTML+CSS+JavaScript）gwygov.cnHTML(结构)html游戏商城欢迎来到游戏商城CSS(样式)cssbody{font-family:Arial,sans-serif;}#gameList{display:flex;flex-wrap:wrap;justify-content:space-around;}.gameItem{width:30%;border:1pxs
  • Keras-OCR：高效且易用的深度学习 OCR 库 吕真想Harland
    Keras-OCR：高效且易用的深度学习OCR库keras-ocrApackagedandflexibleversionoftheCRAFTtextdetectorandKerasCRNNrecognitionmodel.项目地址:https://gitcode.com/gh_mirrors/ke/keras-ocr是一个基于Python的开源库，它利用[Keras](https和TensorFl
  • 微信小程序手写签名，使用canvas 2d 丝滑连笔，不卡顿 無苼 微信小程序小程序
    最近产品让我写个手写签名，上网百度了一下，基本上快速连笔都很卡，于是自己参考资料重写了一下，体验效果拉满，话不多说上代码。WXML代码重签确认WXSSpage{background-color:#e7e7e7;}.btn{width:100%;display:flex;justify-content:space-around;align-items:center;height:60px;posit
  • 使Emacs支持语法分析器 bison ManateeLazyCat
    前几天写了一个flex.el,今天看了一下bison-mode.el的代码,也太陈旧了,顺手再写一个bison.elbisonmodebison支持bison的标记定义和规则代码区域的语法高亮.安装方法下载bison里面的bison.el放到~/elisp目录把下面的配置加入到~/.emacs中(add-to-list'load-path(expand-file-name"~/elisp"))(r
  • css不换行省略号 没作用,flex布局下，css设置文本不换行时，省略号不显示的解决办法... weixin_39779739 css不换行省略号没作用
    大致是有一个main容器是flex布局，左边一个logo固定宽高，右边content动态宽度。anameainfoLoremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit
  • box-sizing、overflow、resize、display、flex weixin_30475039 后端
    box-sizing原先说的盒子marginborderpaddingcontent新盒子的计算方式与之不同旧盒子：boxWidth=width+border2+padding2;contentWidth=width;新盒子：boxWidth=width;contentWidth=width-border2-padding2;ie6混杂模式盒子模型box-sizing:border-box;box
  • CSS前端学习（online tuorials）旋转动画 憨憨憨憨憨到不行的程序员 CSS学习（onlinetuorials）前端css学习
    index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1
  • 华为云Flexus云服务器X实例与AI大模型融合实践：打造高效智能应用 我的运维人生 华为云服务器人工智能运维开发技术共享
    华为云Flexus云服务器X实例与AI大模型融合实践：打造高效智能应用在云计算与人工智能快速发展的今天，企业对于高效、智能的云服务需求日益增长。华为云，作为全球领先的云服务提供商，凭借其强大的技术实力和丰富的行业经验，推出了Flexus云服务器X实例，旨在为企业提供更加高效、灵活且成本效益显著的云服务解决方案。本文将结合华为云Flexus云服务器X实例与百度文心大模型，探讨如何构建高效智能的应用，
  • 极简风Js时钟 zhaoolee
    Js时钟实时显示html*{margin:0;padding:0;}body{background-color:#fdf6e3;height:100vh;display:flex;align-items:center;}section{text-align:center;font-size:55px;font-style:bold;color:#509839;flex:10auto}window.
  • flex 布局 漂亮疯了 CSS入门csshtmlcss3
    flex布局传统布局和flex布局传统布局兼容性好布局繁琐局限性，不能再移动端很好的布flex局flex弹性布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅部分支持flex布局原理flex是flexibleBox的缩写，意为"弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。flex布局就是通过给父盒子添加flex属
  • 自学成才Flutter 弹性布局、线性布局 高级技术工程师 flutterflutter
    本文我们要介绍Flutter中布局Widget，包括弹性布局、线性布局流式布局和层叠布局。Flutter中文网Flutter开发一、弹性布局--FlexFlex类似Android中的FlexboxLayout，和Expanded配合使用可以实现子Widget按照一定比例来分配父容器空间。使用：Flex(direction:Axis.horizontal,children:[...],)其中dire
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他