wayfoon322
wayfoon322

Ext2.0教程三：Ext2.0从新建窗口开始

--wayfoon

    开发中，通常需要新建窗口，比如登陆窗口，新增窗口。

新建窗口使用到Ext.Window提供的类,

你可以先预览效果：效果图

建立一个简单的窗口:

  1. var win=new Ext.Window({
  2.             id:'w',
  3.             title:'wayfoon:新窗口',//窗口显示名称
  4.             width:300,
  5.             height:140,
  6.             collapsible: true,//是否可折叠
  7.             layout : 'column',//布局方式
  8.             items:[]//窗口需要增加的内容
  9.         }).show();//让窗口显示出来

上面只定义了窗口的名称、长、宽、布局方式，其他属性之后详细描述。你可以在items里面增加你需要的内容。

比如你可以直接在items里面添加html代码:

  1. items:[{
  2.     xtype : 'panel',//html代码容器
  3.     html : "姓名：<input type='text' name='wayfoon' onclick='javascript:alert(wayfoon)'/>"
  4. }]

在这里，我将演示添加一个form表单。

先新建一个form。

form由Ext.form.FormPanel定义

一个标准的form定义

  1. var from =new Ext.form.FormPanel({
  2.     bodyStyle : 'padding-top:5px',//距离窗口上端的距离
  3.     id:'f',
  4.     labelWidth:50,//文本部分的宽度
  5.     labelAlign:'right',//文本的排列方式
  6.     labelPad : 0,//文本和输入框之间的距离
  7.     layout:'form',//布局方式
  8.     frame : true,
  9.     defaults:{//字元素默认的属性
  10.         width:200
  11.     },
  12.     defaultType:'textfield',//默认的input 类型
  13.     items:[{
  14.         id:'workid',
  15.         cls : 'user',
  16.         fieldLabel:'编号',
  17.         //disabled:true,
  18.         allowBlank:false//是否允许为空
  19.     },{
  20.         id:'workname',
  21.         fieldLabel:'名称',
  22.         allowBlank:false
  23.     }],
  24.     buttonAlign:'center',//按钮的排列方式
  25.         buttons:[{//按钮写在窗口，要比写在form里面好看多了
  26.              text:'确定',
  27.              type:'submit',
  28.              handler:function(){//点击触发事件处理
  29.              }
  30.         }]
  31.     //这里不需要逗号，每个控件定义都是这样的
  32. })

现在可以将form加入到窗口中，items:[form] 就可以！

这样显示的窗口不是很美观，我们可以做些调整。将按钮放到表单之外，也就是放在窗口下面。

这样，修改之后的窗口，

  1. var win=new Ext.Window({
  2.     id:'w',
  3.     renderTo: bd,
  4.     title:'wayfoon:新窗口',
  5.     width:300,
  6.     height:140,
  7.     collapsible: true,//是否可折叠
  8.     defaults :{
  9.         // 容器内元素是否显示边框
  10.         border : true
  11.     },
  12.     //layout:'fit',
  13.     layout : 'column',//布局方式
  14.     items:[form],//包含表单，多个用逗号隔开
  15.     buttonAlign:'center',//按钮的排列方式
  16.     buttons:[{//按钮写在窗口，要比写在form里面好看多了
  17.         text:'确定',
  18.         type:'submit',
  19.         handler:function(){
  20.         }
  21.     }]
  22. }).show();

一个新窗口，基本完成！

可以将下面代码保存成*.htm执行。

