youshini
youshini

Ext.tree.TreePanel

阅读更多

转载：http://blog.csdn.net/tinyyys/archive/2009/03/2**027142.aspx

个人只是进行了测试，理解而已。原文中使用的数据库是SQL 2000的，而本人使用的是mysql，故做了一点点的更改。

【注意】：以下所有引用资源的路径都是根据自己的资源位置来配置的。

第一步：创建treePanel.html

Code:
  1. >
  2. <html>
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  5. <title>测试Ext.tree.TreePaneltitle>
  6. <linkrel="stylesheet"type="text/css"href="../static/lib/ext/resources/css/ext-all.css"/>
  7. <scripttype="text/javascript"src="../static/lib/ext/adapter/ext/ext-base.js">script>
  8. <scripttype="text/javascript"src="../static/lib/ext/ext-all.js">script>
  9. <linkrel="stylesheet"type="text/css"href="../style/comment.css"/>
  10. <scripttype="text/javascript"src="../js/treePanel.js"charset="utf-8">script>
  11. <linkrel="shortcuticon"href="x.ico"/>
  12. head>
  13. <body>
  14. <divid="tree-panel"style="overflow:auto;height:600px;width:200px;border:2pxsolid#c3daf9;">div>
  15. body>
  16. html>

第二步：创建含Ext.onRready函数的treePanel.js文件

