DDE前端（二）：item分类

最新推荐文章于 2024-12-12 22:42:28 发布

yuanchenglu

最新推荐文章于 2024-12-12 22:42:28 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：（原创）linuxdeepin之DDE桌面环境

本文链接：https://blog.youkuaiyun.com/yuanchenglu/article/details/9719379

（原创）linuxdeepin之DDE桌面环境专栏收录该内容

11 篇文章

订阅专栏

本文深入探讨了Linux Deepin桌面环境中的组件分类，包括文件夹、应用程序启动组、.desktop文件、桌面插件、计算机、主文件夹、回收站、深度软件中心等，详细介绍了各组件的功能及应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

源代码：https://github.com/linuxdeepin/dde/blob/develop/resources/desktop/js/desktop_item.coffee

class Item extends Widget

class DesktopEntry extends Item

1. class Folder extends DesktopEntry

文件夹

2.class RichDir extends DesktopEntry

应用程序启动组

3.class Application extends DesktopEntry

.desktop文件，既应用程序

4.class NormalFile extends DesktopEntry

一般文件，如.txt .c .coffee等

不过现在这个class中是空的

5.class DesktopApplet extends Item

？

这个之前准备做桌面插件的，不过现在桌面插件不走这套机制了，所以这个先不管

且这个class中没有任何内容

6.class ComputerVDir extends DesktopEntry

计算机 \

7.class HomeVDir extends DesktopEntry

主文件夹 home

8.class TrashVDir extends DesktopEntry

回收站

9.class DeepinSoftwareCenter extends DesktopEntry

深度软件中心

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yuanchenglu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发：实战场景—解决同一个item可以被多次选择的需求

全沾软贱开发攻城狮

09-09

1万+

最近在修改接手的一个前端项目的时候，有一个优化需求：需要禁止同一个item被同时选择多次的问题。具体需求如下所示：其实上述问题很简单，只用在item的点击事件里面做一个同一个item禁止多选的处理即可，但是本篇博文之所以拿出来要“小题大做”，还是要顺便再介绍一下findIndex() 方法的使用。具体的操作如下所示： 1、 <a-modal :visible="showListModal" :centered="true" ...

前端开发：运用移动端思想简单实现自定义列表item

全沾软贱开发攻城狮

05-09

1万+

前言在前端开发中，使用Vue开发移动端项目的时候，为的就是仿照app的风格来实现业务需求效果。仿移动端原生开发的前端项目，实现业务需求直接可以参考移动端原生开发的思路即可，也就是说如果移动端原生开发者用Vue做基于移动端的时候，是非常有优势的，运用移动端的思维适用于各种移动端项目开发。本文主要是分享一下通过移动端原生思维来实现列表界面的item实现的业务需求，主要是为了体现移动端原生思想运用于前端开发。业务场景在实际工作中，基于移动端的前端项目，说白了也就是通过前端技术实现移动端的效果，目前

参与评论您还未登录，请先登录后发表或查看评论

前端学习（3120）：item中的key

歌谣的博客

07-18

444

html item 方法,HTML DOM item() 方法(示例代码)

weixin_42549037的博客

06-18

365

一直不知道javascript还有类似jQ里面eq()的函数，原来原生javascript的item()有类似功能：由于是原生javascript,先补习下children和childNodes的区别：1，childNodes：它是标准属性，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本节点。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，...

python---class:item系列方法（区别：attr系列方法）

白骨梦儿

01-23

2530

#大家都知道，平常操作class类的或者object对象的属性，都是用：类名/对象名.属性名 #其实，这种操作方法就是在启动调用与attr内置方法相关的函数： # __getattr__()、__setattr__()、__delattr__() #----------------------item系列函数--------------------------------------- #其实：...

前端笔记：可视化大屏

weixin_37537423的博客

01-02

2642

可视化大屏

新手也能上手！用HTML+CSS+Vue+ECharts构建智慧温室监控平台“ “前端实战：从零打造智能农业大屏的全套源码与教程“ “不止是表单！轻松实现智慧农业可视化界面（附完整示例）“ “数据驱动