所有代码：

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title> wayfoon:新窗口 </title>
  6.     <link rel="stylesheet" type="text/css" href="http://www.bsshenghua.com/ext22/resources/css/ext-all.css" /> 
  7.     <script type="text/javascript" src="http://www.bsshenghua.com/ext22/adapter/ext/ext-base.js"></script>
  8.     <script type="text/javascript" src="http://www.bsshenghua.com/ext22/ext-all.js"></script>
  10.     
  11. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
  13. <body>
  14.     <script>
  15.     Ext.onReady(function(){ 
  16.         Ext.QuickTips.init();//初始化鼠标停留时的显示框
  17.         Ext.form.Field.prototype.msgTarget = 'side';
  18.         var bd = Ext.getBody();
  20.     var form =new Ext.form.FormPanel({
  21.         bodyStyle : 'padding-top:5px',//距离窗口上端的距离
  22.         id:'ll',
  23.         labelWidth:50,//文本部分的宽度
  24.         labelAlign:'right',//文本的排列方式
  25.         labelPad : 0,//文本和输入框之间的距离
  26.         layout:'form',//布局方式
  27.         frame : true,
  28.         defaults:{//字元素默认的属性
  29.             width:200
  30.         },
  31.         defaultType:'textfield',//默认的input 类型
  32.         items:[{
  33.             id:'workid',
  34.             cls : 'user',
  35.             fieldLabel:'编号',
  36.             //disabled:true,
  37.             allowBlank:false//是否允许为空
  38.         },{
  39.             id:'workname',
  40.             fieldLabel:'名称',
  41.             allowBlank:false
  42.         }]
  43.         
  44.     })
  46.     var win=new Ext.Window({
  47.         id:'w',
  48.         renderTo: bd,
  49.         title:'wayfoon:新窗口',
  50.         width:300,
  51.         height:140,
  52.         collapsible: true,//是否可折叠
  53.         defaults :{
  54.             // 容器内元素是否显示边框
  55.             border : true
  56.         },
  57.         //layout:'fit',
  58.         layout : 'column',
  59.         items:[form],
  60.         buttonAlign:'center',//按钮的排列方式
  61.         buttons:[{//按钮写在窗口，要比写在form里面好看多了
  62.             text:'确定',
  63.             type:'submit',
  64.             handler:function(){
  65.             }
  66.         }]
  67.     }).show();
  68.         
  70.     });
  71.     </script>
  72. </body>
  73. </html>

效果图：

Ext2.0教程三：Ext2.0从新建窗口开始_第1张图片

 

如果你想在按钮触发时，添加事件

  1. handler:function(){
  2.     alert(123);
  3.     var workid=Ext.get('workid').dom.value;
  4.     alert(workid);            
  5. }

下面演示一个submit登陆事件，

你也可以单独定义一个方法（调用方法，handler:login）：

  1.  // 单击按钮时执行登陆操作
  2. var login = function(){
  3.     var workid=Ext.get('workid').dom.value;
        alert("wayfoon:"+workid);
  4.     /**
  5.         这里可以判断输入的值是否合法，（通过 类似：var workid=Ext.get('workid').dom.value;得到值日）否则不执行下面的submit
  6.     **/
  7.     // 执行当前表单面板的submit
  8.     f.form.submit({
  9.         // 动作发生期间显示的文本信息
  10.             //waitMsg : '正在登录......',
  11.             // submit发生时指向的地址
  12.             url : '/xxx/login.jsp',
  13.             // 表单提交方式
  14.             method : 'POST',
  15.             // 数据验证通过时发生的动作
  16.             success : function(form, action){
  17.                 //成功的走向
  18.                     window.location.href = 'main.htm?t='+new Date();
  19.              
  20.             },
  21.             // 反之......
  22.             failure : function(form, action){
  23.                 if (action.failureType == Ext.form.Action.SERVER_INVALID)
  24.                     Ext.MessageBox.alert('警告', action.result.errors.msg);
  25.             }
  26.         });
  27. };

login 方法要在调用之前定义好。

 