Code:
  1. Ext.onReady(function(){
  2. Ext.QuickTips.init();//浮动信息提示
  3. Ext.BLANK_IMAGE_URL='../static/lib/ext/resources/images/default/s.gif';//替换图片文件地址为本地
  5. //创建一个简写
  6. var_Tree=Ext.tree;
  7. //定义根节点的Loader
  8. var_treeloader=new_Tree.TreeLoader({
  9. //dataUrl:'tree.jsp'//这里可以不需要指定URL，在加载前事件响应里面设置
  10. });
  11. //添加一个树形面板
  12. var_treepanel=new_Tree.TreePanel({
  13. //renderTo:"tree_div",//如果使用renderTo，则不能使用setRootNode()方法，需要在TreePanel中设置root属性。
  14. el:'tree-panel',//将树形添加到一个指定的div中,非常重要！
  15. region:'west',
  16. title:'功能菜单',
  17. width:200,//面板宽度
  18. minSize:180,
  19. maxSize:250,
  20. split:true,
  21. autoHeight:false,
  22. frame:true,//美化界面
  23. //title:'可编辑和拖动的异步树',//标题
  24. //autoScroll:true,//自动滚动
  25. enableDD:true,//是否支持拖拽效果
  26. containerScroll:true,//是否支持滚动条
  27. rootVisible:true,//是否隐藏根节点,很多情况下，我们选择隐藏根节点增加美观性
  28. border:true,//边框
  29. animate:true,//动画效果
  30. loader:_treeloader//树加载
  31. });
  33. //异步加载根节点
  34. var_rootnode=new_Tree.AsyncTreeNode({
  35. id:'0',
  36. text:'家电品牌总类',
  37. draggable:false,//根节点不容许拖动
  38. expanded:true
  39. });
  40. //为tree设置根节点
  41. _treepanel.setRootNode(_rootnode);
  43. //响应加载前事件，传递node参数
  44. _treepanel.on('beforeload',function(node){
  45. _treepanel.loader.dataUrl='tree.jsp?parentId='+node.id;//定义子节点的Loader
  46. });
  48. //渲染树形
  49. _treepanel.render();
  50. //展开节点,第一个参数表示是否级联展开子节点
  51. _rootnode.expand(false);
  53. //设置树的点击事件【测试点击事件不影响树的其他效果】
  54. var_treeClick=function(node,e){//contentPanel为定义的TabPanel
  55. if(node.isLeaf()){
  56. e.stopEvent();
  57. varn=contentPanel.getComponent(node.id);//通过node的id获取组件
  58. if(!n){//如果不存在则new一个出来
  59. varn=contentPanel.add({
  60. 'id':node.id,
  61. 'title':node.text,
  62. closable:true,
  63. autoLoad:{
  64. url:'tabFrame.jsp?url=grid.html',
  65. scripts:true
  66. }//通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
  67. });
  68. }
  69. contentPanel.setActiveTab(n);
  70. }
  71. }
  73. //增加鼠标单击事件
  74. _treepanel.on('click',_treeClick);
  78. //定义右键菜单
  79. varrightClick=newExt.menu.Menu({
  80. id:'rightClickCont',
  81. items:[{
  82. id:'rMenu1',
  83. text:'添加节点',
  84. //增加菜单点击事件
  85. handler:function(){
  86. alert('添加节点的实现！');
  87. }
  88. },{
  89. id:'rMenu2',
  90. text:'编辑节点'
  91. },{
  92. id:'rMenu3',
  93. text:'删除节点'
  94. }]
  95. });
  96. //增加右键点击事件
  97. _treepanel.on('contextmenu',function(node,event){//声明菜单类型
  98. event.preventDefault();//阻止浏览器默认右键菜单显示
  99. rightClick.showAt(event.getXY());//取得鼠标点击坐标，展示菜单
  100. });
  102. /*
  103. *设置tree的节点放置函数此函数有一个很重要的参数对象ee对象有三个重要的属性，分别为dropNode,target,point
  104. *1.dropNode为在拖动时鼠标抓住的节点2.target为将要放置在某处的节点
  105. *3.point为被放置的状态，分别有append表示添加，above节点的上方，below节点的下方。
  106. *
  107. */
  109. _treepanel.on('nodedrop',function(e){
  110. if(e.point=='append'){
  111. alert('当前"'+e.dropNode.text+'"划到"'+e.target.text+'"里面！');
  112. }elseif(e.point=='above'){
  113. alert('当前"'+e.dropNode.text+'"放在了"'+e.target.text+'"上面！');
  114. }elseif(e.point=='below'){
  115. alert('当前"'+e.dropNode.text+'"放在了"'+e.target.text+'"下面！');
  116. }
  117. });
  119. //在原有的树形添加一个TreeEditor
  120. var_treeEditer=new_Tree.TreeEditor(_treepanel,{
  121. allowBlank:false
  122. });
  124. /*
  125. *为创建的treeEditer添加事件有两个事件最为常用，一个为beforestartedit另一个为complete
  126. *从名字就可以看出，beforestartedit事件是在编辑前的事件，因此可以通过它来判断那些节点可以编辑那些不可以。
  127. *complete为编辑之后的事件，在这里面可以添加很多事件，比如添加一个Ext.Ajax向后台传送修改的值等等。
  128. */
  130. _treeEditer.on("beforestartedit",function(_treeEditer){
  131. var_tempNode=_treeEditer.editNode;//将要编辑的节点
  132. if(_tempNode.isLeaf()){//这里设定叶子节点才容许编辑
  133. returntrue;
  134. }else{
  135. returnfalse;
  136. }
  137. });
  139. _treeEditer.on("complete",function(_treeEditer){
  140. Ext.Msg.alert("被修改为"+_treeEditer.editNode.text);
  141. });
  143. //（1）通过TabPanel控件的html属性配合'
  144. });
  145. }
  146. contentPanel.setActiveTab(n);
  147. }
  148. }
  150. }));
  152. //添加第二个节点(autoLoad)
  153. _treepanel.root.appendChild(newExt.tree.TreeNode({
  154. id:'autoLoadPanel',
  155. text:'通过autoLoad打开',
  156. listeners:{
  157. 'click':function(node,event){
  158. event.stopEvent();
  159. varn=contentPanel.getComponent(node.id);
  160. if(!n){////判断是否已经打开该面板
  161. n=contentPanel.add({
  162. 'id':node.id,
  163. 'title':node.text,
  164. closable:true,
  165. autoLoad:{
  166. url:'tabFrame.jsp?url=grid.html',
  167. scripts:true
  168. }//通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
  169. });
  170. }
  171. contentPanel.setActiveTab(n);
  172. }
  173. }
  174. }));
  176. //右边具体功能面板区
  177. varcontentPanel=newExt.TabPanel({
  178. region:'center',
  179. enableTabScroll:true,
  180. activeTab:0,
  181. items:[{
  182. id:'homePage',
  183. title:'首页',
  184. autoScroll:true,
  185. //closable:true,
  186. html:'Tree控件和TabPanel控件结合功能演示
'
  • }]
  • });
  • newExt.Viewport({
  • layout:'border',//使用border布局
  • defaults:{
  • activeItem:0
  • },
  • items:[_treepanel,contentPanel]
  • });
  • });

    • 其实这样子就可以运行了，只是动态加载的数据无法加载进去而已。以下是从后台数据库获取json格式数据的操作。

    1)建立一个树节点的bean，封装一个树节点。

    2)连接数据库，做相关操作之后，以json格式数据传回_treepanel.loader.dataUrl='tree.jsp?parentId='+node.id;//定义子节点的Loader。【实际上，就是一个字符串】

    3)tree.jsp

    Code:
    1. <%@pagelanguage="java"pageEncoding="utf-8"%>
    3. class="com.xxx.javabean.JSONTree"id="JSONTree">
    5. <%
    6. StringparentId="";
    7. if(request.getParameter("parentId")!=null){
    8. parentId=request.getParameter("parentId").toString();
    9. }
    10. JSONTree.setparentId(parentId);
    11. %>
    12. <%=JSONTree.getJSONString()%>
    Code:
    1. packagecom.xxx.javabean;
    3. /**
    4. *@authornothing2012
    5. *定义树节点的属性，包括节点ID、Text、图标、是否为叶子节点、是否展开等。
    6. */
    8. publicclassJSONTreeNode{
    9. privateStringid;//ID
    10. privateStringtext;//节点显示
    11. privateStringcls;//图标
    12. privatebooleanleaf;//是否叶子
    13. privateStringhref;//链接
    14. privateStringhrefTarget;//链接指向
    15. privatebooleanexpandable;//是否展开
    16. privateStringdescription;//描述信息
    17. publicStringgetId(){
    18. returnid;
    19. }
    20. publicvoidsetId(Stringid){
    21. this.id=id;
    22. }
    23. publicStringgetText(){
    24. returntext;
    25. }
    26. publicvoidsetText(Stringtext){
    27. this.text=text;
    28. }
    29. publicStringgetCls(){
    30. returncls;
    31. }
    32. publicvoidsetCls(Stringcls){
    33. this.cls=cls;
    34. }
    35. publicbooleanisLeaf(){
    36. returnleaf;
    37. }
    38. publicvoidsetLeaf(booleanleaf){
    39. this.leaf=leaf;
    40. }
    41. publicStringgetHref(){
    42. returnhref;
    43. }
    44. publicvoidsetHref(Stringhref){
    45. this.href=href;
    46. }
    47. publicStringgetHrefTarget(){
    48. returnhrefTarget;
    49. }
    50. publicvoidsetHrefTarget(StringhrefTarget){
    51. this.hrefTarget=hrefTarget;
    52. }
    53. publicbooleanisExpandable(){
    54. returnexpandable;
    55. }
    56. publicvoidsetExpandable(booleanexpandable){
    57. this.expandable=expandable;
    58. }
    59. publicStringgetDescription(){
    60. returndescription;
    61. }
    62. publicvoidsetDescription(Stringdescription){
    63. this.description=description;
    64. }
    65. }
    Code:
    1. packagecom.xxx.javabean;
    3. importjava.sql.Connection;
    4. importjava.sql.DriverManager;
    5. importjava.sql.ResultSet;
    6. importjava.sql.SQLException;
    7. importjava.sql.Statement;
    8. importjava.util.ArrayList;
    9. importjava.util.List;
    11. importnet.sf.json.JSONArray;
    13. /*
    14. *@createbynothing2012
    15. */
    16. publicclassJSONTree{
    17. privateStringparentId;
    19. publicStringgetJSONString(){
    20. Connectioncon=null;
    21. Statementst=null;
    22. ResultSetrs=null;
    23. ListtreeNodeArray=null;
    24. //传一个父节点的ID过来
    25. StringSQLString="SELECT*FROMCategoriesWHEREparentId="
    26. +this.parentId+"ORDERBYcategoryId";
    27. try{
    28. Class.forName("com.mysql.jdbc.Driver");
    29. DriverManager.registerDriver(newcom.mysql.jdbc.Driver());
    30. StringDbConn="jdbc:mysql://localhost:3306/extjs";
    31. StringDbPass="root";
    32. con=DriverManager.getConnection(DbConn,"root",DbPass);
    33. st=con.createStatement();
    34. //查找所有拥有下级类别的类别ID//不同的记录属于同一个parentID，故使用groupby
    35. rs=st
    36. .executeQuery("SELECTparentIdFROMCategoriesWHEREparentId>0GroupByparentIdOrderByparentId");
    37. StringBufferparentIDBuffer=newStringBuffer();
    38. parentIDBuffer.append("|");
    39. while(rs.next()){
    40. parentIDBuffer.append(rs.getString("parentId"));
    41. parentIDBuffer.append("|");
    42. }
    43. //得到所有的parentcategoryId列表
    44. StringparentIDString=parentIDBuffer.toString();
    45. System.out.println(parentIDString);//测试|1|2|3|4|5|6|7|8|
    46. rs=st.executeQuery(SQLString);//第一次传进来的parentID是0
    47. treeNodeArray=newArrayList();
    48. while(rs.next()){
    49. JSONTreeNodetreeNode=newJSONTreeNode();
    50. StringcategoryId=rs.getString("categoryId");
    51. treeNode.setId(categoryId);
    52. treeNode.setText(rs.getString("categoryName"));
    53. treeNode.setDescription(rs.getString("description"));
    54. //treeNode.setHref("rightframe.jsp?categoryId="
    55. //+rs.getString("categoryId").toString());
    56. //treeNode.setHrefTarget("rightFrame");
    57. System.out.println(parentIDString.indexOf("|"+categoryId+"|"));//测试
    58. if(parentIDString.indexOf("|"+categoryId+"|")>=0)//父节点如果大于0说它在父节点中存在
    59. {
    60. treeNode.setCls("folder");
    61. treeNode.setLeaf(false);
    62. treeNode.setExpandable(false);
    63. }else//子节点
    64. {
    65. treeNode.setCls("file");
    66. treeNode.setLeaf(true);
    67. treeNode.setExpandable(false);
    68. }
    69. treeNodeArray.add(treeNode);
    70. }
    71. JSONArrayJsonArray=JSONArray.fromObject(treeNodeArray);//得到JSON数组
    72. System.out.println("返回的数据是："+JsonArray.toString());
    73. returnJsonArray.toString();//返回JSON数据
    74. }catch(Exceptione){
    75. System.out.println("getJSONString()ofJSONTree.javathrows:"
    76. +e.toString());
    77. return"";
    78. }finally{
    79. try{
    80. if(con!=null&&!con.isClosed()){
    81. con.close();
    82. }
    83. }catch(SQLExceptione){
    84. //TODOAuto-generatedcatchblock
    85. e.printStackTrace();
    86. }
    87. }
    88. }
    90. publicStringgetparentId(){
    91. returnparentId;
    92. }
    94. publicvoidsetparentId(StringparentId){
    95. this.parentId=parentId;
    96. }
    97. }

    效果图：

    //需要导入的json-lib 包及其他包自行下载。测试完毕。

    你可能感兴趣的:(EXT,json,JSP,MySQL,CSS)

    • JSON 与 AJAX Auscy jsonajax前端
      一、JSON（JavaScriptObjectNotation）1.数据类型与语法细节支持的数据类型：基本类型：字符串（需用双引号）、数字、布尔值（true/false）、null。复杂类型：数组（[]）、对象（{}）。严格语法规范：键名必须用双引号包裹（如"name":"张三"）。数组元素用逗号分隔，最后一个元素后不能有多余逗号。数字不能以0开头（如012会被解析为12），不支持八进制/十六进制
    • LeetCode 148. 排序链表：归并排序的细节解析 进击的小白菜 2025Top100详解leetcode链表算法
      文章目录题目描述一、方法思路：归并排序的核心步骤二、关键实现细节：快慢指针分割链表1.快慢指针的初始化问题2.为什么选择`fast=head.next`？示例1：链表长度为偶数（`1->2->3->4`）三、完整代码实现四、复杂度分析五、总结题目描述LeetCode148题要求对链表进行排序，时间复杂度需为O(nlogn)，且空间复杂度为O(logn)。由于链表的特殊结构（无法随机访问），归并排序
    • 精通Canvas：15款时钟特效代码实现指南 烟幕缭绕
      本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。本项目集合了15种不同的时钟特效代码，帮助开发者通过学习绘制圆形、线条、时间更新、旋转、颜色样式设置及动画效果等概念，深化对Canvas的理解和应用。项目中的CSS文件负责时钟的样式设定，而JS文件则包含实现各种特效的逻辑，通过不同的函数或类处理时间更新和动画绘制，提
    • Cesium加载各类数据总结 zhu_zhu_xia cesiumJavaScriptjavascript
      接触到的加载数据类型：源地图、shp、Geojson、png、wms、地形底图一.Cesium加载各类底图#此类加载的本质在于newCesium.ImageryProvider()Apidefination：“Providesimagerytobedisplayedonthesurfaceofanellipsoid.Thistypedescribesaninterfaceandisnotinten
    • CentOS7环境卸载MySQL5.7 Hadoop_Liang mysql数据库mysql
      备份重要数据切记，卸载之前先备份mysql重要的数据。备份一个数据库例如：备份名为mydatabase的数据库到backup.sql的文件中mysqldump-uroot-ppassword123mydatabase>backup.sql备份所有数据库mysqldump-uroot-ppassword123--all-databases>all_databases_backup.sql注意：-p后
    • centos7安装 mysql5.7(安装包) heiPony linuxmysqlmariadbcentosmysql
      一.卸载centos7自带数据库查看系统自带的Mariadbrpm-qa|grepmariadbmariadb-libs-5.5.44-2.el7.centos.x86_64卸载rpm-e--nodepsmariadb-libs-5.5.44-2.el7.centos.x86_64删除etc目录下的my.cnfrm/etc/my.cnf二.检查mysql是否存在(有就卸载,删除相关文件)rpm-q
    • MySQL Explain 详解：从入门到精通，让你的 SQL 飞起来
      引言：为什么Explain是SQL优化的“照妖镜”？在Java开发中，我们常常会遇到数据库性能瓶颈的问题。一条看似简单的SQL语句，在数据量增长到一定规模后，可能会从毫秒级响应变成秒级甚至分钟级响应，直接拖慢整个应用的性能。此时，你是否曾困惑于：为什么这条SQL突然变慢了？索引明明建了，为什么没生效？到底是哪里出了问题？答案就藏在MySQL的EXPLAIN命令里。EXPLAIN就像一面“照妖镜”，
    • Linux/Centos7离线安装并配置MySQL 5.7 有事开摆无事百杜同学 LInux/CentOS7linuxmysql运维
      Linux/Centos7离线安装并配置MySQL5.7超详细教程一、环境准备1.下载MySQL5.7离线包2.使用rpm工具卸载MariaDB（避免冲突）3.创建系统级别的MySQL专用用户二、安装与配置1.解压并重命名MySQL目录2.创建数据目录和配置文件3.设置目录权限4.初始化MySQL5.配置启动脚本6.配置环境变量三、启动与验证1.启动MySQL服务2.获取初始密码3.登录并修改密码
    • Kafka系列之：Dead Letter Queue死信队列DLQ 快乐骑行^_^ KafkaKafka系列DeadLetterQueue死信队列DLQ
      Kafka系列之：DeadLetterQueue死信队列DLQ一、死信队列二、参数errors.tolerance三、创建死信队列主题四、在启用安全性的情况下使用死信队列更多内容请阅读博主这篇博客：Kafka系列之：KafkaConnect深入探讨-错误处理和死信队列一、死信队列死信队列（DLQ）仅适用于接收器连接器。当一条记录以JSON格式到达接收器连接器时，但接收器连接器配置期望另一种格式，如
    • android判断深色模式的方法 东东旭huster androidjava开发语言
      android10以后的版本才完全支持深色模式，测试下面两种方法判断系统是否深色模式都是有效的。publicstaticbooleanisDarkMode1(){if(Build.VERSION.SDK_INT
    • docker0网卡没有ip一步解决 ξ流ぁ星ぷ132 tcp/ip网络服务器
      正常查看ip的时候一直显示没有ip这里先删除docker0网卡iplinkdeletedocker0然后重启服务systemctlrestartdocker再次查看显示有ip了并且查看配置文件也是正常的cat/etc/docker/daemon.json{"registry-mirrors":["https://docker.m.daocloud.io","https://docker.imgdb
    • Rocky Linux 8.5/CentOS 8 安装Wine chen_teacher linux运维服务器
      RockyLinux8.5/CentOS8安装Wine首先配置EPEL镜像配置方法安装Wine首先配置EPEL镜像EPEL(ExtraPackagesforEnterpriseLinux),是由FedoraSpecialInterestGroup维护的EnterpriseLinux（RHEL、CentOS）中经常用到的包。下载地址：https://mirrors.aliyun.com/epel/相
    • OkHttp3源码解析--设计模式 2401_84413396 程序员设计模式
      }//在创建OkHttpClient的时候OkHttpClientclient=newOkHttpClient.Builder().cache(/创建cache对象/).build();工厂模式====直接看代码：publicinterfaceCallextendsCloneable{Requestrequest();Responseexecute()throwsIOException;voide
    • 《Java前端开发全栈指南：从Servlet到现代框架实战》
      前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处
    • LeetCode Hot 100 回文链表 源 leetcode链表算法
      给你一个单链表的头节点head，请你判断该链表是否为回文链表。如果是，返回true；否则，返回false。示例1：输入：head=[1,2,2,1]输出：true示例2：输入：head=[1,2]输出：false提示：链表中节点数目在范围[1,105]内0vals;while(head!=nullptr){vals.emplace_back(head->val);head=head->next;}
    • pythonjson中list操作_Python json.dumps 特殊数据类型的自定义序列化操作
      场景描述：Python标准库中的json模块，集成了将数据序列化处理的功能；在使用json.dumps()方法序列化数据时候，如果目标数据中存在datetime数据类型，执行操作时，会抛出异常：TypeError:datetime.datetime(2016,12,10,11,04,21)isnotJSONserializable那么遇到json.dumps序列化不支持的数据类型，该怎么办！首先，
    • LangChain中的向量数据库接口－Weaviate 洪城叮当 langchain数据库经验分享笔记交互人工智能知识图谱
      文章目录前言一、原型定义二、代码解析1、add_texts方法1.1、应用样例2、from_texts方法2.1、应用样例3、similarity_search方法3.1、应用样例三、项目应用1、安装依赖2、引入依赖3、创建对象4、添加数据5、查询数据总结前言  Weaviate是一个开源的向量数据库，支持存储来自各类机器学习模型的数据对象和向量嵌入，并能无缝扩展至数十亿数据对象。它提供存储文档嵌
    • Python 日期格式转json.dumps的解决方法 douyaoxin pythonjson开发语言
      classDateEncoder(json.JSONEncoder):defdefault(self,obj):ifisinstance(obj,datetime.datetime):returnobj.strftime('%Y-%m-%d%H:%M:%S')elifisinstance(obj,datetime.date):returnobj.strftime("%Y-%m-%d")json.d
    • Flutter——数据库Drift开发详细教程(七) 怀君 flutterflutter数据库
      目录入门设置漂移文件入门变量数组定义表支持的列类型漂移特有的功能导入嵌套结果LIST子查询Dart互操作SQL中的Dart组件类型转换器现有的行类Dart文档注释结果类名称支持的语句自定义SQL类型定义类型使用自定义类型在Dart中在SQL中方言意识支持的SQLite扩展json1fts5地缘垄断自定义查询带有生成的api的语句自定义选择语句自定义更新语句入门Drift提供了一个dart_api来
    • AI 图像编辑提示词参考之：背景替换
      在AI图像编辑中（以FluxKontext为例），“替换背景”（BackgroundReplacement）是提升图像表现力的关键手段之一。但背景更换不仅仅是简单的视觉置换，更重要的是：确保人物主体外观不变，并与新背景在色温、色调、光影等方面自然融合。只有这样，最终图像才会呈现出“原本拍摄于该背景环境”的真实感。建议使用以下结构组织提示词：Replacethebackgroundwith[新背景]
    • android中百度定位、城市选择列表，右侧字母展示
      好久好久没光顾过自己空空的博客了，做项目的时候都是逛着别人的博客急着把功能实现，近来闲下来了总结总结。这个城市选择功能也是当时做项目急着实现从哪找来的框架不记得了，然后改改用到项目中来的。非常感谢提供最初源码的博主，主要的区别是添加了搜索功能、定位功能，把以前的操作本地数据库sqlite的部分，改为操作对assest文件的操作，封装的有百度地图定位方法、可删除的edittext。百度地图的key需
    • 自测魅族手机webview加载h5时ul嵌套li标签js失效问题记录 ZhDan91 混合app前端开发
      自测魅族手机ul嵌套li标签js失效问题：可采用div嵌套option实现样式：.hot_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}.hot_listoption{text-align:center;width:30%;padding:.16rem.34rem;border:0.1remso
    • Flutter基础（前端教程⑥-按钮切换） aaiier Flutterflutter前端状态模式
      1.假设你已有的两个表单组件（示例）//手机号注册表单（示例）classPhoneRegisterFormextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnColumn(children:[TextField(decoration:InputDecoration(labelText:'手机号')),Text
    • GoView 强势入驻 GitCode：拖拽低代码，打造高颜值数据大屏 GitCode 代码君 gitcode低代码开源
      信息可视化时代，数字大屏日益成为展示核心KPI、运营状态、监控预警的主流形式。然而，用传统方式开发一个定制化数字大屏需要解决多少问题？1.繁复的数据源集成，各种不同的协议和格式……2.让人晕头转向的可视化逻辑，调动艰难的样式、布局、动画，和往往难以统一的风格3.牵一发而动全身的代码结构，就想换个主题色结果开启的全局CSS大冒险……现在，一个开源项目即可搞定上述问题——拖拽式低代码数字可视化平台Go
    • QML与C++相互调用函数并获得返回值 cpp_learners QMLc++QMLqt
      这篇博客主要讲解在qml端如何直接调用c++的函数并获得返回值，在c++端如何直接调用qml的函数并获得返回值；主要以map或者jsonobject、list或者jsonarray为主！其他单个类型，常见的类型，例如QString、int等，就不演示了；一通百通。目录1准备工作1.1C++端1.2QML端2qml端直接调用c++端函数3c++端直接调用qml端函数3.1调用qml的qmlFuncO
    • vue3 + Element Plus 系统主题切换 顾尘眠 vue.js前端javascript
      创建主题管理模块(用于配置颜色变量)新建src/utils/theme.tsimport{ref,watchEffect}from'vue'typeThemeType='light'|'dark'|'system'//主题配置constthemeConfig={light:{'--el-color-primary':'#409eff','--bg-color':'#ffffff','--text-
    • 老系统改造增加初始化，自动化数据源配置（tomcat+jsp+springmvc）
      老系统改造增加初始化，自动化数据源配置一、前言二、改造描述1、环境说明2、实现步骤简要思考三、开始改造1、准备sql初始化文件2、启动时自动读取jdbc文件，创建数据源，如未配置，需要一个默认的临时数据源2.1去掉spingmvc原本配置的固定dataSource，改为动态dataSource2.2代码类，这里是示例，我就不管规范了，放到一起2.2.1DynamicDataSourceConfig
    • Vue.js 过渡 & 动画 lsx202406 开发语言
      Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画，包括其原理、应用场景以及实现方法。一、Vue.js过渡原理Vue.js过渡是利用CSS3的transition属性实现的。当Vue.js侦测到数据变化时，会自动触发过渡效果。过渡
    • requests的使用
      一·概念requests作为爬虫的基础库，在我们快速爬取和反爬破解中起到很重要的作用，其中的知识点大概有以下几个方面：二·内容一，request：1-requests.get…get请求获取数据2-requests.post…post请求获取数据二，response:1-response.text.响应体str类型2-response.encoding从HTTPheader中获取响应内容的编码方式
    • Vue3 tailwindcss
      1、安装tailwindcsspnpmi-Dtailwindcsspostcssautoprefixer#yarnadd-Dtailwindcsspostcssautoprefixer#npmi-Dtailwindcsspostcssautoprefixer2、创建TailwindCSS配置文件npxtailwindcssinit-ptailwind.config.js/**@type{impor
    • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
      现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
    • java中switch的使用 bingyingao javaenumbreakcontinue
      java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
    • hive having count 不能去重 daizj hive去重having count计数
      hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
    • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
            对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
    • 设计模式总结 朱辉辉33 java设计模式
      1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
    • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
      引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
    • mysql 林鹤霄
      转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
    • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
      原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
    • html input与textarea 值改变事件 alxw4616 JavaScript
      // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
    • String类的基本用法 百合不是茶 String
        字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
    • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
      Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
    • 使用GZip来压缩传输量 bijian1013 javaGZip
              启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
    • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
          定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
    • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
      1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
    • 怎样区别nginx中rewrite时break和last ronin47
      在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
    • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
      import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
    • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
      问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
    • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
            某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
    • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
      #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
    • Java核心问题集锦 darrenzhu java基础核心难点
      注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
    • 1分钟学会Markdown语法 dcj3sjt126com markdown
      markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
    • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
      转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
    • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
      有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
    • JavaWeb之JSP指令 ihuning javaweb
        要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
    • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
      1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
    • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
      有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
    • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
      // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
    • windows命令行设置wifi surfingll windowswifi笔记本wifi
      还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
    • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
      安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
    • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
      更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他