南北极之间

12-12

646

新手也能上手！用HTML+CSS+Vue+ECharts构建智慧温室监控平台" "前端实战：从零打造智能农业大屏的全套源码与教程" "不止是表单！轻松实现智慧农业可视化界面（附完整示例）" "数据驱动的现代农科场景：前端智慧温室监测大屏教程" "从入门到进阶：深入实践智慧农业前端可视化项目开发"

DDE前端（一）：DesktopEntry拖动顺序详解

袁成路的专栏

08-02

1112

源代码：https://github.com/linuxdeepin/dde/blob/develop/resources/desktop/js/desktop_item.coffee 本文先主要讲解drag的几个顺序。具体关于拖动，再做一篇文章。首先分清归属： src: do_dragstart do_dragend dest:do_dragenter d

从头实现智能仓储数据大屏（前端完整实战案例）

南北极之间

12-12

559

从头实现智能仓储数据大屏（前端完整实战案例）场景设定为："智能仓储调度与库存预测可视化平台" 特点与变化：整体风格：采用灰白为底、点缀明亮黄色和蓝紫渐变，呈现高科技工业风。布局结构：顶部为仓储概览与全局控制栏，左侧为库存分类树形菜单与仓储策略配置，中间为实时仓储地图、库存趋势图、订单执行状态图表，右侧为预测分析、物流动线图与告警信息列表，底部增加事件日志滚动与设备健康度图表。数据内容：展示仓储内各货区库存数据、订单完成率、预测未来库存走势，支持策略调整（自动分配货位、优先出库策略）、异常告警（库存不

【组态王DDE与数据库集成指南】：构建稳定数据交互平台的必知技巧

本文首先概述了组态王DDE与数据库集成的基本概念和意义，随后深入分析了DDE技术的工作机制及其在组态王中的应用，以及数据库集成的基础知识。接着，本文详细介绍了实现组态王DDE与数据库集成的具体方法，包括DDE的...

前端面试题总结

学习

06-03

527

选择器拖拽释放：drag、drop媒体播放：video、audio本地存储：localStorage、sessionStorage语义化标签：header、nav、main、aside、article、section、footer增强表单控件canvasbasefont、big、center、font、s、tt、u、frame、frameset、noframesbackground-sizebox-shadowtext-shadowtext-wraptransform：translate()box-sizi

【安全】【测试思路】文件上传下载之绕过上传时内容校验的DDE注入攻击

次次次不吃饼干_的博客

07-28

1775

【安全】【测试思路】文件上传下载之基于bypass的DDE注入攻击DDE注入介绍测试流程图测试思路服务器搭建攻击脚本参考上传文件准备 DDE注入介绍 DDE（Dynamic Data Exchange，动态数据交换）是应用之间传输数据的一种方法。Excel可以使用这种机制，根据外部应用的处理结果来更新单元格的内容。因此，如果我们制作包含(恶意)DDE公式的xlsx/csv文件，那么在打开该文件时，Excel就会尝试执行外部应用，以达到攻击的目的。测试流程图测试思路服务器搭建在这里，咱们可以使

【CSS属性选择器灵活应用】以选择父元素下第一个不隐藏的class为“item“的div为例

weixin_42061806的博客

09-05

1218

【CSS属性选择器灵活应用】以选择父元素下第一个不隐藏的class为"item"的div为例

前端练习Day 3

silenmm的博客

05-07

381

1、选择器，id选择器 #id ，类选择器 .class，标签选择器 item，span.item表示选中class名为item的span，span .item表示选中span下面的class名为item的元素，span, .item表示同时选中span和class名为item的标签 2、css选择器优先级为id>class>标签 3、html5中的Web Storage包括了两...

Web前端最全JavaSE学习笔记--Item1 注解Annotation_@item注解(1)，前端高级面试2024

2401_84438654的博客

05-16

387

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。Child!

[Vue]可编辑的列表Item组件

SCUhzs

07-07

1771