完整的代码如下：

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title> wayfoon:新窗口 </title>
  6.     <link rel="stylesheet" type="text/css" href="http://www.bsshenghua.com/ext22/resources/css/ext-all.css" /> 
  7.     <script type="text/javascript" src="http://www.bsshenghua.com/ext22/adapter/ext/ext-base.js"></script>
  8.     <script type="text/javascript" src="http://www.bsshenghua.com/ext22/ext-all.js"></script>
  10.     
  11. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
  13. <body>
  14.     <script>
  15.     Ext.onReady(function(){ 
  16.         Ext.QuickTips.init();//初始化鼠标停留时的显示框
  17.         Ext.form.Field.prototype.msgTarget = 'side';
  18.         var bd = Ext.getBody();
  20.     var form =new Ext.form.FormPanel({
  21.         bodyStyle : 'padding-top:5px',//距离窗口上端的距离
  22.         id:'ll',
  23.         labelWidth:50,//文本部分的宽度
  24.         labelAlign:'right',//文本的排列方式
  25.         labelPad : 0,//文本和输入框之间的距离
  26.         layout:'form',//布局方式
  27.         frame : true,
  28.         defaults:{//字元素默认的属性
  29.             width:200
  30.         },
  31.         defaultType:'textfield',//默认的input 类型
  32.         items:[{
  33.             id:'workid',
  34.             cls : 'user',
  35.             fieldLabel:'编号',
  36.             //disabled:true,
  37.             allowBlank:false//是否允许为空
  38.         },{
  39.             id:'workname',
  40.             fieldLabel:'名称',
  41.             allowBlank:false
  42.         }]
  43.         
  44.     })
  45.  // 单击按钮时执行登陆操作
  46.     var login = function(){
  47.     var workid=Ext.get('workid').dom.value;
  48.     alert("wayfoon:"+workid);
  49.         /**
  50.             这里可以判断输入的值是否合法。否则不执行下面的submit
  51.         **/
  52.         // 执行当前表单面板的submit
  53.         form.form.submit({
  54.             // 动作发生期间显示的文本信息
  55.                 waitMsg : '正在登录......',
  56.                 // submit发生时指向的地址
  57.                 url : '/mktweb/login.jsp',
  58.                 // 表单提交方式
  59.                 method : 'POST',
  60.                 // 数据验证通过时发生的动作
  61.                 success : function(form, action){
  62.                    //成功走向
  63.                         window.location.href = 'main.htm?t='+new Date();
  64.                    
  65.                 },
  66.                 // 反之......
  67.                 failure : function(form, action){
  68.                 //   reset();
  69.                     if (action.failureType == Ext.form.Action.SERVER_INVALID)
  70.                         Ext.MessageBox.alert('警告', action.result.errors.msg);
  71.                 }
  72.             });
  73.     };
  74.     var win=new Ext.Window({
  75.         id:'w',
  76.         renderTo: bd,
  77.         title:'wayfoon:新窗口',
  78.         width:300,
  79.         height:140,
  80.         collapsible: true,//是否可折叠
  81.         defaults :{
  82.             // 容器内元素是否显示边框
  83.             border : true
  84.         },
  85.         //layout:'fit',
  86.         layout : 'column',
  87.         items:[form],
  88.         buttonAlign:'center',//按钮的排列方式
  89.         buttons:[{//按钮写在窗口，要比写在form里面好看多了
  90.             text:'确定',
  91.             type:'submit',
  92.             handler:login
  93.         }]
  94.     }).show();
  95.         
  96.     
  97.     });
  98.     </script>
  99. </body>
  100. </html>

预览效果：效果图

wayfoon  2008-08-28

 

教程下载地址：http://download.csdn.net/source/594644

