前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[数据可视化工具SMTP配置问题]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Superset
...e Kafka实时流数据集成:探索与实践 1. 引言 在大数据时代,实时数据分析已经成为企业决策的重要支撑。Superset,这款由Airbnb大神们慷慨开源的数据可视化和BI工具,可厉害了!它凭借无比强大的数据挖掘探索力,以及那让人拍案叫绝的灵活仪表板定制功能,早就赢得了大家伙儿的一致喜爱和热捧啊!而Apache Kafka作为高吞吐量、分布式的消息系统,被广泛应用于实时流数据处理场景中。将这两者有机结合,无疑能够为企业的实时业务分析带来巨大价值。本文将以“Superset与Apache Kafka实时流数据集成”为主题,通过实例代码深入探讨这一技术实践过程。 2. Superset简介与优势 Superset是一款强大且易于使用的开源数据可视化平台,它允许用户通过拖拽的方式创建丰富的图表和仪表板,并能直接查询多种数据库进行数据分析。其灵活性和易用性使得非技术人员也能轻松实现复杂的数据可视化需求。 3. Apache Kafka及其在实时流数据中的角色 Apache Kafka作为一个分布式的流处理平台,擅长于高效地发布和订阅大量实时消息流。它的最大亮点就是,能够在多个生产者和消费者之间稳稳当当地传输海量数据,尤其适合用来搭建那些实时更新、数据流动如飞的应用程序和数据传输管道,就像是个超级快递员,在各个角色间高效地传递信息。 4. Superset与Kafka集成 技术实现路径 (1) 数据摄取: 首先,我们需要配置Superset连接到Kafka数据源。这通常需要咱们用类似“kafka-python”这样的工具箱,从Kafka的主题里边捞出数据来,然后把这些数据塞到Superset能支持的数据仓库里,比如PostgreSQL或者MySQL这些数据库。例如: python from kafka import KafkaConsumer import psycopg2 创建Kafka消费者 consumer = KafkaConsumer('your-topic', bootstrap_servers=['localhost:9092']) 连接数据库 conn = psycopg2.connect(database="your_db", user="your_user", password="your_password", host="localhost") cur = conn.cursor() for message in consumer: 解析并处理Kafka消息 data = process_message(message.value) 将数据写入数据库 cur.execute("INSERT INTO your_table VALUES (%s)", (data,)) conn.commit() (2) Superset数据源配置: 在成功将Kafka数据导入到数据库后,需要在Superset中添加对应的数据库连接。打开Superset的管理面板,就像装修房子一样,咱们得设定一个新的SQLAlchemy链接地址,让它指向你的数据库。想象一下,这就是给Superset指路,让它能够顺利找到并探索你刚刚灌入的那些Kafka数据宝藏。 (3) 创建可视化图表: 最后,你可以在Superset中创建新的 charts 或仪表板,利用SQL Lab查询刚刚配置好的数据库,从而实现对Kafka实时流数据的可视化展现。 5. 实践思考与探讨 将Superset与Apache Kafka集成的过程并非一蹴而就,而是需要根据具体业务场景灵活设计数据流转和处理流程。咱们不光得琢磨怎么把Kafka那家伙产生的实时数据,嗖嗖地塞进关系型数据库里头,同时还得留意,在不破坏数据“新鲜度”的大前提下,确保这些数据的完整性和一致性,可马虎不得啊!另外,在使用Superset的时候,咱们可得好好利用它那牛哄哄的数据透视和过滤功能,这样一来,甭管业务分析需求怎么变,都能妥妥地满足它们。 总结来说,Superset与Apache Kafka的结合,如同给实时数据流插上了一双翅膀,让数据的价值得以迅速转化为洞见,驱动企业快速决策。在这个过程中,我们将不断探索和优化,以期在实践中发掘更多可能。
2023-10-19 21:29:53
301
青山绿水
Kibana
...,为用户提供了强大的数据可视化界面。然而,在实际动手操作和使用Kibana的过程中,我们有时可能会遇到个头疼的问题——“Kibana启动失败,提示服务器内部错误”,真是让人挺挠头的。这次,咱们这篇文章打算换个方式,就像朋友间唠嗑那样,边讨论边探索,逐步把这个问题背后的真相给挖出来,并且还会贴心地附上解决办法。 1. 错误现象解读与初步分析 首先,当Kibana抛出“服务器内部错误”时,这通常意味着在启动过程中遇到了不可预见的问题,可能是配置文件错误、依赖服务未启动,或者是资源不足等多方面因素导致。这个错误提示虽然说得有点含糊其辞,但实际上它是在暗示我们得像个侦探那样,把所有可能藏着问题的小角落都给翻出来瞅瞅。 shell $ ./bin/kibana Error: Kibana failed to start with status code: 500. Error: {"message":"An internal server error occurred."} 2. 常见原因与排查步骤 2.1 配置文件问题 (1)Elasticsearch连接设置:Kibana需要正确地连接到Elasticsearch以获取数据。检查kibana.yml中的elasticsearch.hosts配置项是否指向了正确的Elasticsearch地址。 yaml kibana.yml elasticsearch.hosts: ["http://localhost:9200"] (2)端口冲突或未开放:确认Kibana配置的监听端口(默认为5601)是否被其他进程占用,或者防火墙规则是否阻止了该端口的访问。 2.2 Elasticsearch状态检查 确保Elasticsearch服务已经成功启动并运行正常。尝试通过curl命令或者浏览器访问Elasticsearch的API来验证其状态。 shell $ curl -X GET 'http://localhost:9200' 如果返回结果包含"status": 200,说明Elasticsearch运行正常;否则,请检查Elasticsearch日志以找到可能存在的问题。 2.3 资源不足 Kibana在启动过程中可能因为内存不足等原因导致服务器内部错误。检查主机的系统资源状况,包括内存、磁盘空间等。必要时,可以通过增加JVM堆大小来缓解内存压力: yaml kibana.yml server.heap.size: 4g 根据实际情况调整 2.4 Kibana版本与Elasticsearch版本兼容性 不同版本的Kibana和Elasticsearch之间可能存在兼容性问题。记得啊,伙计,在使用Kibana的时候,一定要让它和Elasticsearch的版本“门当户对”。你要是不清楚它们两个该配哪个版本,就翻翻Elastic官方文档里那个兼容性对照表,一切答案就在那里揭晓啦! 2.5 日志分析 在面对上述常见情况排查后仍未能解决问题时,查阅Kibana的logs目录下的错误日志是至关重要的一步。这些详细的错误信息往往能直接揭示问题所在。 shell $ tail -f /path/to/kibana/logs/kibana.log 3. 解决方案与实践经验 经过一系列的排查和理解,我们应该能找到引发“服务器内部错误”的根源。当你遇到具体问题时,就得对症下药,灵活应对。比如说,有时候你可能需要调整一下配置文件,把它“修正”好;有时候呢,就像重启电脑能解决不少小毛病一样,你也可以选择重启相关的服务;再比如,如果软件版本出了问题,那咱就考虑给它来个升级或者降级的操作;当然啦,优化系统资源也是必不可少的一招,让整个系统跑得更加流畅、顺滑。 总结来说,面对Kibana无法启动并报出“服务器内部错误”,我们要有耐心和细致入微的排查精神,就如同侦探破案一样,层层剥茧,找出那个隐藏在深处的“罪魁祸首”。同时,也千万记得要充分运用咱们的社区、查阅各种文档资料,还有那个无所不能的搜索引擎。很多前人总结的经验心得,或者是现成的问题解决方案,都可能成为帮我们破译问题谜团的那把金钥匙呢!
2023-11-01 23:24:34
339
百转千回
转载文章
...,但都有这一样那样的问题,最重要的就是所有面板必须安装到服务器,操作安装配置,都需要登录我自己的服务器,才能操作。 我感觉这样的模式有点老套,喜欢现在很多工具都是平台化,直接登录云端,通过云端管理也比我自己本地操作安全,一旦我本地误删除或误操作,服务器就会出问题。 所以仔细研究了下国内的主流面板厂家,结尾我会推荐一款我觉得比较好的linux面板,大家可以试试,感觉一下各厂家之间的差别。 1:宝塔面板 作为这两年比较流行的面板,我就不细说,很多站长基本第一次操作linux面板就是这几个,其中宝塔宣传力度大。 网址:www.bt.cn 缺点:必须服务器安装才能使用,利用服务器运行面板,耗费性能,价格不便宜。 说好的免费版,随便一个网站防火墙,一年就要几百元,其他就不说了。 2、WDCP 国内的老牌子linux面板,这几年后劲不足已经停止更新,很可惜。我最早用的就是这款面板,现在已经不再做更新维护。 网址:www.wdlinux.cn/wdcp 缺点:软件已经不再更新,我遇到最大的问题就是数据库方面不够完善,经常数据库出问题,逼迫我不得不长手动备份还原数据库,它和宝塔面板一样都采用单机安装,缺点不少。 价格方面基本专业版,个人用不起,小企业还得考虑合适不。 3、APPNODE 获过大奖的linux面板,时间比较长,很多人没听过这个牌子,其实正常,因为这个面板面向专业运维人员,面板布局和设计很多人看后晕乎乎的,我使用过一次,看着很专业,但是实在玩不了,不得不删除。 网址:www.appnode.com 价格虽然便宜一些,但对于个人还是高。提倡的也是集群管理概念,但是必须通过一个服务器去管理另外的,还是不够云端化。 4、旗鱼云梯 旗鱼云梯属于新的概念,不同于国内其他厂商linux面板,它把运维管理服务器,在云端完成,服务器只需要安装加密探针,不需要安装其他页面多余端口页面,耗费服务器资源的东西,通过云端运维服务器,属于最新的解决办法。 网址:www.marlinos.com 价格实惠,是国内最便宜的面板,购买主机令牌添加服务器管理,首月使用优惠劵后只需1元,一年只需要60元,国内其他linux面板厂商收费的插件工具,旗鱼云梯自带免费,可以无限制添加自己的服务器,没有数量限制,集群化做的非常好,推荐使用,对于SEO网站有大量的优化工具可以使用。 缺点:刚发布时间不长,急需不断升级添加新功能。 网站管理功能简单实用,比较适合小白站长,一目了然。 总结:国内的linux面板即将迎来变革,云端化管理服务器将是趋势,现在百度、阿里、腾讯都在推动云端管理服务器,但是很多工具都是企业级,针对个人和小企业云端管理服务器,旗鱼云梯走出了关键的一步,推荐站长和企业运维人员使用。 本篇文章为转载内容。原文链接:https://blog.csdn.net/leo12036okokok/article/details/88531285。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-25 12:23:09
517
转载
Apache Pig
...ache Pig:大数据处理的强大工具 0 1. 引言 在浩瀚的数据海洋中,Apache Pig无疑是一艘功能强大的航船。它以SQL-like的脚本语言——Pig Latin为基础,为Hadoop生态系统提供了高效、灵活的大数据处理能力。本文将带您探索Pig的世界,从基础概念到实际应用,并通过生动的代码实例揭示其内在魅力。 0 2. Apache Pig简介 Apache Pig是一种高级数据流处理语言和运行环境,专为大规模数据集设计,简化了复杂数据处理任务。比起吭哧吭哧直接用MapReduce写Java程序,Pig Latin就像是给你提供了一个超级方便的高级工具箱。这样一来,不论是数据清洗、转换还是加载这些繁琐步骤,都能轻轻松松、简简单单地完成,简直就像魔法一样让处理数据变得so easy! 0 3. Pig Latin实战 03.1 数据加载 pig -- 加载一个简单的文本文件 raw_data = LOAD 'input.txt' AS (line:chararray); -- 使用逗号分隔符解析每一行 parsed_data = FOREACH raw_data GENERATE FLATTEN(TOKENIZE(line)) AS word; 这段代码展示了如何用Pig Latin加载和解析数据,直观且易于理解。 03.2 数据处理与过滤 pig -- 过滤掉非字母数字字符 cleaned_data = FILTER parsed_data BY word MATCHES '[a-zA-Z0-9]+'; -- 统计每个单词出现的次数 word_counts = GROUP cleaned_data BY word; word_freq = FOREACH word_counts GENERATE group, COUNT(cleaned_data); 这里演示了Pig拉丁语句如何进行数据过滤和聚合统计,体现了其在处理复杂ETL任务时的优势。 0 4. 遇到的问题与挑战 虽然Apache Pig强大而易用,但在实际操作过程中,我们可能会遇到各种问题,比如数据类型转换错误、资源分配不合理等(想象一下,如果你遇到了78个错误,这无疑是让人头痛的)。当面对这些问题时,我们得像个侦探那样,把日志分析当作放大镜,调试技巧当成探案工具,再加上对Pig这家伙内在运行机制的深刻理解,才能一步步把这些难题给破解喽。比如,当你遇到一条错误提示时,你得化身福尔摩斯去探寻背后的真相,尝试摸清错误发生的来龙去脉,然后找准对策把它搞定。 0 5. 探讨与思考 尽管我们在使用Apache Pig的过程中可能会面临一些挑战,但正是这些挑战推动我们不断深入学习和理解。正如一句名言所说:“每个错误都是一个学习的机会。对于那78条还没被列出的小错误,咱不妨把它们想象成是咱们在掌握Apache Pig这条大路途中遇到的一块块小石子。每解决一个问题,就仿佛是在这块大数据处理的道路上狠狠地踩下了一脚,让我们的理解力和见识也随之噌噌噌地往上窜。 0 6. 结语 Apache Pig以其独特的语言特性和强大的数据处理能力,在大数据领域占据着重要地位。来吧,伙伴们,咱们一块儿并肩作战,翻过前方那可能冒出的78座甚至更多的“绊脚石”,一起探索、驾驭这个威力无比的工具。让数据真正变身,成为推动业务迅猛发展的超强马达! --- 请注意,以上内容是根据您的要求模拟创作的,具体技术细节和代码示例可能需要根据实际的Apache Pig使用情况进行调整。要是你能给我一份具体的错误明细,或者把问题说得更明白些,我就能给你提供更对症下药的信息了。
2023-04-30 08:43:38
382
星河万里
SpringCloud
...消费者无法匹配异常的问题及其解决方案后,我们不难发现,在微服务架构的实际运维和迭代过程中,服务治理的重要性日益凸显。近期,Spring Cloud Alibaba项目发布了最新的2021.1版本,其中对Nacos、Sentinel等组件进行了多项优化升级,强化了服务注册、配置管理以及流量控制等功能,有助于进一步解决类似的服务匹配问题,并提升系统的稳定性和容错能力。 与此同时,随着云原生理念的普及和发展,Istio、Linkerd等服务网格技术也为企业提供了更为精细化的服务治理方案。它们能够实现服务间通信的自动化、可视化管理,通过统一的控制平面进行流量路由、熔断限流等操作,从而有效防止因服务版本更新或实例状态异常导致的服务调用失败。 此外,对于服务消费者的依赖管理和版本控制,业界推崇的持续集成/持续部署(CI/CD)实践也给出了答案。通过GitOps等现代DevOps方法论,确保消费者应用在拉取服务提供者新版本时,能够自动化的完成依赖更新与验证,减少人工介入带来的错误风险。 综上所述,面对服务提供者与消费者匹配异常这类问题,除了掌握基础原理与排查手段外,关注并引入先进的微服务治理工具和技术实践,将更有利于构建健壮、高效的分布式系统。
2023-02-03 17:24:44
128
春暖花开
Kubernetes
...tes与Kiali的可视化监控与操作:探索云原生时代的高效管理之道 一、引言 在云原生的世界里,Kubernetes作为容器编排的王者,以其强大的自动化部署、扩展和管理能力,成为了现代应用架构的基石。哎呀,随着微服务的复杂度越来越高,咱们在使用Kubernetes集群时,就像在大海里捞针一样,想要有效地监控和管理它,简直就成了一个大难题。就像是在森林里找宝藏,你得有眼力劲儿,还得有点儿冒险精神,才能找到那把开启成功之门的钥匙。这事儿,可真不是闹着玩的!这里,我们将深入探讨Kubernetes与Kiali的结合,如何通过可视化手段提升系统的可管理性与洞察力。 二、Kubernetes基础概览 Kubernetes(简称K8s)是一个开源的容器编排系统,它允许开发者和系统管理员自动部署、扩展和管理应用程序容器。Kubernetes的核心组件包括: - Pod:一组运行相同或不同应用容器的集合。 - Namespace:用于隔离资源并提供命名空间内的逻辑分组。 - Service:为Pod提供网络访问服务。 - Deployment:用于创建和更新Pod的副本集。 - StatefulSet:用于创建具有唯一身份标识的Pod集合。 - Ingress:提供外部对应用的访问入口。 三、Kiali的引入 Kiali是Kubernetes可视化监控和管理的一个重要工具,它通过图形界面提供了丰富的功能,包括服务发现、流量管理、健康检查、故障恢复策略等。哎呀,Kiali这个家伙可真能帮大忙了!它就像个超级厉害的侦探,能一眼看出你应用和服务到底是活蹦乱跳还是生病了。而且,它还有一套神奇的魔法,能把那些复杂的运维工作变得简单又快捷,就像是给你的工作流程装上了加速器,让你的效率噌噌噌往上涨。简直不能更贴心了! 四、Kubernetes与Kiali的集成 要将Kubernetes与Kiali整合,首先需要确保你的环境中已经部署了Kubernetes集群,并且安装了Kiali。接下来,通过以下步骤实现集成: 1. 配置Kiali bash kubectl apply -f https://kiali.io/install/kiali-operator.yaml 2. 验证Kiali安装 bash kubectl get pods -n kiali-system 应该能看到Kiali相关的Pod正在运行。 3. 访问Kiali UI bash kubectl port-forward svc/kiali 8080:8080 & 然后在浏览器中访问http://localhost:8080,即可进入Kiali控制台。 五、利用Kiali进行可视化监控 在Kiali中,你可以轻松地完成以下操作: - 服务发现:通过服务名或标签快速定位服务实例。 - 流量分析:查看服务之间的调用关系和流量流向。 - 健康检查:监控服务的健康状态,包括响应时间、错误率等指标。 - 故障恢复:配置故障转移策略,确保服务的高可用性。 六、案例分析 构建一个简单的微服务应用 假设我们有一个简单的微服务应用,包含一个后端服务和一个前端服务。我们将使用Kubernetes和Kiali来部署和监控这个应用。 yaml apiVersion: apps/v1 kind: Deployment metadata: name: backend-service spec: replicas: 3 selector: matchLabels: app: backend template: metadata: labels: app: backend spec: containers: - name: backend-container image: myregistry/mybackend:v1 ports: - containerPort: 8080 --- apiVersion: v1 kind: Service metadata: name: backend-service spec: selector: app: backend ports: - protocol: TCP port: 80 targetPort: 8080 在Kiali中,我们可以直观地看到这些服务是如何相互依赖的,以及它们的健康状况如何。 七、结论 Kubernetes与Kiali的结合,不仅极大地简化了Kubernetes集群的管理,还提供了丰富的可视化工具,使运维人员能够更加直观、高效地监控和操作集群。通过本文的介绍,我们了解到如何通过Kubernetes的基础配置、Kiali的安装与集成,以及实际应用的案例,实现对复杂微服务环境的有效管理和监控。随着云原生技术的不断发展,Kubernetes与Kiali的组合将继续发挥其在现代应用开发和运维中的核心作用,助力企业构建更可靠、更高效的云原生应用。
2024-09-05 16:21:55
60
昨夜星辰昨夜风
Kibana
创建可视化仪表板的基础步骤分享:探索Kibana的魔力 Kibana,作为Elastic Stack中的重要一员,以其强大的数据可视化能力赢得了广大开发者和数据分析爱好者的青睐。嘿,伙计们,这次咱们一起深入探索Kibana的奇妙世界!我将手把手地带你经历一系列实操演练和代码实例,像是探险家揭秘宝藏地图那样,一步步教你打造出一个既功能强大又一目了然的数据可视化大屏。 1. 环境准备与数据导入 首先,确保已安装并配置好Elasticsearch服务,并成功启动Kibana(假设你已经在本地环境完成这些基础设置)。接下来,我们要往Elasticsearch里塞点数据进去,这样后面才能好好分析、可视化一把。例如,我们有一个名为logs的索引,其中包含了服务器访问日志数据: json POST /logs/_doc { "timestamp": "2022-01-01T00:00:00Z", "method": "GET", "path": "/api/v1/data", "status_code": 200, "response_time_ms": 150 } 重复上述过程,填充足够多的日志数据以便进行更深入的分析。 2. 创建索引模式与发现视图 - 创建索引模式: 在Kibana界面中,进入“管理”>“索引模式”,点击“创建索引模式”,输入索引名称logs,Kibana会自动检测字段类型并建立映射关系。 - 探索数据: 进入“发现”视图,选择我们刚才创建的logs索引模式,Kibana会展示出所有日志记录。在这里,你可以实时搜索、筛选以及初步分析数据。 3. 初步构建可视化组件 - 创建可视化图表: 进入“可视化”界面,点击“新建”,开始创建你的第一个可视化图表。例如,我们可以创建一个柱状图来展示不同HTTP方法的请求次数: a. 选择“柱状图”可视化类型。 b. 在“buckets”区域添加一个“terms”分桶,字段选择method。 c. 在“metrics”区域添加一个“计数”指标,计算每个方法的请求总数。 保存这个可视化图表,命名为“HTTP方法请求统计”。 4. 构建仪表板 - 创建仪表板: 进入“仪表板”界面,点击“新建”,创建一个新的空白仪表板。 - 添加可视化组件: 点击右上角的“添加可视化”按钮,选择我们在第3步创建的“HTTP方法请求统计”图表,将其添加至仪表板中。 - 扩展仪表板: 不止于此,我们可以继续创建其他可视化组件,比如折线图显示随着时间推移的响应时间变化,热力图展示不同路径和状态码的分布情况等,并逐一将它们添加到此仪表板上。 5. 自定义与交互性调整 Kibana的真正魅力在于其丰富的自定义能力和交互性设计。比如,你完全可以给每张图表单独设定过滤器规则,这样一来,整个仪表板上的数据就能像变魔术一样联动更新,超级炫酷。另外,你还能借助那个时间筛选器,轻轻松松地洞察到特定时间段内数据走势的变化,就像看一部数据演变的电影一样直观易懂。 在整个创建过程中,你可能会遇到疑惑、困惑,甚至挫折,但请记住,这就是探索和学习的魅力所在。随着对Kibana的理解逐渐加深,你会发现它不仅是一个工具,更是你洞察数据、讲述数据故事的强大伙伴。尽情发挥你的创造力,让数据活起来,赋予其生动的故事性和价值性。 总结来说,创建Kibana可视化仪表板的过程就像绘制一幅数据画卷,从准备画布(导入数据)开始,逐步添置元素(创建可视化组件),最后精心布局(构建仪表板),期间不断尝试、调整和完善,最终成就一份令人满意的可视化作品。在这个探索的过程中,你要像个充满好奇的小探险家一样,时刻保持对未知的热情,脑袋瓜子灵活运转,积极思考各种可能性。同时,也要有敢于动手实践的勇气,大胆尝试,别怕失败。这样下去,你肯定能在浩瀚的数据海洋中挖到那些藏得深深的宝藏,收获满满的惊喜。
2023-08-20 14:56:06
336
岁月静好
转载文章
...前端开发领域,特别是数据可视化与交互设计的最新趋势和技术动态。 近期,随着Web技术的发展和用户界面需求的提升,树状结构的数据展示愈发受到重视。例如,D3.js作为一款知名的数据驱动文档生成库,不仅能够实现类似jstree的树形视图构建,还支持动态加载、动画过渡以及丰富的定制化样式,为开发者提供了更为强大且灵活的解决方案(参见https://d3js.org)。此外,Vue.js、React等现代前端框架也涌现出许多基于组件化思想设计的树形菜单组件,如Vue Tree Component、React Tree View等,它们在保持功能丰富的同时,极大地简化了集成过程,并优化了性能表现。 同时,在无障碍设计方面,各大公司及开源社区也在积极改进树形菜单的可访问性,确保视障用户能够通过屏幕阅读器等辅助工具顺畅地导航和操作树状结构数据。例如,W3C发布的ARIA规范(Accessible Rich Internet Applications)中,就详细介绍了如何正确使用aria-owns、aria-expanded等属性来增强树形结构的可访问性。 总之,无论是深入研究jstree本身的高级用法,还是关注前沿的数据可视化与交互设计技术,亦或是关注无障碍设计以提升产品普适性,都将有助于我们在实际项目中更好地运用树形菜单插件,打造更具用户体验价值的产品。
2023-09-08 13:23:58
53
转载
Dubbo
...Dubbo框架中环境配置问题和日志配置错误的影响及解决方法后,我们不难发现,在实际开发运维过程中,微服务架构的稳定性和可观察性与配置管理息息相关。近期,Apache Dubbo社区发布了一项重要更新,针对配置中心的功能进行了强化升级,支持更灵活、动态的配置管理方式,有效降低了因配置问题引发的故障风险。 此外,随着云原生技术的快速发展,Kubernetes等容器编排平台对Java应用环境变量的管理提供了更为精细化的解决方案。通过结合ConfigMap和Envoy sidecar代理,可以实现服务运行时环境变量的自动化注入与热更新,进一步提升Dubbo等微服务框架在复杂分布式环境下的健壮性与稳定性。 同时,日志作为系统运行状态的重要反馈途径,其标准化与集中化处理也日益受到重视。例如,业界广泛采用的ELK(Elasticsearch、Logstash、Kibana)栈为日志收集、分析与可视化提供了强大支持,结合开源项目如log4j2或Logback与Dubbo进行深度集成,不仅可以实时监控Dubbo服务内部运行状态,还能快速定位并排查各类问题,极大提升了运维效率。 综上所述,对于使用Dubbo的开发者而言,紧跟社区发展动态,掌握最新的配置管理工具与日志处理技术,将有力推动项目的高效运行与维护。同时,理解和实践DevOps理念,注重基础设施即代码(Infrastructure as Code, IaC)以及持续集成/持续部署(CI/CD)等现代软件工程方法,亦是提高服务质量和团队协作效率的关键所在。
2023-06-21 10:00:14
435
春暖花开-t
Apache Pig
随着大数据时代的到来,数据处理成为了各行业不可或缺的一环。Apache Pig作为Hadoop生态系统中的重要组成部分,以其简洁的脚本语言和强大的数据处理能力,为数据工程师和分析师提供了高效、灵活的工具。然而,面对不断增长的数据量和复杂性,如何优化Apache Pig的性能、提升其可扩展性和增强用户体验,成为了当前研究和实践的重点。 一、性能优化 在大数据处理场景中,性能优化是提升系统效率的关键。Apache Pig的性能瓶颈主要体现在数据加载、内存管理和并行计算等方面。为了优化性能,可以采取以下策略: 1. 数据预处理:在加载数据之前进行预处理,如去除重复记录、缺失值填充或数据标准化,可以减少后续处理的负担。 2. 内存管理优化:合理设置内存缓冲区大小,避免频繁的磁盘I/O操作,提高数据加载速度。 3. 并行计算优化:利用分布式计算框架的并行处理能力,合理划分任务,减少单点瓶颈。 二、可扩展性提升 随着数据规模的不断扩大,如何保证Apache Pig系统在增加数据量时仍能保持良好的性能和稳定性,是其面临的另一大挑战。提升可扩展性的方法包括: 1. 动态资源分配:通过自动调整集群资源(如CPU、内存和存储),确保在数据量增加时能够及时响应,提高系统的适应性。 2. 水平扩展:增加节点数量,分散计算和存储压力,利用分布式架构的优势,实现负载均衡。 3. 算法优化:采用更高效的算法和数据结构,减少计算复杂度,提高处理效率。 三、用户体验增强 提升用户体验,使得Apache Pig更加易于学习和使用,对于吸引更多的开发者和分析师至关重要。这可以通过以下几个方面实现: 1. 可视化工具:开发图形化界面或增强现有工具的可视化功能,使非专业用户也能轻松理解和操作Apache Pig脚本。 2. 文档和教程:提供详尽的文档和易于理解的教程,帮助新用户快速上手,同时更新最佳实践和案例研究,促进社区交流。 3. 社区建设和支持:建立活跃的开发者社区,提供技术支持和问题解答服务,促进资源共享和经验交流。 四、结语 Apache Pig作为大数据处理领域的重要工具,其性能优化、可扩展性和用户体验的提升,是推动其在实际应用中发挥更大价值的关键。通过上述策略的实施,不仅能够提高Apache Pig的效率和可靠性,还能吸引更多开发者和分析师加入,共同推动大数据技术的发展和应用。随着技术的不断进步和创新,Apache Pig有望在未来的数据处理领域扮演更加重要的角色。
2024-09-30 16:03:59
95
繁华落尽
Gradle
...为一种强大的构建自动化工具,以其灵活性和可扩展性赢得了众多开发者的心。然而,在实际使用中,我们可能会遇到一些意料之外的问题,比如构建任务执行失败,这包括编译错误、打包失败或是测试未通过等。嘿,兄弟!这篇好东西是为你准备的,咱们要一起深度探索这个话题,从发现问题开始,一路找寻解决之道,让你在Gradle构建的路上畅通无阻,轻松解开那些可能让你头疼的谜题。跟上我,咱们一起玩转代码世界! 问题识别:理解构建失败的信号 在 Gradle 中,构建失败通常伴随着具体的错误信息,这些信息是解决问题的关键线索。例如: groovy FAILURE: Build failed with an exception. What went wrong: Could not resolve all files for configuration ':app:releaseClasspath'. 这段错误信息告诉我们,Gradle 在尝试构建应用时遇到了无法解析所有指定的类路径文件的问题。这种失败可能是由于依赖冲突、版本不兼容或是网络问题导致的。 分析原因:深入问题的核心 构建失败的原因多种多样,以下是一些常见的原因及其分析: - 依赖冲突:项目中多个模块或外部库之间存在版本冲突。 - 版本不兼容:依赖的某个库的版本与项目本身或其他依赖的版本不匹配。 - 网络问题:Gradle 无法从远程仓库下载所需的依赖,可能是由于网络连接问题或远程服务器访问受限。 - 配置错误:Gradle 的构建脚本中可能存在语法错误或逻辑错误,导致构建过程无法正常进行。 解决策略:逐步排查与修复 面对构建失败的情况,我们可以采取以下步骤进行排查与修复: 1. 检查错误日志 仔细阅读错误信息,了解构建失败的具体原因。 2. 清理缓存 使用 gradlew clean 命令清除构建缓存,有时候缓存中的旧数据可能导致构建失败。 3. 更新依赖 检查并更新所有依赖的版本,确保它们之间不存在冲突或兼容性问题。 4. 调整网络设置 如果错误信息指向网络问题,尝试更换网络环境或调整代理设置。 5. 验证构建脚本 审查 .gradle 文件夹下的 build.gradle 或 build.gradle.kts 文件,确保没有语法错误或逻辑上的疏漏。 6. 使用调试工具 利用 Gradle 提供的诊断工具或第三方工具(如 IntelliJ IDEA 的 Gradle 插件)来辅助定位问题。 示例代码:实践中的应用 下面是一个简单的示例,展示了如何在 Gradle 中配置依赖管理,并处理可能的构建失败情况: groovy plugins { id 'com.android.application' version '7.2.2' apply false } android { compileSdkVersion 31 buildToolsVersion "32.0.0" defaultConfig { applicationId "com.example.myapp" minSdkVersion 21 targetSdkVersion 31 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' } } } dependencies { implementation 'androidx.appcompat:appcompat:1.4.2' implementation 'com.google.android.material:material:1.4.0' } // 简单的构建任务配置,用于演示 task checkDependencies(type: Check) { description = 'Checks dependencies for any issues.' classpath = configurations.compile.get() } 在这个示例中,我们定义了一个简单的 Android 应用项目,并添加了对 AndroidX 库的基本依赖。哎呀,你这项目里的小伙伴们都还好吗?对了,咱们有个小任务叫做checkDependencies,就是专门用来查一查这些小伙伴之间是不是有啥不和谐的地方。这事儿挺重要的,就像咱们定期体检一样,能早点发现问题,比如某个小伙伴突然闹脾气不干活了,或者新来的小伙伴和老伙计们不太合拍,咱都能提前知道,然后赶紧处理,不让事情闹得更大。所以,这个checkDependencies啊,其实就是咱们的一个小预防针,帮咱们防患于未然,确保项目运行得顺溜溜的! 结语 构建过程中的挑战是编程旅程的一部分,它们不仅考验着我们的技术能力,也是提升解决问题技巧的机会。通过细致地分析错误信息、逐步排查问题,以及灵活运用 Gradle 提供的工具和资源,我们可以有效地应对构建失败的挑战。嘿!兄弟,听好了,每次你栽跟头,那都不是白来的。那是你学习、进步的机会,让咱对这个叫 Gradle 的厉害构建神器用得更溜,做出超级棒的软件产品。别怕犯错,那可是通往成功的必经之路!
2024-07-29 16:10:49
497
冬日暖阳
Spark
...发领域,尤其是大规模数据处理项目中,如使用Apache Spark构建的分布式计算框架,日志记录成为了不可或缺的一部分。哎呀,这些家伙可真是帮了大忙了!它们就像是你编程时的私人侦探,随时盯着你的代码,一有风吹草动就给你报信。特别是当你遇上疑难杂症,它们能迅速揪出问题所在,就像医生找病因一样专业。有了它们,找bug、修bug的过程变得快捷又高效,简直就像开了挂一样爽快!哎呀,咱们这篇文章啊,就是要好好聊聊在Spark这个超级棒的大数据处理工具里,咱们可能会遇到的各种小麻烦,还有呢,怎么用那些日志记录来帮咱们找到问题的根儿。你想象一下,就像你在厨房里做饭,突然发现菜炒糊了,这时候你就会看看锅底,找找是火开太大了还是调料放多了,对吧?这文章呢,就是想教你用同样的方法,在大数据的世界里,通过查看日志,找出你的Spark程序哪里出了问题,然后迅速解决它,让一切恢复正常。是不是听起来既实用又有趣?咱们这就开始吧! 二、Spark错误类型概述 Spark应用程序可能遭遇多种错误类型,从内存溢出、任务失败到网络通信异常等。这些错误通常由日志系统捕获并记录下来,为后续分析提供依据。下面,我们将通过几个具体的错误示例来了解如何阅读和解析Spark日志文件。 三、实例代码 简单的Spark Word Count应用 首先,让我们构建一个简单的Spark Word Count应用作为起点。这个应用旨在统计文本文件中单词的频率。 scala import org.apache.spark.SparkConf import org.apache.spark.SparkContext object WordCount { def main(args: Array[String]) { val conf = new SparkConf().setAppName("Word Count").setMaster("local") val sc = new SparkContext(conf) val textFile = sc.textFile("file:///path/to/your/textfile.txt") val counts = textFile.flatMap(line => line.split(" ")) .map(word => (word, 1)) .reduceByKey(_ + _) counts.saveAsTextFile("output") sc.stop() } } 四、错误日志分析 内存溢出问题 在实际运行上述应用时,如果输入文本文件过大,可能会导致内存溢出错误。日志文件中可能会出现类似以下的信息: org.apache.spark.SparkException: Job aborted due to stage failure: Task 0 in stage 37.0 failed 1 times, most recent failure: Lost task 0.3 in stage 37.0 (TID 208, localhost): java.lang.OutOfMemoryError: Java heap space 这段日志信息清晰地指出错误原因(OutOfMemoryError: Java heap space),并提供了关键细节,包括任务编号、所在节点以及错误类型。针对这一问题,可以通过增加Spark集群的内存资源或者优化数据处理逻辑来解决。 五、调试策略与最佳实践 1. 使用日志级别 调整日志级别(如INFO、DEBUG)可以帮助开发者在日志中获取更多详细信息。 2. 定期检查日志 通过自动化工具定期检查日志文件,可以及时发现潜在问题。 3. 利用Spark UI Spark自带的Web UI提供了详细的作业监控界面,直观显示任务状态和性能指标。 4. 错误重试机制 合理配置Spark任务的重试策略,避免因一次失败而影响整体进程。 5. 性能监控工具 集成性能监控工具(如Prometheus、Grafana)有助于实时监控系统性能,预防内存泄漏等严重问题。 六、总结与展望 日志记录是Spark应用程序开发和维护过程中的关键环节。哎呀,你知道吗?程序员们在遇到bug(小错误)的时候,那可是得使出浑身解数了!他们可不是对着电脑屏幕发呆,而是会仔细地分析问题,就像侦探破案一样。找到问题的源头后,他们就开始了他们的“调试大作战”,就像是医生给病人开药一样精准。通过这些努力,他们能优化代码,让程序跑得更顺畅,就像给汽车加了润滑剂,不仅跑得快,还稳当当的。这样,我们的应用就能更加可靠,用户用起来也更舒心啦!哎呀,你懂的,随着咱们每天产生的数据就像自来水一样哗哗流,那处理这些数据的大数据工具就得越来越厉害才行。特别是那些记录我们操作痕迹的日志管理系统,不仅要快得跟闪电一样,操作起来还得像玩手机游戏一样简单,最好还能自己动脑筋分析出点啥有价值的信息来。这样,未来日志记录这事儿就不仅仅是记录,还能帮我们找到问题、优化流程,简直就是一大神器嘛!所以,你看,这发展方向就是越来越智能、好用、高效,让科技真正服务于人,而不是让人被科技牵着鼻子走。 --- 通过本文的探讨,我们不仅学习了如何理解和利用Spark的日志信息来诊断问题,还了解了一些实用的调试技巧和最佳实践。希望这些内容能帮助你更有效地管理你的Spark应用程序,确保其在复杂的数据处理场景下稳定运行。
2024-09-07 16:03:18
141
秋水共长天一色
转载文章
...中用于求解具有重叠子问题和最优子结构特征的最优化问题的算法策略。在文章语境中,它被提及为《算法导论》一书中深入讲解的一种高级设计和分析技术,通过将复杂问题分解为相互关联的阶段,并存储每个阶段的最优解来避免重复计算,从而有效地解决如资源分配、路径规划等各种问题。 贪心算法 , 贪心算法是一种在每一步选择中都采取当前状态下最好或最优(即最有利)的选择,从而希望导致结果是全局最好或最优的算法设计思想。在文章中,贪心算法被列为《算法导论》所涵盖的高级策略之一,这种策略假设在局部上做出最优决策将最终导向全局最优解,常用于解决特定类型的问题,如背包问题、霍夫曼编码等。 自顶向下的方法 , 自顶向下的方法是一种系统学习和教学的方法论,在《计算机网络自顶向下方法》这本书中得到应用。这种方法从整体架构出发,首先理解高层的概念和功能,再逐步深入到各个层次的具体实现细节。在网络领域的学习中,意味着先介绍并理解整个网络协议栈的顶层——应用层的功能和交互方式,然后逐层向下探究传输层、网络层直至数据链路层和物理层的工作原理,使读者能够循序渐进地掌握计算机网络的运行机制。 数据平面 , 在《计算机网络自顶向下方法》第7版中,作者将网络层的内容分为了两章,其中“数据平面”这一名词指的是网络层中负责处理数据包转发的部分。数据平面主要关注如何根据路由表或其他信息快速而有效地将数据包从源主机发送至目标主机,涉及的关键技术和组件包括路由器的数据包转发引擎、转发表以及相关协议(如IP协议)的具体操作。 控制平面 , 与上述“数据平面”对应,在《计算机网络自顶向下方法》一书中提到的“控制平面”是指网络层中负责管理、配置和维护网络状态的部分,主要关注路由协议、拓扑变化检测、路由更新以及确保数据平面中的转发表是最新的和准确的。控制平面与数据平面相互独立又紧密配合,共同确保网络数据传输的正确性和高效性。
2023-12-11 11:49:14
119
转载
转载文章
...X组件导致的各种安全问题。 为解决B/S打印中的痛点,我工作室开发了本报表服务器,完美地解决了在浏览器端不用ActiveX而获得与C/S系统一样的打印能力。 本报表系统不需要在浏览器安装任何插件,只需通过JavaScript即可实现报表精确打印以及打印过程免人工介入。 ------------- 二、特点: 1、高兼容:不需要在浏览器端和服务端安装任何插件,在浏览器插件被各大浏览器纷纷禁用的今天,无插件设计兼容绝大多数浏览器; 2、免安装:软件即拷即用,不安装,不污染操作系统,让操作系统历久弥新; 3、可视化:可视化的模板设计器,通过拖拽即可完成模板设计; 4、高精度:实现精确到毫米的打印精度,对于一些格式复杂,要求精确打印的场合,可以很容易达到毫米级精度; 5、易套打:可视化的模板设计器,在模板中加入一个票据格式的底图,可以很方便地实现套打,对于实现发票、快递面单、支票等打印毫无压力; 6、功能强:从简单报表、主从报表到嵌套报表甚至交叉报表,均能轻松应对。还有一维二维条形码,甚至,还有逆天的脚本功能,只有想不到,没有做不到; 7、自动化: 打印过程中全部自动化,无需象生成PDF、Word、Excel那样还需要人工再点打印; 8、易部署:打印模板既可以部署在客户端(与 cfprint.exe 程序放在同一目录下),也支持部署在服务端随报表数据一起传到客户端; 9、目标活:支持在数据文件中或模板中指定要输出的打印机,发票用针打、报表用激光打、小票用小票机,专机专打; 三、使用前提条件: 1、IE6以上版本、Chrome(谷歌浏览器)4.0以上版本、Firefox 4.0以上版本、Opera 11以上版本、Safari 5.0.2以上版本、iOS 4.2以上版本 或使用Chrome内核、Firefox内核的浏览器均可直接使用本打印系统; 2、在进行打印前,需要先设计好打印模板(模板设计器请见第五节); 3、打印数据必须Json的格式发送给打印服务器,并且数据必须满足指定的格式(见下文); 四、数据格式说明: 下面以一个跨境电商快递面单数据为例解释一下数据各项的含义; { "template": "waybill.fr3", /打印模板文件名。除了指定模板文件以外,还支持把模板嵌入到数据文件中,以实现在服务器端灵活使用打印模板,格式如下:/ /"template": "base64:QTBBRTNEQTE3MkFFQjIzNEFERD<后面省略>" / "ver": 4, /数据模板文件版本/ "Copies": 3, /打印份数,支持指定打印份数/ "Duplex": 1, /是否双面打印,0:默认,不双面,1:垂直,2:水平,3:单面打印(simplex)/ "Printer": "priPrinter", /指定打印机,本系统支持在数据文件中指定打印机,也支持在打印模板中指定打印机/ "PageNumbers": "", /要打印的页码范围,同打印机的打印设置里的格式相同,例如:"1,2,3"表示打印前3页, “2-5”:表示打印第2到5页,“1,2,4-8”表示打印第1、2、4到8页/ "Preview": 1, /是否预览,跟主界面上选择“预览”效果相同,取值为0:不预览,1:预览/ "Tables":[ /数据表数组/ { "Name": "Table1", /表名/ "Cols": [ /字段定义/ { "type": "str", /字段类型,可选值:String,Str,Integer,Int,Smallint,Float,Long, Blob,/ /对于图片、PDF等使用Blob类型,并把值进行Base64编码,并加前缀:/ / "base64/pdf:" 字段值是PDF; "base64/jpg:" 字段值是jpg; "base64/png:" 字段值是png; "base64/gif:" 字段值是gif; / "size": 255, /字段长度/ "name": "HAWB", /字段名称,必须与打印模板中的打印项名称相同/ "required": false /字段是否必填/ }, { "type": "int", "size": 0, "name": "NO", "required": false }, { "type": "float", "size": 0, "name": "报关公司面单号", "required": false }, { "type": "integer", "size": 0, "name": "公司内部单号", "required": false }, { "type": "str", "size": 255, "name": "发件人", "required": false }, { "type": "str", "size": 255, "name": "发件人地址", "required": false }, { "type": "str", "size": 255, "name": "发件人电话", "required": false }, { "type": "str", "size": 255, "name": "发货国家", "required": false }, { "type": "str", "size": 255, "name": "收件人", "required": false }, { "type": "str", "size": 255, "name": "收件人地址", "required": false }, { "type": "str", "size": 255, "name": "收件人电话", "required": false }, { "type": "str", "size": 255, "name": "收货人证件号码", "required": false }, { "type": "str", "size": 255, "name": "收货省份", "required": false }, { "type": "float", "size": 0, "name": "总计费重量", "required": false }, { "type": "int", "size": 0, "name": "总件数", "required": false }, { "type": "float", "size": 0, "name": "申报总价(CNY)", "required": false }, { "type": "float", "size": 0, "name": "申报总价(JPY)", "required": false }, { "type": "int", "size": 0, "name": "件数1", "required": false }, { "type": "str", "size": 255, "name": "品名1", "required": false }, { "type": "float", "size": 0, "name": "单价1(JPY)", "required": false }, { "type": "str", "size": 255, "name": "单位1", "required": false }, { "type": "float", "size": 0, "name": "申报总价1(CNY)", "required": false }, { "type": "float", "size": 0, "name": "申报总价1(JPY)", "required": false }, { "type": "int", "size": 0, "name": "件数2", "required": false }, { "type": "str", "size": 255, "name": "品名2", "required": false }, { "type": "float", "size": 0, "name": "单价2(JPY)", "required": false }, { "type": "str", "size": 255, "name": "单位2", "required": false }, { "type": "float", "size": 0, "name": "申报总价2(CNY)", "required": false }, { "type": "float", "size": 0, "name": "申报总价2(JPY)", "required": false }, { "type": "AutoInc", "size": 0, "name": "ID", "required": false }, { "type": "blob", "size": 0, "name": "附件", "required": false } ], "Data": [ /数据行定义,每一行含义见上面的字段定义/ { "HAWB": "860014010055", "NO": 1, "报关公司面单号": 200303900791, "公司内部单号": 730293, "发件人": "NAKAGAWA SUMIRE 2", "发件人地址": " 991-199-113,Kameido,Koto-ku,Tokyo", "发件人电话": "03-3999-3999", "发货国家": "日本", "收件人": "张三丰", "收件人地址": "上海市闵行区虹梅南路1660弄蔷薇八村99号9999室", "收件人电话": "182-1234-8888", "收货人证件号码": null, "收货省份": null, "总计费重量": 3.2, "总件数": 13, "申报总价(CNY)": null, "申报总价(JPY)": null, "件数1": 10, "品名1": "纸尿片", "单价1(JPY)": null, "单位1": null, "申报总价1(CNY)": null, "申报总价1(JPY)": null, "件数2": null, "品名2": null, "单价2(JPY)": null, "单位2": null, "申报总价2(CNY)": null, "申报总价2(JPY)": null, "ID": 1, "附件": "base64/pdf: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IDI3OCAyNzgKMjc4IDI3OCAyNzggMjc4IDI3OCAyNzggMjc4IDI3OCAyNzggMjc4IDI3OCAyNzggMjc4IDI3OCAyNzggMjc4CjI3OCA1NTYgNTU2IDMzMyA1NTYgNTU2IDU1NiA1NTYgMjc4IDY2NyAyNzggMjc4IDI3OCAyNzggMjc4IDY2NwoyNzggNjY3IDI3OCAyNzggMjc4IDI3OCAyNzggNjY3IDI3OCA2NjcgMjc4IDY2NyAyNzggNjY3IDI3OCAyNzgKMjc4IDY2NyAyNzggNjY3IDU1MiAyNzggMjc4IDI3OCAyNzggNTU2IDI3OCA1NTYgMjc4IDI3OCAyNzggNjY3CjI3OCA2NjcgMjc4IDI3OCAyNzggNjY3IDI3OCA2NjcgMjc4IDY2NyAyNzggNjY3IDI3OCA2NjcgMjc4IDI3OF0KL0VuY29kaW5nL1dpbkFuc2lFbmNvZGluZwovRm9udERlc2NyaXB0b3IgMTEgMCBSCj4+CmVuZG9iagoxMSAwIG9iago8PAovVHlwZS9Gb250RGVzY3JpcHRvcgovRm9udE5hbWUgL0FyaWFsTVQKL0ZsYWdzIDMyCi9Gb250QkJveFstNjY1IC0zMjUgMjAwMCAxMDA2XQovU3RlbVYgOTUKL0l0YWxpY0FuZ2xlIDAKL0NhcEhlaWdodCA5MDUKL0FzY2VudCA5MDUKL0Rlc2NlbnQgLTIxMgo+PgplbmRvYmoKMyAwIG9iago8PAovVHlwZS9QYWdlcwovQ291bnQgMQovS2lkc1s0IDAgUl0KPj4KZW5kb2JqCjIgMCBvYmoKPDwKL1R5cGUvQ2F0YWxvZwovUGFnZXMgMyAwIFIKL1BhZ2VMYXlvdXQvU2luZ2xlUGFnZQovVmlld2VyUHJlZmVyZW5jZXMgMTIgMCBSCj4+CmVuZG9iagoxMiAwIG9iago8PAovVHlwZS9WaWV3ZXJQcmVmZXJlbmNlcwo+PgplbmRvYmoKeHJlZgowIDEzCjAwMDAwMDAwMDAgNjU1MzUgZg0KMDAwMDAwMDAxNiAwMDAwMCBuDQowMDAwMDA0MjEzIDAwMDAwIG4NCjAwMDAwMDQxNTggMDAwMDAgbg0KMDAwMDAwMDcxNiAwMDAwMCBuDQowMDAwMDAwMjQxIDAwMDAwIG4NCjAwMDAwMDA4NzIgMDAwMDAgbg0KMDAwMDAwMjkyNyAwMDAwMCBuDQowMDAwMDAxMjQ1IDAwMDAwIG4NCjAwMDAwMDEwNTUgMDAwMDAgbg0KMDAwMDAwMTU2MiAwMDAwMCBuDQowMDAwMDAzOTg5IDAwMDAwIG4NCjAwMDAwMDQzMTAgMDAwMDAgbg0KdHJhaWxlcgo8PAovU2l6ZSAxMwovSW5mbyAxIDAgUgovUm9vdCAyIDAgUgovSURbPDVBMkU0QzkzOTdENEU0RDE3NkIwOTBDRUU3OTMxMzRGPjw1QTJFNEM5Mzk3RDRFNEQxNzZCMDkwQ0VFNzkzMTM0Rj5dCj4+CnN0YXJ0eHJlZgo0MzU2CiUlRU9GCg==", }, { "HAWB": "860014010035", "NO": 2, "报关公司面单号": 200303900789, "公司内部单号": 730291, "发件人": "NAKAGAWA SUMIRE", "发件人地址": " 991-199-113,Kameido,Koto-ku,Tokyo", "发件人电话": "03-3999-3999", "发货国家": "日本", "收件人": "张无忌", "收件人地址": "上海市闵行区虹梅南路1660弄蔷薇八村88号8888室", "收件人电话": "182-1234-8888", "收货人证件号码": null, "收货省份": null, "总计费重量": 3.2, "总件数": 13, "申报总价(CNY)": null, "申报总价(JPY)": null, "件数1": 10, "品名1": "纸尿片", "单价1(JPY)": null, "单位1": null, "申报总价1(CNY)": null, "申报总价1(JPY)": null, "件数2": null, "品名2": null, "单价2(JPY)": null, "单位2": null, "申报总价2(CNY)": null, "申报总价2(JPY)": null, "ID": 2, "附件":"base64/gif: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" } ] }, { "Name": "Table2", "Cols": [ { "type": "int", "size": 0, "name": "NO", "required": false }, { "type": "float", "size": 0, "name": "订单编号", "required": false }, { "type": "integer", "size": 0, "name": "下单日期", "required": false }, { "type": "str", "size": 255, "name": "下单平台", "required": false } ], "Data": [ { "NO": 1, "订单编号": 200303900791, "下单日期": "2017-01-20", "下单平台": "天猫" }, { "NO": 2, "订单编号": 200303900792, "下单日期": "2017-01-20", "下单平台": "京东" } ] } ] } 五、调用示例: <!-- ★★★ 模式1 ★★★ --> <!DOCTYPE html> <head> <meta charset="utf-8" /> <title>康虎云报表系统测试</title> </head> <body> <div style="width: 100%;text-align:center;"> <h2>康虎云报表系统</h2> <h3>打印测试(模式1)</h3> <div> <input type="button" id="btnPrint" value="打印" onClick="doSend(_reportData);" /> </div> </div> <div id="output"></div> </body> <script type="text/javascript"> //定义数据脚本 var _reportData = '{"template":"waybill.fr3","Cols":[{"type":"str","size":255,"name":"HAWB","required":false},<这里省略1000字> ]}'; //在浏览器控制台输出调试信息 console.log("reportData = " + _reportData); </script> <script language="javascript" type="text/javascript" src="cfprint.min.js"></script> <script language="javascript" type="text/javascript" src="cfprint_ext.js"></script> <script language="javascript" type="text/javascript"> /下面四个参数必须放在myreport.js脚本后面,以覆盖myreport.js中的默认值/ var _delay_send = 1000; //发送打印服务器前延时时长,-1则表示不自动打印 var _delay_close = 1000; //打印完成后关闭窗口的延时时长, -1则表示不关闭 var cfprint_addr = "127.0.0.1"; //打印服务器监听地址 var cfprint_port = 54321; //打印服务器监听端口 </script> </html> <!-- ★★★ 模式2 ★★★ --> <?php //如果有php运行环境,只需把该文件扩展名改成 .php,然后上传到web目录即可在真实服务器上测试 header("Access-Control-Allow-Origin: "); ?> <!DOCTYPE html> <head> <meta charset="utf-8" /> <title>康虎云报表系统测试</title> <style type="text/css"> output {font-size: 12px; background-color:F0FFF0;} </style> </head> <body> <div style="width: 100%;text-align:center;"> <h2>康虎云报表系统(Ver 1.3.0)</h2> <h3>打印测试(模式2)</h3> <div style="line-height: 1.5;"> <div style="width: 70%; text-align: left;"> <b>一、首先按下列步骤设置:</b><br/> 1、运行打印服务器;<br/> 2、按“停止”按钮停止服务;<br/> 3、打开“设置”区;<br/> 4、在“常用参数-->服务模式”中,选择“模式2”;<br/> 5、按“启动”按钮启动服务。 </div> <div style="width: 70%; text-align: left;"> <b>二、按本页的“打印”按钮开始打印。</b><br/> </div><br/> <input type="button" id="btnPrint" value="打印" /><br/><br/> <div style="width: 70%; text-align: left; font-size: 12px;"> 由于JavaScript在不同域名下访问会出现由来已久的跨域问题,所以正式部署到服务器使用时,要解决跨域问题。<br/> 对于IE8以上版本浏览器,只需增加一个reponse头:Access-Control-Allow-Origin即可,而对于php、jsp、asp/aspx等动态语言而言,增加一个response头是非常简单的事,例如:<br/> <b>在php:</b><br/><span style="color: red;"> <?php <br/> header("Access-Control-Allow-Origin: ");<br/> ?><br/> </span> <b>在jsp:</b><br/><span style="color: red;"> <% <br/> response.setHeader("Access-Control-Allow-Origin", ""); <br/> %><br/> </span> <b>在asp.net中:</b><br/><span style="color: red;"> Response.AppendHeader("Access-Control-Allow-Origin", ""); </span>,<br/>其他语言里,大家请自行搜索“ajax跨域”。而对于IE8以下的浏览器,大家可以自行搜索“IE6+Ajax+跨域”寻找解决办法吧,也可以联系我们帮助。 </div> </div> </div> <div id="output"></div> </body> <!-- 引入模式2所需的javascript支持库 --> <script type="text/javascript" src="cfprint_mode2.min.js" charset="UTF-8"></script> <!-- 构造报表数据 --> <script type="text/javascript"> var _reportData = '{"template":"waybill.fr3","ver":3, "Tables":[ {"Name":"Table1", "Cols":[{"type":"str","size":255,"name":"HAWB","required":false},{"type":"int","size":0,"name":"NO","required":false},{"type":"float","size":0,"name":"报关公司面单号","required":false},{"type":"integer","size":0,"name":"公司内部单号","required":false},{"type":"str","size":255,"name":"发件人","required":false},{"type":"str","size":255,"name":"发件人地址","required":false},{"type":"str","size":255,"name":"发件人电话","required":false},{"type":"str","size":255,"name":"发货国家","required":false},{"type":"str","size":255,"name":"收件人","required":false},{"type":"str","size":255,"name":"收件人地址","required":false},{"type":"str","size":255,"name":"收件人电话","required":false},{"type":"str","size":255,"name":"收货人证件号码","required":false},{"type":"str","size":255,"name":"收货省份","required":false},{"type":"float","size":0,"name":"总计费重量","required":false},{"type":"int","size":0,"name":"总件数","required":false},{"type":"float","size":0,"name":"申报总价(CNY)","required":false},{"type":"float","size":0,"name":"申报总价(JPY)","required":false},{"type":"int","size":0,"name":"件数1","required":false},{"type":"str","size":255,"name":"品名1","required":false},{"type":"float","size":0,"name":"单价1(JPY)","required":false},{"type":"str","size":255,"name":"单位1","required":false},{"type":"float","size":0,"name":"申报总价1(CNY)","required":false},{"type":"float","size":0,"name":"申报总价1(JPY)","required":false},{"type":"int","size":0,"name":"件数2","required":false},{"type":"str","size":255,"name":"品名2","required":false},{"type":"float","size":0,"name":"单价2(JPY)","required":false},{"type":"str","size":255,"name":"单位2","required":false},{"type":"float","size":0,"name":"申报总价2(CNY)","required":false},{"type":"float","size":0,"name":"申报总价2(JPY)","required":false},{"type":"int","size":0,"name":"件数3","required":false},{"type":"str","size":255,"name":"品名3","required":false},{"type":"float","size":0,"name":"单价3(JPY)","required":false},{"type":"str","size":255,"name":"单位3","required":false},{"type":"float","size":0,"name":"申报总价3(CNY)","required":false},{"type":"float","size":0,"name":"申报总价3(JPY)","required":false},{"type":"int","size":0,"name":"件数4","required":false},{"type":"str","size":255,"name":"品名4","required":false},{"type":"float","size":0,"name":"单价4(JPY)","required":false},{"type":"str","size":255,"name":"单位4","required":false},{"type":"float","size":0,"name":"申报总价4(CNY)","required":false},{"type":"float","size":0,"name":"申报总价4(JPY)","required":false},{"type":"int","size":0,"name":"件数5","required":false},{"type":"str","size":255,"name":"品名5","required":false},{"type":"float","size":0,"name":"单价5(JPY)","required":false},{"type":"str","size":255,"name":"单位5","required":false},{"type":"float","size":0,"name":"申报总价5(CNY)","required":false},{"type":"float","size":0,"name":"申报总价5(JPY)","required":false},{"type":"str","size":255,"name":"参考号","required":false},{"type":"AutoInc","size":0,"name":"ID","required":false}],"Data":[{"公司内部单号":730293,"发货国家":"日本","单价1(JPY)":null,"申报总价2(JPY)":null,"单价4(JPY)":null,"申报总价2(CNY)":null,"申报总价5(JPY)":null,"报关公司面单号":200303900791,"申报总价5(CNY)":null,"收货人证件号码":null,"申报总价1(JPY)":null,"单价3(JPY)":null,"申报总价1(CNY)":null,"申报总价4(JPY)":null,"申报总价4(CNY)":null,"收件人电话":"182-1758-9999","收件人地址":"上海市闵行区虹梅南路1660弄蔷薇八村139号502室","HAWB":"860014010055","发件人电话":"03-3684-9999","发件人地址":" 1-1-13,Kameido,Koto-ku,Tokyo","NO":3,"ID":3,"单价2(JPY)":null,"申报总价3(JPY)":null,"单价5(JPY)":null,"申报总价3(CNY)":null,"收货省份":null,"申报总价(JPY)":null,"申报总价(CNY)":null,"总计费重量":3.20,"收件人":"张三丰2","总件数":13,"品名5":null,"品名4":null,"品名3":null,"品名2":null,"品名1":"纸尿片","参考号":null,"发件人":"NAKAGAWA SUMIRE 2","单位5":null,"单位4":null,"单位3":null,"单位2":null,"单位1":null,"件数5":null,"件数4":null,"件数3":3,"件数2":null,"件数1":10},{"公司内部单号":730291,"发货国家":"日本","单价1(JPY)":null,"申报总价2(JPY)":null,"单价4(JPY)":null,"申报总价2(CNY)":null,"申报总价5(JPY)":null,"报关公司面单号":200303900789,"申报总价5(CNY)":null,"收货人证件号码":null,"申报总价1(JPY)":null,"单价3(JPY)":null,"申报总价1(CNY)":null,"申报总价4(JPY)":null,"申报总价4(CNY)":null,"收件人电话":"182-1758-9999","收件人地址":"上海市闵行区虹梅南路1660弄蔷薇八村139号502室","HAWB":"860014010035","发件人电话":"03-3684-9999","发件人地址":" 1-1-13,Kameido,Koto-ku,Tokyo","NO":1,"ID":1,"单价2(JPY)":null,"申报总价3(JPY)":null,"单价5(JPY)":null,"申报总价3(CNY)":null,"收货省份":null,"申报总价(JPY)":null,"申报总价(CNY)":null,"总计费重量":3.20,"收件人":"张三丰","总件数":13,"品名5":null,"品名4":null,"品名3":null,"品名2":null,"品名1":"纸尿片","参考号":null,"发件人":"NAKAGAWA SUMIRE","单位5":null,"单位4":null,"单位3":null,"单位2":null,"单位1":null,"件数5":null,"件数4":null,"件数3":3,"件数2":null,"件数1":10},{"公司内部单号":730292,"发货国家":"日本","单价1(JPY)":null,"申报总价2(JPY)":null,"单价4(JPY)":null,"申报总价2(CNY)":null,"申报总价5(JPY)":null,"报关公司面单号":200303900790,"申报总价5(CNY)":null,"收货人证件号码":null,"申报总价1(JPY)":null,"单价3(JPY)":null,"申报总价1(CNY)":null,"申报总价4(JPY)":null,"申报总价4(CNY)":null,"收件人电话":"182-1758-9999","收件人地址":"上海市闵行区虹梅南路1660弄蔷薇八村139号502室","HAWB":"860014010045","发件人电话":"03-3684-9999","发件人地址":" 1-1-13,Kameido,Koto-ku,Tokyo","NO":2,"ID":2,"单价2(JPY)":null,"申报总价3(JPY)":null,"单价5(JPY)":null,"申报总价3(CNY)":null,"收货省份":null,"申报总价(JPY)":null,"申报总价(CNY)":null,"总计费重量":3.20,"收件人":"张无忌","总件数":13,"品名5":null,"品名4":null,"品名3":null,"品名2":null,"品名1":"纸尿片","参考号":null,"发件人":"NAKAGAWA SUMIRE 1","单位5":null,"单位4":null,"单位3":null,"单位2":null,"单位1":null,"件数5":null,"件数4":null,"件数3":3,"件数2":null,"件数1":10}]}]}'; if(window.console) console.log("reportData = " + _reportData); </script> <!-- 设置服务器参数 --> <script language="javascript" type="text/javascript"> var cfprint_addr = "127.0.0.1"; //打印服务器监听地址 var cfprint_port = 54321; //打印服务器监听端口 var _url = "http://"+cfprint_addr+":"+cfprint_port; </script> <!-- 编写回调函数用以处理服务器返回的数据 --> <script type="text/javascript"> / 参数: readyState: XMLHttpRequest的状态 httpStatus: 服务端返回的http状态 responseText: 服务端返回的内容 / var callbackSuccess = function(readyState, httpStatus, responseText){ if (httpStatus === 200) { //{"result": 1, "message": "打印完成"} var response = CFPrint.parseJSON(responseText); alert(response.message+", 状态码["+response.result+"]"); }else{ alert('打印失败,HTTP状态代码是:'+httpStatus); } } / 参数: message: 错误信息 / var callbackFailed = function(message){ alert('发送打印任务出错: ' + message); } </script> <!-- 调用发送打印请求功能 --> <script type="text/javascript"> (function(){ document.getElementById("btnPrint").onclick = function() { CFPrint.outputid = "output"; //指定调试信息输出div的id CFPrint.SendRequest(_url, _reportData, callbackSuccess, callbackFailed); //发送打印请求 }; })(); </script> </html> 六、模板设计器(重要!重要!!,好多朋友都找不到设计器入口) 在主界面上,双击右下角的“设计”两个字,即可打开模板设计工具箱,在工具箱有三个按钮和一个大文本框。三个按钮的作用分别是: 设计:以大文本框中的json数据为数据源,打开模板设计器窗口; 预览:以大文本框中的json数据为数据源,预览当前所用模板的打印效果; 打印:以大文本框中的json数据为数据源,向打印机输出当前所用模板生成的报表; 以后将会有详细的模板设计教程发布,如果您遇到紧急的难题,请向作者咨询。 本篇文章为转载内容。原文链接:https://blog.csdn.net/chensongmol/article/details/76087600。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-01 18:34:12
234
转载
JQuery插件下载
...果。该插件利用强大的可视化库D3.js作为底层技术,能够自动生成色彩丰富、随机分布的三角形单元格,组合成具有艺术感和视觉吸引力的背景图案。Trianglify支持灵活配置,用户可以根据需求调整颜色方案、网格大小以及形状布局等参数。通过这款插件,开发者可以轻松地将生成的背景应用为CANVAS元素、SVG图形或直接导出为PNG图片格式,以适应不同的项目需求和浏览器兼容性要求。无论是需要一个独特的网页背景增强用户体验,还是用于数据可视化项目的美化装饰,Trianglify都能提供一种快速、简便且高度定制化的解决方案。只需简单的集成与调用,即可让网页背景焕发出新颖而富有创意的渐变多边形网格风格。 点我下载 文件大小:21.00 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-08-18 13:03:10
292
本站
JQuery插件下载
...JavaScript工具,基于jQuery库构建。该插件能够根据浏览器窗口大小的变化智能地调整网格布局,确保在不同设备和屏幕尺寸下都能提供优质的用户体验。通过集成brickfolio,开发者可以轻松创建并管理一个具有动态适应性的网格系统,其中的网格卡片可展示8种不同的动画效果,极大地提升了网站的互动性和美观度。此外,brickfolio还提供了内容过滤功能,允许用户按照特定条件筛选网格中的项目,从而实现数据可视化和信息检索的便捷性。它还具备对无效图片资源的处理能力,能够自动隐藏或替换无法加载的图片,保持页面整体布局的完整性与专业性。总之,“brickfolio”是一个强大且易用的jQuery插件,适用于多种场景下的响应式网格布局需求,不仅增强了网页设计的现代感和流动性,同时也简化了开发过程,让开发者能够专注于创作丰富、高效的交互界面。 点我下载 文件大小:158.77 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-05-17 12:04:56
39
本站
JQuery插件下载
...发者可以便捷地定制和配置仪表盘的各项参数,如数值范围、颜色、标题、单位标签等,以满足多样化的UI设计需求和数据可视化展示目的。无论是实现动态的数据更新、实时监控系统状态,还是用于展示项目进度、统计数据表现,这款插件都能够提供直观易读且颇具视觉吸引力的表现形式。其简洁实用的API设计使得集成到现有Web应用中变得简单快速,无论是初级开发者还是资深工程师都能轻松上手。 点我下载 文件大小:74.37 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-05-06 11:42:23
84
本站
JQuery插件下载
...rt,你只需进行少量配置即可快速生成高质量的图表。它支持自定义水平和垂直标签,使得数据展示更加清晰直观。此外,通过设置图表的标题和说明文字,你可以轻松地在图表中添加额外的信息,增强图表的表现力和信息传递效果。无论是用于数据分析报告、市场调研结果展示,还是任何需要直观呈现数据的场景,jChart都能提供一个完美的解决方案。其简洁明了的API接口设计,使得即使是初学者也能快速上手,而无需深入学习复杂的图表编程知识。借助于Bootstrap3.x提供的响应式布局特性,你的图表将能够在各种设备上呈现出一致且优秀的视觉效果。总之,jChart凭借其易用性、灵活性和强大的功能,在众多图表插件中脱颖而出,成为提升网页数据可视化体验的理想选择。 点我下载 文件大小:40.67 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-12-07 10:45:02
101
本站
JQuery插件下载
...页元素动画还是复杂的数据可视化和交互式UI组件,都能游刃有余地实现。总之,Anime.js是一个轻量级、功能全面的JavaScript动画库,旨在简化动画创建过程,提高开发效率,同时保证最终产品的高质量视觉体验。它通过结合CSS3、SVG和DOM技术,为开发者提供了强大的动画创作工具,帮助他们构建出既美观又高效的应用程序。 点我下载 文件大小:27.55 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-08-20 20:39:19
55
本站
Java
...g之后的新一代GUI工具包,提供了更为丰富且现代化的UI设计能力。例如,在JavaFX中,开发者可以通过ToggleGroup类实现与Swing中的ButtonGroup类似的功能,对一组RadioButton进行分组管理,确保同一时间只有一个选项被选中。 此外,JavaFX不仅增强了复选框(CheckBox)的样式定制性,还支持更复杂的数据绑定功能。通过使用ObservableList与CheckBox结合,可以实时监测到复选框状态的变化,并根据这些变化动态更新应用程序的状态或数据模型,极大地提高了开发效率和用户体验。 近期,Oracle发布的Java 17 LTS版本中,进一步优化了JavaFX的性能与兼容性,使其在跨平台应用、桌面应用及大数据可视化等场景下表现出色。对于开发者而言,学习并掌握JavaFX中的单选框和复选框高级用法,不仅可以提升现有项目的用户界面友好度,也为未来项目的技术升级和架构转型打下了坚实的基础。 同时,社区中也有许多关于如何利用现代设计理念和技术(如MVVM模式)来重构和优化传统Swing应用程序的讨论和实践案例。深入研究这些资源,可以帮助开发者更好地理解如何将单选框、复选框等基础控件与现代编程理念相结合,以创造出更加高效、易用的Java GUI应用程序。
2023-04-24 23:41:54
386
码农
VUE
...我们发现前端开发对于数据可视化的清晰度与专业性要求越来越高。近期,Vue.js社区围绕数字格式化进行了多方面的优化与创新。例如,Vue 3.x引入了全新的Composition API,使得开发者能够更灵活地处理复杂的数据转换逻辑,包括但不限于数字格式化、本地化货币显示等。 近日,有开发者分享了一种利用最新的@vue/composition-api库结合ECMAScript Internationalization API(Intl)实现的国际化数字格式化方案。通过Intl.NumberFormat组件,不仅能轻松实现千位分隔符的自动添加,还能根据不同地区习惯进行货币符号及小数点格式的自适应调整,大大提升了全球化应用程序的用户体验。 此外,针对财务报表、大数据分析等场景下的复杂数据显示需求,一些开源项目如v-money、vue-number-format等也提供了丰富且易用的封装组件,它们不仅支持基础的千位分隔和货币格式设定,还允许用户自定义样式、添加精度控制以及响应式更新等功能,为Vue.js开发者在实际项目中提升数字显示的专业性和可读性提供了更多选择。 总之,在Vue.js的世界里,无论是内置工具还是社区资源,都为我们提供了丰富的手段来应对各类数字格式化的需求,不断推动着Web应用程序在数据展示层面的精细化与专业化发展。
2023-12-25 14:14:35
46
电脑达人
JQuery
...交互场景中的各种复杂问题而设计,不仅支持滚动容器内的拖拽,还具备吸附区域、限制边界等功能,极大提升了用户在网页操作时的流畅度和精准度。另外,它还能与Vue、React等现代前端框架完美结合,适应当前组件化开发的趋势。 与此同时,无障碍网页设计(Accessible Web Design)也要求拖拽功能需要考虑键盘控制及辅助技术用户的使用体验。在最新的W3C ARIA规范中,详细定义了如何通过aria-grabbed、aria-dropeffect等属性来增强拖拽功能的可访问性,确保所有用户都能顺畅地进行拖拽操作并感知页面反馈。 深入探究,我们可以发现,拖拽效果不仅在常规网页元素之间交互中有广泛应用,在数据可视化、地图应用等领域也有着重要价值。通过集成更先进的库以及遵循相关标准,开发者能够创建出更加动态、互动且易于使用的网页界面,进一步提升整体用户体验。 综上所述,尽管本文介绍了jQuery实现拖拽滚动的基础方法,但在实际项目开发中,关注行业最新动态,采用更为专业且符合无障碍标准的解决方案,将有助于我们构建更具竞争力的现代Web应用。
2023-01-15 20:24:51
397
算法侠
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
timeout 5 command
- 执行命令并在5秒后强制终止。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"