[Vue]可编辑的列表Item组件

delphi中DDE通信技术

云中雁012345之成长

05-05

1944

DDE可实现进程与进程之间的通讯服务端需要放2个空间。 DDE conver 会话上下文。还有一个DDEitem ;; 将 ddeitem 志向 DDe conver; 然后运行程序； DDE服务器就启动了；在 ddeitem 这个方法中就可以获取数据了 procedure TForm1.ddepxbitemPokeData(Sender: TObject); var st

JUC学习

a627082796的博客

09-13

590

JUC的学习123合理的创建标题，有助于目录的生成4插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 1 你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 2 我们对

深入理解BootStrap Item16 -- 列表组(list-group)

最新发布

05-30

<think>好的，我需要帮助用户根据后端返回的JSON数据动态生成带有分页功能的HTML表格，并且根据城市字段合并单元格。用户之前已经有一些代码，但需要补充动态生成表格和分页的部分，特别是合并单元格。我需要结合用户提供的引用内容，找到合适的解决方案。首先，用户提到了几个引用，其中引用[1]和[2]提到了jQuery插件和DataTables，但用户可能更倾向于手动实现，而不是使用现有插件，因为需要自定义合并单元格的功能。引用[3]和[4]涉及JSON转表格和可排序表格，但用户需要分页和合并单元格，所以可能需要手动处理数据。用户的上一个回答中提到了分页和合并单元格的逻辑，但需要整合到当前代码中。用户当前的代码通过AJAX获取数据，成功回调后需要生成表格并分页，同时合并单元格。我需要考虑如何将数据分页，并在前端实现分页控制，同时确保同一城市的单元格合并。首先，分页功能。后端应该返回分页后的数据，包括总记录数，这样前端才能计算总页数。但用户当前的URL是/Fos/getList，可能后端没有处理分页参数，所以需要调整AJAX请求，传递page和pageSize参数，并确保后端支持分页。或者，如果后端无法分页，可能需要前端分页，但这样性能可能不佳，尤其是数据量大时。根据引用[2]，建议使用后端分页，所以需要修改AJAX请求，添加分页参数。然后，生成表格部分。用户需要遍历返回的数据，生成表格行，并填充到tbody中。合并单元格的逻辑需要根据城市字段，将连续相同的城市合并，使用rowspan属性。这需要遍历生成的表格行，比较当前行和前一行的城市，如果相同，则增加rowspan并隐藏后续的单元格。分页部分需要生成分页按钮，并处理点击事件，重新加载数据。同时，在分页切换时，需要重新合并单元格。可能的步骤： 1.在AJAX请求中添加分页参数，如page和pageSize，让后端返回对应页的数据及总条数。2.成功回调后，清空tbody，动态生成表格行。3.实现合并单元格的函数，遍历tr，合并相同城市的单元格。4.生成分页按钮，绑定点击事件，触发新的AJAX请求加载对应页的数据。5.每次加载新数据后，重新合并单元格。需要考虑的问题：-分页数据如何与合并单元格协调，比如同一城市的数据可能跨页，导致合并不完整。如果后端能按城市排序，同一城市的数据集中在同一页，合并更容易。但用户的需求可能允许每页内合并，跨页不合并。 -合并单元格的实现方法，使用jQuery遍历行，记录起始位置和rowspan值。-分页按钮的动态生成，根据总页数生成按钮，并高亮当前页。现在，根据这些思考，整理代码结构，将分页参数加入AJAX请求，处理返回数据，生成表格，合并单元格，生成分页按钮。同时，确保合并逻辑正确，避免重复合并或遗漏。可能参考用户之前的回答中的mergeCellsByCity函数，但需要调整以适应当前的数据结构。例如，假设返回的数据中每个条目有city字段，需要根据该字段合并。测试用例：假设返回的数据是按城市排序的，同一城市的条目连续出现，这样合并逻辑可以正确应用。如果数据未排序，合并可能不准确，因此可能需要后端排序或前端排序，但前端排序可能影响分页。因此，建议后端返回的数据已经按城市排序，这样每页内的相同城市条目是连续的，合并逻辑只需处理当前页的数据。综上，代码的大致流程如下：1.定义当前页和每页大小变量。 2.点击搜索按钮时，获取省份和城市ID，发起AJAX请求，传递分页参数。 3.后端返回当前页的数据和总条数。 4.前端生成表格行，填充数据。 5.合并相同城市的单元格。 6.生成分页按钮，绑定点击事件以加载对应页的数据。在代码实现中，需要注意分页参数的处理，合并函数的正确性，以及分页按钮的生成和事件绑定。同时，样式方面可能需要调整合并后的单元格显示，比如设置rowspan和隐藏重复的单元格。</think>以下是基于 jQuery 实现动态分页表格并合并单元格的完整解决方案： ### 一、实现步骤 #### 1. 分页参数处理（修改AJAX请求） ```javascript let currentPage = 1; const pageSize = 10; $("#searchMechanism").click(function() { const provinceId = $("#province").val(); const cityId = $("#city").val(); $.ajax({ url: `/Fos/getList?provinceId=${provinceId}&cityId=${cityId}`, data: { page: currentPage, // 新增分页参数 size: pageSize // 每页条数 }, success: function(result) { const response = JSON.parse(result); renderTable(response.data); mergeCityCells(); // 合并单元格 renderPagination(response.total); // 生成分页 } }); }); ``` #### 2. 动态渲染表格（核心代码） ```javascript function renderTable(data) { const $tbody = $('#tbody').empty(); data.forEach((item, index) => { $tbody.append(` <tr> <td>${item.region}</td> <td class="city-group">${item.city}</td>  <td>${item.orgName}</td> <td>${item.phone}</td> <td>${item.address}</td> <td>${item.workTime}</td> </tr> `); }); } ``` #### 3. 单元格合并算法（关键逻辑） ```javascript function mergeCityCells() { const $rows = $('#tbody tr'); let prevCity = null; let startRow = 0; $rows.each(function(index) { const currentCity = $(this).find('.city-group').text(); if (currentCity === prevCity) { // 合并单元格操作 $rows.eq(startRow).find('.city-group').attr('rowspan', index - startRow + 1); $(this).find('.city-group').hide(); } else { startRow = index; prevCity = currentCity; } }); } ``` #### 4. 分页组件实现 ```javascript function renderPagination(total) { const totalPages = Math.ceil(total / pageSize); const $pagination = $('#pagination').empty(); // 生成分页按钮 for (let i = 1; i <= totalPages; i++) { $pagination.append(` <button class="page-btn ${i === currentPage ? 'active' : ''}">${i}</button> `); } // 分页点击事件 $('.page-btn').click(function() { currentPage = parseInt($(this).text()); $("#searchMechanism").click(); // 触发重新查询 }); } ``` ### 二、关键优化建议 1. **后端排序要求**：确保服务端返回数据按城市字段排序，这是合并单元格正确性的前提[^2] 2. **分页同步机制**：当切换分页时，合并操作会重新执行，需保持城市数据的连续性[^4] 3. **性能优化**：建议使用`rowspan`代替隐藏单元格，避免内存泄漏问题 ### 三、样式补充建议 ```css /* 合并单元格样式 */ .city-group { background-color: #f8f9fa; vertical-align: middle; } /* 分页按钮样式 */ #pagination { margin-top: 15px; } .page-btn { padding: 5px 12px; border: 1px solid #ddd; margin-right: 5px; cursor: pointer; } .page-btn.active { background-color: #007bff; color: white; border-color: #007bff; } ``` ### 四、扩展功能建议 1. **数据预处理**：在服务端完成城市分组统计，返回合并信息[^3] 2. **缓存优化**：使用`sessionStorage`缓存已加载的分页数据 3. **异步加载**：添加加载动画提升用户体验 ```javascript // 在AJAX请求中添加加载状态 $.ajax({ beforeSend: function() { $("#loading").show(); }, complete: function() { $("#loading").hide(); } }); ```