你可能感兴趣的:(Ext2.0教程三：Ext2.0从新建窗口开始)

  • C#抖音无水印视频地址解析 longsky .netc#视频处理
    实现最简单的半手工方式获取抖音无水印视频地址。纯C#代码，无任何第三方控件，一看就会，很简单。主要代码来自于https://blog.csdn.net/qq_15555767博主。他的这篇博文写的很清楚明白。https://blog.csdn.net/qq_15555767/article/details/108997122?utm_medium=distribute.pc_relevant_do
  • Qwen2-Audio：通义千问音频大模型技术解读 kakaZhui 音视频AIGC人工智能pythonchatgpt
    引言：从llm到mlm（audio）大型语言模型（LLM）的发展日新月异，它们在文本理解、生成、推理等方面展现出惊人的能力。然而，交互模态不仅仅依赖于文字，语音、语调、环境音等听觉信息同样承载着丰富的内容。阿里巴巴通义千问团队，推出了Qwen-Audio系列模型，这里我们一起看下最新版本Qwen2-Audio。Qwen2-Audio不仅能够理解各种音频信号，还能根据语音指令做出文本回应，甚至可以进
  • Go操作MySQL 可能只会写BUG golangmysqlgolangmysql开发语言
    Go操作MySQL类别:Golang数据库操作连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/sql包时必须注入（至少）一个数据库驱动。我们常用的数据库基本上都有完整的第三方实现。例如：MySQL驱动下载依赖goget-ugithub.com/go-sql-driver/mysql使用MySQL驱动funcOpe
  • iOS发布app到App Store教程 Cloudox_ iOS拾遗iOS之海iOS发布App发布证书AppStore
    要发布首先需要发布证书，其获取和安装的基本流程和真机调试证书一致，关于真机调试证书的获取和使用可以参考这篇文章。不过现在Xcode7不需要真机调试证书也可实现真机调试了，可以参考这篇文章。要获取证书，以及发布app，都需要开发者账号，开发者账号分为个人和企业两种，在https://developer.apple.com/programs/这个网站注册。关于申请开发者账号，有时间再写一篇文章好啦。获
  • C语言的回溯算法 苏墨瀚 包罗万象golang开发语言后端
    C语言中的回溯算法引言回溯算法（Backtracking）是一种通过搜索所有可能的候选解，找到符合条件的解的算法。它常用于解决一些组合问题、约束满足问题和优化问题。回溯算法的核心思想是通过尝试并逐步构建解的过程，在发现某个解不能继续时，从当前解的最后一个决策点“回溯”到之前的状态，进行其他可能性的探索。在这篇文章中，我们将探讨回溯算法的基本思想、基本框架及其在C语言中的具体实现，应用实例等。回溯算
  • 日常学习日记——从练习代码中学习 梦想成为大牛呀 学习c语言笔记
    日常学习日记——从练习代码中学习一、题目展示二、代码展示三、问题剖析四、冒泡排序4.1阐述4.2优缺点4.3逻辑阐述初学者记录不易，还请多多哦点赞支持呀！！也请各位大佬慷慨对我的问题提出指正如果对我的阐述有些疑问或者觉得博主写的不对，评论下来。主播觉得有道理一定会一一改正！！一、题目展示二、代码展示#include#defineMAX1000intmain(){intn,m=0;scanf("%d
  • 智能化业财融合的数字化转型与整合：企业财务信息规划设计与实现(4) 数据工坊 企业财务信息化前端框架大数据软件构建
    目录2.5构建“三层三域”的企业财务信息架构体系2.5.1架构总体概述2.5.2“三层架构”划分及功能内容2.5.3“三域架构”划分及功能内容2.5.4“三层三域”技术集成与协同2.5.5“三层三域”架构优势2.5构建“三层三域”的企业财务信息架构体系2.5.1架构总体概述要构建以业务与财务深度融合为基础的数字化管理体系，我们在前面对企业财务资源管理系统架构进行了一般性分层剖析的基础上，描述了企业
  • DeepSeek混合专家架构赋能智能创作 智能计算研究中心 其他
    内容概要在人工智能技术加速迭代的当下，DeepSeek混合专家架构（MixtureofExperts）通过670亿参数的动态路由机制，实现了多模态处理的范式突破。该架构将视觉语言理解、多语言语义解析与深度学习算法深度融合，构建出覆盖文本生成、代码编写、学术研究等场景的立体化能力矩阵。其核心优势体现在三个维度：精准化内容生产——通过智能选题、文献综述自动生成等功能，将学术论文写作效率提升40%以上；
  • 第三：go 操作mysql 小画家~ gingolangmysql开发语言
    Go操作MySQL连接Go语言中的database/sql包提供了保证SQL或类SQL数据库的泛用接口，并不提供具体的数据库驱动。使用database/sql包时必须注入（至少）一个数据库驱动。我们常用的数据库基本上都有完整的第三方实现。例如：MySQL驱动下载依赖goget-ugithub.com/go-sql-driver/mysql使用MySQL驱动funcOpen(driverName,d
  • 【DevOps】Rancher：rancher2.4.16 高可用安装文档 运维归一 DevOpsdockerzookeeper运维
    视频教程视频教程：https://edu.csdn.net/learn/38191/604440?spm=1003.2001.3001.4143RancherHA集群安装部署当前最新版本V2.4.16安装流程：rke安装k8s，在k8s集群上搭建helm，通过helm创建rancher容器应用节点名称ip地址系统版本rke，k8s-master01，rancher192.168.1.9centos
  • TypeScript模块 vs JavaScript模块：现代化开发的模块化之道 念九_ysl typescript前端typescript
    一、模块化开发的重要性在当今前端开发领域，模块化已成为构建可维护、可扩展应用程序的基石。无论是小型项目还是企业级应用，良好的模块化设计都能显著提升代码的可读性和复用性。让我们通过一个简单对比示例开始：JavaScript实现：//math.jsexportfunctionadd(a,b){returna+b}//app.jsimport{add}from'./math.js';console.lo
  • Python for循环详解 红虾程序员 Python开发语言idepythonpycharm
    目录一、基本语法二、用法示例1、遍历字符串2、遍历列表3、遍历元组4、遍历字典5、使用range()函数6、使用enumerate()函数7、嵌套循环8、break和continue语句9、else子句三、优点四、缺点在Python中，for循环是一种用于迭代可迭代对象（如列表、元组、字典、集合、字符串或任何实现了迭代协议的对象）的语句，它允许按顺序访问可迭代对象中的每个元素，并对每个元素执行一组
  • Spring Boot 3 新特性实战：从理论到实践 潘多编程 网络java开发语言
    引言SpringBoot自发布以来，凭借其简洁的配置和强大的功能，迅速成为Java开发者的首选框架。随着SpringBoot3的发布，开发者们迎来了更多令人兴奋的新特性。本文将深入探讨SpringBoot3的新特性，并通过实战示例展示如何在实际项目中应用这些新功能。1.支持Java17SpringBoot3全面支持Java17，这是Java生态系统中的一个重要里程碑。Java17带来了许多新特性，
  • Dify 项目开源大模型应用开发平台 魔王阿卡纳兹 IT杂谈开源项目观察开源difLLM开发平台
    Dify是一款开源的大语言模型（LLM）应用开发平台，旨在简化生成式AI应用的创建、部署和持续优化流程。以下从多个维度对该项目进行详细介绍：一、项目定义与核心功能Dify的核心定位是结合后端即服务（BaaS）和LLMOps理念，为开发者提供从原型到生产的全生命周期支持。其核心功能包括：可视化工作流构建通过可视化画布（如ReactFlow）编排AI工作流，支持多步骤任务处理，例如文档解析、模型推理和
  • 华为NAS真实测评！ ONETHING_CLOUD_2 华为科技NAS网络数据库
    外观：简约科技风，小身材大容量✨华为NAS整体设计走简约科技风，机身小巧精致，不管是放在书房书桌还是客厅电视柜旁，都超和谐，完美融入各种家居环境。它的材质质感超棒，摸起来很有档次。在存储方面，它的硬盘位设计很贴心，还有不错的可扩展性，能轻松满足咱不断增长的存储需求，这小身材藏着大能量！性能：高速读写，畅快体验从硬件配置来看，处理器性能强劲，搭配合理的内存，再加上高速网口，为高性能运行打下坚实基础。
  • Spring中的循环依赖问题是什么？ 上官美丽 javaidejavaspringboot
    在使用Spring框架进行开发时，可能会遇到一个比较棘手的问题，那就是循环依赖。说到循环依赖，很多人可能会感到有些困惑，难道这个问题真的有那么复杂吗？其实，理解循环依赖并不是很难。我们可以从Spring的依赖注入机制入手，看看循环依赖是如何产生的，以及如何解决这个问题，让项目运行得更加顺利。**什么是循环依赖呢？**简单来说，循环依赖就是在两个或多个Bean之间相互引用的情况。举个例子，假设有两个
  • 解决 开发FFMPEG视频播放器右侧白色线问题 吃面不喝汤66 OBS二次开发ffmpeg音视频
    在开发基于Qt和FFmpeg的视频播放器时，我遇到一个常见但令人困惑的问题：在使用VideoWidget（继承自QOpenGLWidget）播放某些视频时，窗口右侧会出现一条白色线。这不仅影响视觉效果，还可能暴露潜在的渲染或缓冲区问题。本文将详细分析这一现象的成因，并提供经过验证的解决方案。问题现象在使用自定义的VideoDecoder和VideoWidget类播放视频时，大多数视频都能正常显示，
  • SvelteKit 最新中文文档教程（7）—— 构建和部署
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
  • 甘特图：项目经理的时空魔方，解锁高效管理的秘密
    在1917年，机械工程师亨利·甘特发明了一张看似简单的条形图，却彻底改变了人类管理复杂工程的方式。如今，这张图表在波音787客机研发、北京冬奥会场馆建设中依然发挥着关键作用。甘特图不仅是进度条的可视化，更是项目管理的时空坐标系——它能将抽象的时间、资源和任务转化为具象的作战地图，让项目经理如同掌握时空魔方般操控项目进程。一、甘特图的四大降维打击优势时空折叠术：三维信息二维呈现时间维度：在特斯拉上海
  • 项目经理在推进项目时，职能线经理不配合怎么办？
    在矩阵型组织中，项目经理与职能线经理的博弈如同“双人舞”——前者关注项目目标，后者专注职能效率，两者的权力交叉地带往往成为冲突高发区。PMI报告显示，68%的项目延期与资源协调受阻直接相关，而职能经理的配合度是资源获取的核心变量。本文将从权力结构剖析、实战应对策略到长效机制建设，提供一套破解职能壁垒的系统化方案。一、职能博弈的三大底层逻辑资源争夺战职能经理的KPI聚焦部门资源利用率，与项目临时抽调
  • 项目经理的验收突围战：从风险预判到价值交付的破局之道
    在软件项目交付失败的统计中，近40%的问题集中爆发在验收环节。当某智慧城市项目在验收阶段遭遇23个功能点争议时，项目经理发现合同中的验收标准竟写着"系统运行稳定"这样的模糊表述——这个真实案例折射出验收管理的复杂性。项目经理需要构建从需求源头到价值交付的全周期验收防御体系。一、验收危机的三大引爆点与拆解策略需求迷雾：概念共识的断层某医疗AI项目开发时，客户口中的"智能分诊"被工程师理解为规则引擎，
  • UniApp 从Vue2升级为Vue3需要注意哪些方面 行思理 App开发uni-appvue.jsjavascriptVue3Vue2
    Vue官方已经发布了Vue3，Vue2不再维护，也在建议大家都迁移到Vue3，所以Vue2终会被淘汰。那么UniApp从Vue2升级为Vue3需要注意哪些方面：1、main.js下面请看创建应用实例Vue2与Vue3的不同：Vue2的写法：//之前-Vue2importVuefrom'vue'importAppfrom'./App'Vue.config.productionTip=false//v
  • springboot独立邮件服务器,后端篇-SpringBoot–自定义域名发送邮件 洋莞成
    前言最近的一个小项目用到了邮件发送的功能，由于自己实现一套SMTP比较复杂，于是借助第三方如QQ邮箱或网易邮箱或Gmail等邮件系统实现此功能，在开发过程中我使用了网易邮箱，并申请了免费的网易企业邮箱实现自定义域名发送邮件。邮件协议SMTPSMTP(SimpleMailTransferProtocol)即简单邮件传输协议是一个在互联网上传输电子邮件的标准。POPPOP(PostOfficeProt
  • 152.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之Banner模块实现 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之Banner模块实现效果演示1.Banner模块结构1.1基础布局@BuilderbannerModule(){Column(){Text($r('app.string.cube_animation
  • 149.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之状态管理与数据结构 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之状态管理与数据结构效果演示1.状态管理系统1.1状态装饰器//全局状态@StorageLink('avoidAreaBottomToModule')avoidAreaBottomToModule:n
  • 150.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之生命周期与初始化 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之生命周期与初始化效果演示1.生命周期概述1.1组件生命周期@ComponentexportstructCubeRotateAnimationSamplePage{//组件创建时调用aboutToAp
  • 145.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之自定义过渡效果 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之自定义过渡效果效果演示1.自定义过渡效果概述1.1基本结构customContentTransition({timeout:1000,//超时时间transition:(proxy:SwiperCo
  • 146.HarmonyOS NEXT系列教程之3D立方体旋转轮播案例讲解之UI构建与样式 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT系列教程之3D立方体旋转轮播案例讲解之UI构建与样式效果演示1.UI结构设计1.1基础布局build(){Swiper(this.swiperController){LazyForEach(this.swiperData,(item:E
  • Ubuntu MySQL 安装指南：五步轻松构建你的数据基石 海棠AI实验室 “数智未来“-探索AI驱动的大数据新境界ubuntumysqladb
    目录前言：数据驱动的时代，MySQL为你保驾护航第一步：扬帆起航前的准备-系统软件包更新第二步：一键启航，MySQL服务器轻松就位第三步：引擎启动，让MySQL飞速运转第四步：安全护盾，为数据安全保驾护航第五步：初识MySQL，开启你的数据探索之旅进阶操作：打造更强大的数据港湾创建数据库、用户和权限：精细化管理你的数据开放远程访问：迎接来自远方的连接总结：迈出数据管理的关键一步前言：数据驱动的时代
  • 数据结构与算法——栈和队列 深度学习&目标检测实战项目 算法数据结构java开发语言
    目录第三章：栈和队列第一节：栈（Stack）1.1：栈的基本运算：1.2：栈的存储结构和基本运算第二节：队列2.1：定义及基本运算2.2：队列的存储结构和基本运算本章小结：第三章：栈和队列第一节：栈（Stack）是限制在表一端进行插入和删除操作的线性表。允许进行插入、删除操作的这一端称为栈顶（Top），另一个固定端称为栈底。例如栈中有三个元素，近栈的顺序是a1、a2、a3，当需要出栈时顺序为a3,
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他