前端技术
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
[下拉菜单无法收回的Bootstrap 5...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Bootstrap
使用 Bootstrap 5 创建下拉菜单后无法收回?问题解析与解决之道 引言 Bootstrap,这个广受欢迎的前端框架以其强大的响应式设计和丰富的组件库深受开发者喜爱。不过,在实际用起来的时候,咱们可能会碰到一些小状况,就像这样:当用户点击创建的那个下拉菜单,菜单是会顺利打开,但是呢,它却不太听话,不会自己乖乖地收回去。这无疑影响了用户体验,让人略感困扰。本文将深入探讨这一现象,并通过实例代码一步步带你找到解决方案。 问题描述与重现 1. 下拉菜单的基本实现 首先,我们先来看看如何用 Bootstrap 5 创建一个基础的下拉菜单: html 下拉菜单 选项一 选项二 选项三 这段代码会生成一个按钮,点击后会展开下拉菜单,但如果没有正确的 JavaScript 配置,菜单可能无法在点击外部区域或选择菜单项后自动收回。 2. 无法收回的问题重现 当你尝试以上代码并发现下拉菜单在打开后无法自动关闭时,那很可能是因为你尚未引入或者正确配置 Bootstrap 的 JavaScript 插件。Bootstrap 的很多交互功能都需要依赖 jQuery 和 Popper.js 来实现动态效果。 解决方案 3. 引入必要的 JavaScript 库 确保你的项目已经正确引入了 jQuery、Popper.js 以及 Bootstrap 的 JavaScript 文件。例如: html 4. 初始化下拉菜单插件 Bootstrap 5 中的下拉菜单需要手动初始化其 JavaScript 功能。你可以在文档加载完毕后通过调用 bootstrap.Dropdown.getInstance 或 bootstrap.Dropdown.getOrCreateInstance 方法来初始化下拉菜单: javascript document.addEventListener('DOMContentLoaded', function () { var dropdowns = document.querySelectorAll('.dropdown-toggle') Array.from(dropdowns).forEach(function (dropdown) { bootstrap.Dropdown.getOrCreateInstance(dropdown) }) }) 上述代码会在页面加载完成后对所有带有 .dropdown-toggle 类名的元素进行下拉菜单初始化操作,这样一来,下拉菜单就可以正常地展开和收回了。 总结 通过上面的示例代码和解析,我们可以看到,使用 Bootstrap 创建下拉菜单时,不仅需要注意 HTML 结构,还需正确引入并初始化相关的 JavaScript 插件。当碰到“下拉菜单顽固不肯收回去”的状况时,咱们得淡定地、一步步地审查脚本的引用情况和初始化步骤,这样才能准确无误地找到问题的藏身之处。在编程这个领域里,每一个小细节都像一块积木一样重要,你可别小瞧了那些看似不起眼的小问题,它们就像隐藏在机器王国里的捣蛋鬼,随时可能给你惹出大乱子来。因此,让我们在探索与实践中,不断积累经验,提升技能,享受解决问题的乐趣吧!
2023-11-22 18:24:59
481
寂静森林_
Bootstrap
...引言 当我们在使用 Bootstrap 的时候,可能会遇到一个问题——创建的下拉菜单无法收回。这种状况真会让你有种丈二和尚摸不着头脑的感觉,特别是当你已经费了九牛二虎之力,精心设计出一个美轮美奂的导航栏时,那种心情简直能让人抓狂又憋屈。那么,今天我们就来一起探索一下这个问题的原因,并找出相应的解决方案。 2. 分析问题 首先,我们需要了解什么是 Bootstrap 下拉菜单。Bootstrap 是一个用于快速开发响应式网站和 web 应用的前端框架。你知道吗,下拉菜单可是个大家伙们在浏览网页或者操作应用时经常会碰到的小帮手。它就像一个藏着丰富选项的小抽屉,轻轻一点就能拉出来,让用户能更轻松愉快地挑选和查看各种内容,真的超级方便呢! 然而,在实际使用中,我们可能会发现这样一个现象:当点击下拉菜单时,菜单虽然可以正常展开,但是当我们试图再次点击它来收回菜单时,却发现无论如何都无法收回。这显然不是一个理想的结果。 3. 解决方案 对于这个问题,我们可以从以下几个方面来进行考虑: 3.1 检查 CSS 样式 有时候,问题可能出在我们的 CSS 样式上。可能是某个样式影响了下拉菜单的收回功能。所以呢,咱们得好好瞅瞅咱的那些 CSS 文件,瞧瞧里面有没有啥捣乱的样式,把下拉菜单给整出岔子来了。 例如,如果我们设置了 position: fixed; 来固定下拉菜单的位置,那么当用户滚动页面时,下拉菜单就会因为位置固定而无法收回。 css .dropdown-menu { position: fixed; } 所以,为了使下拉菜单能够成功收回,我们应该将这个样式删除或者修改为其他的值。 3.2 检查 JavaScript 代码 另一个可能的原因是我们的 JavaScript 代码出现了问题。Bootstrap 自带了一些 JavaScript 插件,用来处理下拉菜单的行为,如 .dropdown()。如果我们没有正确地使用这些插件,就可能导致下拉菜单无法收回。 例如,如果我们忘记调用 .dropdown('toggle') 来打开或关闭下拉菜单,那么下拉菜单就无法收回。 javascript $('.dropdown').dropdown('toggle'); 所以,为了确保下拉菜单能够成功收回,我们应该在需要的时候正确地调用这些插件。 4. 结论 总的来说,Bootstrap 5 下拉菜单无法收回的问题可能由多种原因引起,包括 CSS 样式问题和 JavaScript 代码问题等。经过一番仔细瞅瞅、动手改改这些小问题,咱们就能妥妥地搞定这个问题,让导航栏用起来更加顺滑流畅,轻松上手。希望这篇文章能帮助到正在面对这个问题的朋友,让我们一起愉快地学习和使用 Bootstrap 吧!
2023-12-12 22:48:19
546
青春印记_t
Bootstrap
...想和大伙儿聊聊我在用Bootstrap 5搭建下拉菜单时,碰上的一桩小插曲,以及我是怎么搞定这个问题滴。 首先,我们需要明确什么是Bootstrap 5。Bootstrap 是一个开源的前端框架,它可以帮助开发者快速地开发响应式的网站和Web应用。它的设计理念就是要把复杂的网页制作过程变得像玩儿似的轻松简单,让每一位Web开发人员,无论新手老手,都能轻轻松松地捣鼓出既好看又功能强大的网页来。 在我们的日常工作中,我们经常会使用到下拉菜单这种交互元素。嘿,你知道吗?当你在用Bootstrap 5捣鼓下拉菜单的时候,可能会遇到一个让人挠头的小状况——辛辛苦苦创建的下拉菜单,关键时刻却没法顺利地收回去。这个问题可能会给我们的工作带来一些小麻烦,所以今天我想借这个机会,和大伙儿一块儿琢磨琢磨,看看怎么把它给解决了哈! 接下来,我会通过一个具体的实例来详细解释这个问题以及解决方案。 假设我们要创建一个下拉菜单,其内容包括“主页”、“关于我们”、“联系我们”三个选项。我们可以在HTML文件中编写如下代码: html 下拉菜单 主页 关于我们 联系我们 这段代码会生成一个下拉菜单,并显示“主页”、“关于我们”、“联系我们”三个选项。但是,当我们试着点了一下下拉菜单那个小按钮,嘿,你猜怎么着?菜单竟然没缩回去,反而倔强地挂在屏幕底部,始终不肯离开视线。 这是因为在Bootstrap 5中,data-toggle="dropdown"这个属性的作用是用来触发下拉菜单的打开和关闭。但是在我们的例子中,我们没有正确地配置这个属性。 为了使下拉菜单能够正常地收回,我们需要将data-toggle="dropdown"修改为data-bs-toggle="dropdown"。这是因为Bootstrap 5改变了这一属性的命名方式,从data-toggle改为了data-bs-toggle。 更改后的代码如下所示: html 下拉菜单 主页 关于我们 联系我们 这样,当我们在浏览器中运行这段代码时,就可以看到下拉菜单能够在点击按钮后成功地打开和收回了。 总的来说,虽然Bootstrap 5带来了很多方便的功能,但是在实际使用过程中,我们还是需要注意一些细节问题。就拿这个例子来说吧,我们要知道Bootstrap 5这位小哥对一些常用的属性名字做了些小改动,这样一来,我们在使用这些属性的时候,就得紧跟潮流,按照它最新版本的规则来调整啦。 希望这篇文章能帮助你更好地理解和使用Bootstrap 5,如果你还有其他的问题或者疑惑,欢迎留言和我一起讨论。让我们一起学习,共同进步!
2023-12-02 15:43:55
558
彩虹之上_t
Bootstrap
在前端开发领域,Bootstrap作为一款全球广泛使用的开源CSS框架,其功能性和易用性备受开发者青睐。近期,随着Bootstrap 5.1版本的发布,对下拉菜单组件进行了进一步优化和增强,不仅提升了性能,还修复了若干已知问题,确保在不同浏览器环境下的一致表现。 针对前端开发者常遇到的下拉菜单无法收回的问题,Bootstrap团队在新版中强化了文档说明,特别强调了与JavaScript交互和CSS层叠样式的最佳实践,以减少样式冲突的可能性。同时,新版本通过改进JavaScript插件机制,有效解决了因数据量大导致的性能瓶颈,使得包含大量选项的下拉菜单也能实现流畅的展开与收起效果。 此外,为了解决浏览器兼容性这一永恒话题,Bootstrap 5.1继续秉承“移动优先、响应式设计”的理念,确保组件在包括IE10+在内的现代主流浏览器上都能良好运行。对于较老或非主流浏览器的支持,则建议开发者参考官方文档提供的polyfill方案,或者借助于自动化测试工具(如BrowserStack)进行细致的多环境测试。 总之,在持续演进的前端技术浪潮中,Bootstrap正不断适应市场需求,提供更为稳定、高效的解决方案,助力开发者应对各种实际问题,提升用户体验。对于热衷于前端技术探索和实践的开发者来说,紧跟Bootstrap等核心框架的更新步伐,无疑有助于提升自身的技能树,并在项目开发过程中游刃有余地应对各类挑战。
2023-02-17 13:08:07
510
梦幻星空_t
JQuery插件下载
...Query插件介绍 Bootstrap-Dropselect是一款专为开发者打造的下拉列表框插件,其设计灵感源自于广受欢迎的Github平台,旨在提供一种既实用又美观的用户交互体验。此插件基于Bootstrap框架进行开发,完美融合了Bootstrap的简洁风格与响应式设计原则,使得下拉列表不仅在视觉上与Github风格高度一致,而且在功能上更加丰富和灵活。Bootstrap-Dropselect的核心优势在于它对原生Bootstrapdropdown进行了深度定制与优化,使得用户能够轻松集成到现有的项目中,无需担心兼容性问题。通过简单的HTML结构即可快速添加下拉菜单,用户只需调用几个关键的JavaScript函数,即可实现个性化配置,如调整样式、添加动画效果、控制列表项的显示逻辑等。插件支持多种操作模式,包括单选和多选,以及自定义选项的分组和排序,满足不同场景下的需求。此外,Bootstrap-Dropselect还考虑到了无障碍设计的需求,确保了对屏幕阅读器等辅助技术的支持,使得所有用户都能方便地使用。在性能方面,Bootstrap-Dropselect采用了轻量级的设计理念,确保即使在资源受限的设备上也能流畅运行,同时保持高效的数据处理能力。插件的代码结构清晰,易于维护和扩展,方便开发者根据项目需求进行定制化开发。总之,Bootstrap-Dropselect是一个功能强大且易于集成的下拉列表框解决方案,它不仅能够提升用户体验,还能增强网站或应用的专业形象,是现代前端开发中不可或缺的工具之一。 点我下载 文件大小:166.32 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-08-08 11:14:19
58
本站
JQuery插件下载
...jQuery插件专为Bootstrap2.x环境设计,致力于构建功能丰富且视觉效果出色的大型导航菜单。它充分利用Bootstrap框架的响应式特性和jQuery灵活的交互能力,为用户提供了一种创新的下拉菜单解决方案。当用户鼠标滑过菜单项时,该插件能够动态展示包含图片和链接的多级子菜单,这一特性使得它尤其适用于内容层次复杂、结构多元化的网站项目。通过此插件,开发者可以轻松创建包含多个图像和链接的菜单项,不仅增强了导航体验,也提升了网页的整体美观度与专业性。其自定义程度高,允许根据需求调整样式和功能,确保在不同屏幕尺寸上都能实现良好的适应性和易用性。总而言之,这是一款将实用性与艺术性完美结合的Bootstrap大型导航菜单特效插件,是打造高端Web界面不可或缺的工具之一。 点我下载 文件大小:45.52 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-01-15 16:38:15
113
本站
JQuery插件下载
...它基于流行的前端框架Bootstrap,提供了一整套强大的导航菜单解决方案。这款插件集合了23种不同风格和功能的Bootstrap导航菜单效果,能够满足从简单到复杂的各种网页设计需求。无论是需要基本的下拉菜单,还是希望实现更复杂的大型菜单、侧边栏菜单或是购物车菜单,Bootsnav都能轻松应对。使用Bootsnav,开发者可以快速地将这些精美的导航菜单集成到自己的网站中,不仅大大节省了开发时间,还确保了菜单的一致性和美观性。此外,由于其基于Bootstrap框架,这意味着无论用户访问的是桌面端还是移动端,都能享受到一致且响应式的用户体验。Bootsnav的灵活性和可定制性也使其成为各种项目中不可或缺的工具,无论是个人博客、企业官网还是电子商务平台,都能通过Bootsnav找到合适的导航菜单方案。总之,Bootsnav凭借其丰富的样式选择、强大的功能以及与Bootstrap的高度兼容性,成为了构建现代、响应式网站时理想的导航菜单解决方案。无论是初学者还是经验丰富的开发者,都将从这款插件中受益匪浅。 点我下载 文件大小:895.97 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-11-04 21:16:37
88
本站
Element-UI
...轻轻松松地搭建出多级下拉菜单,特别是在处理那些乱七八糟、错综复杂的数据结构时,更是表现得像一位得力小助手一样给力。然而,在真实操作的过程中,我们免不了会碰上各种乱七八糟的问题,就比如说,搜索功能突然罢工了。今天我们就来一起探讨一下这个问题的原因及解决方案。 二、问题背景 假设我们正在做一个电商网站的商品分类系统,商品分类是一个多级的结构,如:“家用电器->厨房电器->电饭煲”。我们可以使用Element-UI的Cascader级联选择器来实现这个需求。 三、问题分析 首先,我们要明确一点,Cascader级联选择器本身并没有提供搜索功能,如果需要搜索功能,我们需要自定义实现。那么问题来了,为什么自定义的搜索功能会失效呢?下面我们从两个方面来进行分析: 1. 数据源的问题 如果我们的数据源存在问题,比如数据不完整或者错误,那么自定义的搜索功能就无法正常工作。你瞧,搜索这东西就好比是在数据库这个大宝藏里捞宝贝,要是数据源那个“藏宝图”不准确或者不齐全,那找出来的结果自然就像是挖错了地方,准保会出现各种意想不到的问题。 2. 程序逻辑的问题 如果我们对程序逻辑的理解不够深入,或者代码实现存在错误,也会影响搜索功能的正常使用。比如,当我们处理搜索请求的时候,没能把完全对得上的数据精准筛出来,这就让搜出来的结果有点儿偏差了。 四、解决方案 针对以上两种问题,我们可以采取以下措施来解决: 1. 保证数据源的完整性和正确性 我们需要确保数据源的完整性,即所有的分类节点都应该存在于数据源中。同时,我们也需要检查数据是否正确,包括但不限于分类名称、父级ID等信息。如果发现问题,我们需要及时修复。 2. 正确实现搜索功能 在自定义搜索功能时,我们需要确保程序逻辑的正确性。具体来说,我们需要做到以下几点: - 在用户输入搜索关键字后,我们需要遍历所有节点,找出匹配的关键字; - 如果一个节点包含全部关键字,那么它就应该被选中; - 我们还需要考虑到一些特殊情况,比如模糊匹配、通配符等。 五、结论 总的来说,当Element-UI的Cascader级联选择器的搜索功能失效时,我们需要从数据源和程序逻辑两方面进行排查和修复。这不仅意味着咱们得有两把刷子,技术这块儿得扎扎实实的,而且呢,也得是个解决问题的小能手,这样才能把事儿做得漂亮。希望这篇文章能够帮助到大家,让大家在面对此类问题时不再迷茫。
2023-06-04 10:49:05
461
月影清风-t
JQuery插件下载
...了一种简洁大方的横向下拉菜单解决方案,完美复刻了微软官方网站的导航风格。使用此插件,您可以轻松地在网站上实现多级下拉菜单效果,使用户能够更方便快捷地浏览网站内容。无论是产品展示还是服务介绍,该下拉菜单都能确保您的网站界面既美观又实用。安装并配置此插件后,您将看到一个响应式的设计,它能在各种设备上展现出色的表现,包括桌面电脑、平板电脑和手机。其流畅的过渡动画和直观的用户交互,不仅提升了网站的专业形象,还增强了用户的访问体验。此外,插件支持自定义样式,允许开发者根据自己的需求调整颜色、字体等元素,以匹配网站的整体视觉风格。无论您是在构建企业官网还是个人博客,这款下拉菜单插件都是提升网站导航功能的理想选择。它的易用性和灵活性使其成为众多开发者和设计师的首选工具,帮助他们快速创建出既美观又高效的网站导航系统。 点我下载 文件大小:45.11 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-12-25 11:29:29
62
本站
JQuery插件下载
...S3堆叠卡片样式导航菜单特效是一款设计新颖且动画效果炫酷的前端插件,适用于构建具有创新交互体验的网站导航系统。当用户点击页面上的汉堡包按钮时,会触发一个独特的展开动画效果,此时子菜单以堆叠排列的卡片形式呈现于浏览器视口中,每一张卡片代表一个不同的导航链接或页面入口。此插件充分利用了jQuery强大的DOM操作能力和CSS3的平滑过渡动画特性,使得在展开和切换菜单时,各个卡片如同实体卡片般生动立体,赋予用户一种沉浸式的视觉享受。点击任一卡片式子菜单,不仅能够实现无缝的页面跳转,同时伴随有细腻的动画反馈,增强了整体的用户体验。通过这款插件,开发者可以轻松地将传统的下拉菜单转变为富有创意的堆叠卡片布局,既满足了现代网页设计对于美学与功能性的双重需求,又确保了跨浏览器兼容性,为各类项目提供了优雅且高效的导航解决方案。 点我下载 文件大小:39.96 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-10-10 08:44:45
69
本站
JQuery插件下载
...ery响应式多级导航菜单插件是一款高度灵活且易于集成的前端工具,专为构建响应式网站而设计。此插件旨在提供无缝的用户体验,无论用户在何种设备或屏幕上访问网站。在大屏幕环境下,插件以传统的导航菜单形式呈现,清晰展示所有菜单项,方便用户快速定位所需内容。当屏幕尺寸缩减至预设阈值时,导航菜单智能地转变为下拉菜单列表,有效节省空间,确保移动端和小屏幕设备上的浏览体验同样流畅。该插件具备响应式设计的核心优势,能够自动适应不同的视窗大小,确保在各种设备上菜单布局的优化。其简洁的代码结构和直观的API使得开发者能轻松地将其整合进现有项目,无需从零开始构建复杂的导航逻辑。此外,插件还支持丰富的自定义选项,允许开发者根据特定需求调整菜单外观和行为。用户可以定制动画效果,选择不同的主题样式,甚至添加个性化的交互反馈,从而增强用户体验和视觉吸引力。在SEO方面,该插件同样表现出色。它遵循最佳实践,确保搜索引擎能够正确解析和索引菜单结构,有助于提升网站在搜索结果中的可见性。总之,jQuery响应式多级导航菜单插件是一个强大的工具,为开发人员提供了创建高效、美观且适应各种设备环境的导航解决方案。无论是桌面端还是移动端,都能提供一致且优化的用户体验,是现代响应式网站不可或缺的组件。 点我下载 文件大小:473.00 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-08-20 10:38:49
48
本站
Bootstrap
Bootstrap组件事件绑定:正确理解与实践 1. 引言 Bootstrap,作为一款全球最受欢迎的前端开发框架,以其强大的响应式设计和丰富的预设组件深受开发者喜爱。然而,在日常的实际操作里,咱们可能会经常遇到这么个棘手的小状况——组件的事件有时候没给绑对。这就像是你费尽心思、像导演一样精心筹备了一场超级热闹的派对,结果却忘了告诉大伙儿到底啥时候、在哪儿开趴,这下子,原本设想得热热闹闹的场景可就实现不了啦,一切都可能乱套,达不到你期待的效果。这篇东西,咱们要实实在在地把这个难题掰扯清楚,还会手把手地带你通过一些实际的代码例子,让你明明白白知道怎么才能让Bootstrap这些小玩意儿的事件绑定既准确又溜到飞起。 2. 事件绑定的重要性 在Bootstrap中,许多组件(如模态框、下拉菜单、轮播等)都依赖于JavaScript事件驱动的行为。这些事件通常涉及到的都是些我们日常操作手机、电脑时最熟悉不过的动作,比如说点击屏幕、滑动页面啥的,还有显示或隐藏一些内容。你就把它们想象成一座桥吧,这座桥一边搭在用户的交互体验上,另一边则稳稳地立在功能实现的地基上,两者通过这座“桥梁”紧密相连,缺一不可。要是事件没绑对,那用户和组件的交流就断片了,这样一来,整体用户体验可就要大打折扣,变得不那么美妙了。 3. 事件绑定常见问题及其原因 3.1 使用错误的绑定方式 Bootstrap基于jQuery,因此我们可以使用jQuery提供的on()或click()等方法进行事件绑定。但是,初学者可能因为不熟悉这些API而导致事件无法触发: javascript // 错误示例:尝试直接在元素上绑定事件,而不是在DOM加载完成后 $('myModal').click(function() { // 这里的逻辑不会执行,因为在元素渲染到页面之前就进行了绑定 }); // 正确示例:应在DOM加载完成后再绑定事件 $(document).ready(function () { $('myModal').on('click', function() { // 这里的逻辑会在点击时执行 }); }); 3.2 动态生成的组件事件丢失 当我们在运行时动态添加Bootstrap组件时,原有的静态绑定事件可能无法捕获新生成元素的事件: javascript // 错误示例:先绑定事件,后动态创建元素 $('body').on('click', 'dynamicModal', function() { // 这里并不会处理后来动态添加的modal的点击事件 }); // 动态创建Modal var newModal = $(' ... '); $('body').append(newModal); // 正确示例:使用事件委托来处理动态生成元素的事件 $('body').on('click', '.modal', function() { // 这样可以处理所有已存在及将来动态添加的modal的点击事件 }); 3.3 组件初始化顺序问题 Bootstrap组件需要在HTML结构完整构建且相关CSS、JS文件加载完毕后进行初始化。若提前或遗漏初始化步骤,可能导致事件未被正确绑定: javascript // 错误示例:没有调用.modal('show')来初始化模态框 var myModal = $('myModal'); myModal.click(function() { // 如果没有初始化,这里的点击事件不会生效 }); // 正确示例:确保在绑定事件前已经初始化了组件 var myModal = $('myModal'); myModal.modal({ show: false }); // 初始化模态框 myModal.on('click', function() { myModal.modal('toggle'); // 点击时切换模态框显示状态 }); 4. 结论与思考 综上所述,Bootstrap组件事件的正确绑定对于保证应用程序功能的完整性至关重要。咱们得好好琢磨一下Bootstrap究竟是怎么工作的,把它的那些事件绑定的独门绝技掌握透彻,特别是对于那些动态冒出来的内容以及组件初始化这一块儿,得多留个心眼儿,重点研究研究。同时,理解并熟练运用jQuery的事件委托机制也是解决问题的关键所在。实践中不断探索、调试和优化,才能让我们的Bootstrap项目更加健壮而富有活力。让我们一起在编程的道路上,用心感受每一个组件事件带来的“心跳”,体验那微妙而美妙的交互瞬间吧!
2023-01-21 12:58:12
545
月影清风
转载文章
...--------- 解决方案: 在创建PROJECT时选择一下版本,如果是tomcat6的话就选择2.5就行了 或者:在项目->右击->Properties->Project Facets->Modify Project ->DynamicWeb Module 中改2.5 ----------------------------------------------------------------------------------- Cannot change version of project facet Dynamic web module to 2.5 解决方案: 我们用Eclipse创建Maven结构的web项目的时候选择了Artifact Id为maven-artchetype-webapp,由于这个catalog比较老,用的servlet还是2.3的,而一般现在至少都是2.5,在Project Facets里面修改Dynamic web module为2.5的时候就会出现Cannot change version of project facet Dynamic web module to 2.5,如图: 其实在右边可以看到改到2.5需要的条件以及有冲突的facets,解决这个问题的步骤如下: 1.把Servlet改成2.5,打开项目的web.xml,改之前: [html] view plain copy print ? <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" > <web-app> <display-name>Archetype Created Web Application</display-name> </web-app> <!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" ><web-app><display-name>Archetype Created Web Application</display-name></web-app> 改后: [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <display-name>Archetype Created Web Application</display-name> </web-app> <?xml version="1.0" encoding="UTF-8"?><web-app version="2.5"xmlns="http://java.sun.com/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"><display-name>Archetype Created Web Application</display-name></web-app> 2.修改项目的设置,在Navigator下打开项目.settings目录下的org.eclipse.jdt.core.prefs [html] view plain copy print ? eclipse.preferences.version=1 org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.5 org.eclipse.jdt.core.compiler.compliance=1.5 org.eclipse.jdt.core.compiler.problem.assertIdentifier=error org.eclipse.jdt.core.compiler.problem.enumIdentifier=error org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning org.eclipse.jdt.core.compiler.source=1.5 eclipse.preferences.version=1org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabledorg.eclipse.jdt.core.compiler.codegen.targetPlatform=1.5org.eclipse.jdt.core.compiler.compliance=1.5org.eclipse.jdt.core.compiler.problem.assertIdentifier=errororg.eclipse.jdt.core.compiler.problem.enumIdentifier=errororg.eclipse.jdt.core.compiler.problem.forbiddenReference=warningorg.eclipse.jdt.core.compiler.source=1.5 把1.5改成1.6 [html] view plain copy print ? eclipse.preferences.version=1 org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6 org.eclipse.jdt.core.compiler.compliance=1.6 org.eclipse.jdt.core.compiler.problem.assertIdentifier=error org.eclipse.jdt.core.compiler.problem.enumIdentifier=error org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning org.eclipse.jdt.core.compiler.source=1.6 eclipse.preferences.version=1org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabledorg.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6org.eclipse.jdt.core.compiler.compliance=1.6org.eclipse.jdt.core.compiler.problem.assertIdentifier=errororg.eclipse.jdt.core.compiler.problem.enumIdentifier=errororg.eclipse.jdt.core.compiler.problem.forbiddenReference=warningorg.eclipse.jdt.core.compiler.source=1.6 3.打开org.eclipse.wst.common.component [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?> <project-modules id="moduleCoreId" project-version="1.5.0"> <wb-module deploy-name="test"> <wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/> <wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/> <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/> <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/> <property name="context-root" value="test"/> <property name="java-output-path" value="/test/target/classes"/> </wb-module> </project-modules> <?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0"><wb-module deploy-name="test"><wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/><wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/><property name="context-root" value="test"/><property name="java-output-path" value="/test/target/classes"/></wb-module></project-modules> 把 project-version="1.5.0"改成 project-version="1.6.0" [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?> <project-modules id="moduleCoreId" project-version="1.6.0"> <wb-module deploy-name="test"> <wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/> <wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/> <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/> <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/> <property name="context-root" value="test"/> <property name="java-output-path" value="/test/target/classes"/> </wb-module> </project-modules> <?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.6.0"><wb-module deploy-name="test"><wb-resource deploy-path="/" source-path="/target/m2e-wtp/web-resources"/><wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/><property name="context-root" value="test"/><property name="java-output-path" value="/test/target/classes"/></wb-module></project-modules> 4.打开org.eclipse.wst.common.project.facet.core.xml [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?> <faceted-project> <fixed facet="wst.jsdt.web"/> <installed facet="java" version="1.5"/> <installed facet="jst.web" version="2.3"/> <installed facet="wst.jsdt.web" version="1.0"/> </faceted-project> <?xml version="1.0" encoding="UTF-8"?><faceted-project><fixed facet="wst.jsdt.web"/><installed facet="java" version="1.5"/><installed facet="jst.web" version="2.3"/><installed facet="wst.jsdt.web" version="1.0"/></faceted-project> 把<installed facet="java" version="1.5"/>改成<installed facet="java" version="1.6"/>,把 <installed facet="jst.web" version="2.3"/>改成 <installed facet="jst.web" version="2.5"/> [html] view plain copy print ? <?xml version="1.0" encoding="UTF-8"?> <faceted-project> <fixed facet="wst.jsdt.web"/> <installed facet="java" version="1.6"/> <installed facet="jst.web" version="2.5"/> <installed facet="wst.jsdt.web" version="1.0"/> </faceted-project> <?xml version="1.0" encoding="UTF-8"?><faceted-project><fixed facet="wst.jsdt.web"/><installed facet="java" version="1.6"/><installed facet="jst.web" version="2.5"/><installed facet="wst.jsdt.web" version="1.0"/></faceted-project> 都改好之后在打开看看,已经把Dynamic web module改成了2.5 好了,大功搞成,这是一种解决办法,但是治标不治本,更高级的就是自定义catalog,然后安装到本地,再创建的时候啥都有了,比如把现在流行的s(struts2)sh,ssi,s(springmvc)sh 创建catalog,包括包结构,部分代码啥的都有,下次写吧。 -------------------------------------------------------------------------------------------------------- Eclipse或STS中如何显示.setting等文件? 解决方案: 1.点击左上角的”小三角“,鼠标停在上面可以看见它叫”view menu“ 2.点击后,弹出的下拉菜单里选择”Filters“ 3.将.resources前面的勾去掉,选择ok,这样配置完,就可以看见.setting和.classpath和.project如果用git管理项目,还可以看到.gitignore 4.上面3步骤基本就完成了,我们可以直接在这些文件里面改东西,例如改版本,当视图操作不成功的时候,不妨这里试试。 5.如果使用git作为项目管理工具,还可以看到.gitignore的文件,可以在这里配置不需要加入版本管理的文件。 本篇文章为转载内容。原文链接:https://blog.csdn.net/jyw935478490/article/details/50459809。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-02-23 12:52:12
489
转载
Superset
...tion Type”下拉菜单中选择“Bar Chart”。 在接下来的步骤中,你可以根据自己的需求调整图表的各种属性,比如X轴和Y轴的数据字段、颜色方案、标签显示方式等。完成后,点击“Save as Dashboard”按钮将其添加到仪表板中。 4.2 制作一个动态仪表板 为了展示Superset的强大之处,让我们尝试创建一个更加复杂的仪表板。假设我们要监控一家电商公司的销售情况,可以按照以下步骤来制作: 1. 添加销售总额图表 选择一个时间序列数据集,创建一个折线图来展示销售额的变化趋势。 2. 加入产品类别占比 使用饼图来显示不同类别产品的销售占比。 3. 实时监控库存 创建一个条形图来展示当前各仓库的库存量。 4. 用户行为分析 添加一个表格来列出最近几天内活跃用户的详细信息。 完成上述步骤后,你就得到了一个全面且直观的销售监控仪表板。有了这个仪表板,你就能随时了解公司的情况,做出快速的决定啦! 五、总结与展望 经过一番探索,我相信大家都已经被Superset的魅力所吸引了吧?作为一款开源的数据可视化工具,它不仅功能强大、易用性强,而且拥有广泛的社区支持。无论你是想快速生成报告,还是深入分析数据,Superset都能满足你的需求。 当然,随着技术的发展,Superset也在不断地更新和完善。未来的日子,我们会看到更多酷炫的新功能被加入进来,让数据可视化变得更简单好玩儿!所以,赶紧试试看吧!相信Superset会给你带来意想不到的惊喜! --- 这就是我今天分享的内容啦,希望大家喜欢。如果你有任何问题或想法,欢迎留言讨论哦!
2024-12-15 16:30:11
90
红尘漫步
转载文章
...中修改:单击“开始”菜单-->运行,输入regedit,依次找到: HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\TypedURLs 在右空格中删除你想删的对应 网页的键值即可。 全删除: 1、打开IE选工具/Internet选项/高级/勾选“清除地址栏下拉列表中显示的历史记录”按应用。 2、打开IE选工具/Internet选项/常规/选“清除历史记录”按应用。 3、打开IE选工具/Internet选项/内容/自动完成/点击“清除表单”或“清除密码”,按确定。 误删资料恢复 步骤: 1、单击“开始——运行,然后输入regedit (打开注册表) 2、依次展开:EKEY——LOCAL——MACHIME/SOFTWARE/microsoft/WINDOWS/CURRENTVERSION/ EXPLORER/DESKTO P/NAMESPACE 在左边空白外点击“新建” ,选择:“主键”, 把它命名为 “645FFO40——081——101B——9F08——00AA002F954E” 再把右边的“默认”的主键的键值设 为“回收站”,然后退出注册表。就OK啦。 3、要重启计算机。只要机器没有运行过磁盘整理。系统完好.任何时候的文件都可以找回来。 win7清除任务栏无意义图标:www.shanpow.com_删除Download和DataStore文件夹中的所有文件。 1、输入“regedit”打开注册表编辑器,然后打开如下键值: HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\TrayNotify 在右边你可以看到两个键值IconStreams和PastIconsStream,将它们的值删除。 2、然后调出任务管理器将进程“explorer.exe”终止,再在任务管理器中点击“文件——新建任务”, 输入“explorer”——确定 Win7安全中心服务启用不了时: 开始----运行-----输入“services.msc "确定-----找到(windows)security center 启动类型设置为自动并启动它 或者 右键单击计算机---管理----服务和应用程序----服务---找到(windows)security centerwww.shanpow.com_删除Download和DataStore文件夹中的所有文件。 ----双击-----启动类型设置为“自动”。 1.在服务管理中,关闭Windows Update服务 2.打开C:\Windows\SoftwareDistribution文件夹 3.删除DataStore和Download文件夹下的所有文件 4.启动Windows Update服务 5.进入Windows Update查看一下,Windows更新记录已经清除了。 如何用B电脑远程登录A电脑 注意:AB电脑都连接上了互联网 A电脑: 1添加一个用户名,设置登录密码。2我的电脑→属性→远程→允许用户远程连接到此计算机前 打√确定3网上邻居→属性→本地连接状态→支持→记下IP 地址XXX.XXX.XXX.XXX。 B电脑登录过程4 开始→所有程序→附件→通讯→远程桌面连→在弹出的窗口里输入A电脑的IP 地址 →连接。连接成功后会变成一个黑屏幕的画面,在屏幕的最上方有一个指示条,指示着机器是在远程登 录状态。当A电脑响应了B电脑的远程登录请求后,会给你返回一个画面,要求你输入用户名,密码。 5输入用户名和密码→确定。验证的用户名和密码是对的,他就会把其A桌面画面全传送到B电脑的屏 幕上来,稳定后就成功了! 有一事你不能作:关机。因为B电脑左下角的开始,是指挥自己用的,没 法指挥A电脑。 想使用B电脑控制A电脑关机,得在A电脑上设置:附件→windows 资源管理器→ WINDOWS 的文件夹→SYSTEM32文件夹→taskmgr.exe文件,右击把他发送到桌面上建一“桌面快捷方式”。 你在要关掉A电脑时,只要双击这个快捷方式,就会弹出来一个“WINDWOS任务管理器”窗口,上面有 “关机”命令,点“关机”就行了,当A电脑电源关闭以后,连接自然就断开了。 但这样的远程连接, 是有条件的:A电脑须有独立的 IP ,就是说,A电脑不能是局域网的内部保留 IP,所谓保留IP是指 如 10.XXX.XXX.XXX 或 192.168.XXX.XXX 等地址。如A电脑用的是ADSL,一般来说都是独立的IP,但 如果A用户是几户人家共用一个 ADSL宽带连接,通过一个ADSL共同上网的,那或许就不行了。须在路 由器上作一个“端口映射”设置。注意:A电脑防火墙的影响,有可能连不通。防火墙的缺省设置,一 般是禁止 INTERNET 上的电脑访问它的资源的。因而须开启防火墙的这个设置:允许 INTERNET上的机 器访问本机(A电脑)资源。[shutdown –s –t 0]此命令强制关机,一般不要用, WIN7远程连接前几步设置与WinXP一样。 开始→搜索框中输入MSTSC回车→在弹出的对话框中输入需要连接的计算机的IP→连接→账户密码 →确定不久显示器上出现了另一计算机的桌面,远程桌面连接成功。 教你怎样解除电脑开机密码。此方法仅供交流,严禁作为非法手段使用 方法1在开机时按下F8进入带命令提示符的安全模式输入NET USER+用户名+123456/ADD 可把某用户的密码强行设置为123456 方法2如用户忘记登录密码可 按下方法解决 此法不适用于忘记安装时所设定〔administrator〕的密码 1.在计算机启动时按F8及选Safe Mode With Command Prompt 2.选Administrator后便会跳出Command Prompt的窗口 3.用Net的命令增加一个用户,例:增加一个用户名为alanhkg888,命令语法如下: net user alanhkg888/add 4.将新增用户提升至Administrator的权力,例:提升刚才增 加用户alanhkg888的权力,命令语法如下 net localgroup administrators alanhkg888/add 5.完成上列步骤后重新启动计算机,在 启动画面上便增加了一个用户alanhkg888了,选alanhkg888进入www.shanpow.com_删除Download和DataStore文件夹中的所有文件。 6.登入后在控制台→使用者账户→选忘记密码的用户,然后选移除密码 7.在登入画面中选原来的用户便可不需密码情况下等入(因已移除了) 8.删除刚才新增的用户:在控制台→使用者账户→选alanhkg888,然后选移除账户便可 方法3 1、重新启动Windows XP,在启动画面出现后的瞬间按F8,选择带命令行的安全模 式运行。 2、运行过程停止时,系统列出了超级用户administrator和本地用户owner的选择菜单, 点击administrator,进入命令行模式。 3、键入命令:net user owner 123456/add,强制性将owner用户的口令更改为123456。 若想在此添加某一用户:用户名为abcdef,口令为123456的话,请输入net user abcdef 123456/add,添加后可用net localgroup administrators abcdef/add命令将用户提升为 系统管理组administrators用户,具有超级权限。 4.DOS下删windows\system32\config里面的SAM档就可以了 5.开机后按键盘的Delete键进入BIOS界面。找到User Password选项,其默认为关闭状 态。启动并输入用户密码(1~8位英文或数字)。计算机提示请再输入一遍以确认密码无误, 保存退出后重新启动机器,这时就会在开机时出现密码菜单 方法4我们知道在安装Windows XP过程中,首先是以administrator默认登录,然后会要 求创建一个新账户,以便进入Windows XP时使用此新建账户登录,而且在Windows XP的 登录接口中也只会出现创建的这个用户账号,不会出现administrator,但实际上该 administrator账号还是存在的,且密码为空。 【二】:Windows 7实战经验 Windows 7实战经验:完美解决Windows 7更新失败(Windows Update 错误 80070003) 很多用户反映,为什么Windows 7的自动更新会出显未知错误,导致很多更新都不能正确安装?针对这个问题,在我对自己的Windows 7进行更新的时候,有时也会发生类似的问题,经过研究,已经完美解决,下面给大家解决方案! 如果在检查更新时收到Windows Update错误80070003,则需要删除Windows用于标识计算机更新的临时文件。若要删除临时文件,请停止Windows Update服务,删除临时更新文件,重新启动Windows Update服务,然后再次尝试检查Windows更新。 以下步骤为解决Windows 7更新错误方法,本博客亲测有效。 必须以管理员身份进行登录,才能执行这些步骤。 1.单击打开“管理工具(通过单击“开始”按钮,再依次单击“控制面板”,然后单击“管理工具”。 2.双击“服务”。如果系统提示您输入管理员密码或进行确认,请键入该密码或提供确认。 3.单击“名称”列标题以逆序排列名称。找到“Windows Update”服务,右键单击该服务,然后单击“停止”。 1.打开“计算机”。 2.双击安装Windows的本地硬盘(通常是驱动器C)。 3.双击Windows文件夹,然后双击SoftwareDistribution文件夹。 4.双击打开DataStore文件夹,然后删除该文件夹中的所有文件。如果系统提示您输入管理员密码或进行确认,请键入该密码或提供确认。 5.单击“后退”按钮。在SoftwareDistribution文件夹中,双击打开Download文件夹,删除该文件夹中的所有文件,然后关闭窗口。如果系统提示您输入管理员密码或进行确认,请键入该密码或提供确认。 必须以管理员身份进行登录,才能执行这些步骤。 1.单击打开“管理工具(方法同上)”。 2.双击“服务”。如果系统提示您输入管理员密码或进行确认,请键入该密码或提供确认。 3.单击“名称”列标题以逆序排列名称。找到“Windows Update”服务,右键单击该服务,然后单击“启动”。 4.关闭“服务”窗口和“管理工具”窗口。 完成上面操作,你需要重新更新看看可以成功更新了吗,一般因为我们删除了自动更新的一些文件,如果你仔细观察的话,那些文件大小并不是很小,所以我们再更新的时候等待的时间可能会长一些! 【三】:Win10系统提示“无法完成更新正在撤销更改” 更新win10系统补丁之后,系统会提示“window10无法更新,正在撤销”,需要重启好几次,这该怎么办呢?下面小编就向大家介绍一下windows10系统无法完成更新正在撤销更改的解决方法,欢迎大家参考和学习。 系统更新失败,反复重启还是不行,那是不是下载下来的补丁没用了呢??所以我们先要删除Windows更新的缓存文件!在做以下操作之前,首先我们要确认系统内的windows update & BITS服务设置是否开启。 检查方法: 1、按“Win+R”组合键打开运行,输入“services.msc”,点击确定(如果弹出用户账户控制窗口,我们点击“继续”)。 2、双击打开“Background Intelligent Transfer Services”服务。 3、在选项卡点击“常规”,要保证“启动类型”是“自动”或者“手动”。然后点击“服务状态”“启用”按钮。 4. 重复步骤3分别对“Windows Installer”,“Cryptographic Services”, “software licensing service” 以及“Windows Update”这四项服务进行检查。 解决办法: 1、按“Windows+X”打开“命令提示符(管理员)”。 2、输入“net stop wuauserv”回车(我们先把更新服务停止)。 3、输入”%windir%\SoftwareDistribution“回车(删除Download和DataStore文件夹中的所有文件)。 4、最后输入“net start wuauserv”回车(重新开启系统更新服务)。 完成以上的步骤之后,我们就可以在“Windows Update”中再次尝试检查更新即可。 以上就是windows10系统无法完成更新正在撤销更改的解决方法介绍了。遇到同样问题的用户,可以尝试一下这个方法,如果不行,可以留言,小编会继续寻找其他的解决办法。 【四】:Windows更新失败提示错误码80070003怎么办 Windows7,Windows8.1,Windows10在更新过程中,所更新的程序无法安装,导致更新失败,提示错误码80070003。遇到这种情况,无论再试一次,或重启电脑,更新程序仍无法安装,出现错误码80070003提示。关于这个故障,下面小编就为大家介绍一下具体的解决方法吧,欢迎大家参考和学习。 具体解决方法步骤: 1、在电脑更新过程中,更新失败,程序无法安装,出现错误码80070003的提示。如图1 2、打开控制面板,点击“系统和安全”,打开对话框。如图2 3、在打开的对话框中,点击“管理工具”-双击“服务”,在打开的对话框的下方找到“Windows Update"。(如图3),选择Windows Update,点击界面左上角的”停止“按键,或是单击右键选择”停止“。(如图4),以管理员身份进入,如果提示需要输入秘码,则输入秘码。 4、在C盘,打开”Windows"文件夹,-双击打开“SoftwareDistribution"文件夹,找到下面的2个文件夹。打开”DataStore"文件夹,删除里面所有的文件。反回上一步。如图5.1,再打开"Download"文件夹,删除里面所有的文件。(如图5.2) 5、返回第三步的操作,选择Windows Update,右键单击,选择“启动”。 6、做完上面操作后,安装更新文件就会顺利了。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_42620202/article/details/119158423。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-16 16:18:33
136
转载
转载文章
...stree.com bootstrap官方地址:https://v3.bootcss.com font-awesome官方地址:http://www.fontawesome.com.cn/faicons/ github项目地址:https://github.com/chengchuanqiang/jstreeDemo 2、jstreedemo主要文件 2.1、html页面代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jstree demo</title><link rel="stylesheet" href="jstree/dist/themes/default/style.min.css" /><link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" /> </head><body><div class="container"> <div class="row" style="height: 100px;"></div><div class="row"><div > <button class="btn btn-info" onclick="node_create()"> 新增 </button><button class="btn btn-info" onclick="node_rename()"> 编辑</button><button class="btn btn-info" onclick="node_delete()"> 删除</button></div></div><div class="row" style="height: 5px;"></div><div class="row"> <div class="col-md-3"> <!-- 描述:搜索框 --> <div class="input-group row"> <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-screenshot"></i></span> <input type="text" class="form-control" placeholder="请输入功能名称..." id="search_ay" aria-describedby="basic-addon1"> </div> <!--描述:jstree 树形菜单容器--> <div id="jstree_demo_div" class="row"> </div> </div> <div lass="col-md-9"> <button class="btn btn-tab" var='json/data.json'>data.json</button> <!--点击切换资源--> <button class="btn btn-tab" var='json/data2.json'>data2.json</button> <!--点击切换资源--> <button class="btn refresh "><i class="glyphicon glyphicon-refresh"></i></button> <!--点击刷新资源--> </div> </div> </div> <script src="jquery/jquery.min.js"></script><script src="jstree/dist/jstree.min.js"></script><script src="jstreeDemo.js?20180125"></script></body></html> 2.2、jstreeDemo.js代码 function jstree_fun(url){var $tree = $("jstree_demo_div").jstree({"core":{//'multiple': false, // 是否可以选择多个节点//"check_callback": true, // 允许拖动菜单 唯一 右键菜单"check_callback" : true,//设置为true,当用户修改数时,允许所有的交互和更好的控制(例如增删改)"themes" : { "stripes" : true },//主题配置对象,表示树背景是否有条带"data" : {//'url' : url,//'data' : function(node){//return { 'id' : node.id };//}"url" : url,"dataType" : "json"},"check_callback" : function(operation, node, node_parent, node_position, more){if(operation === "move_node"){var node = this.get_node(node_parent);if(node.id === ""){alert("根结点不可以删除");return false;}if(node.state.disabled){alert("禁用的不可以删除");return false;} }else if(operation === "delete_node"){var node = this.get_node(node_parent);if(node.id === ""){alert("根结点不可以删除");return false;} }return true;} },"plugins": [ //插件 "search", //允许插件搜索 // "sort", //排序插件 "state", //状态插件 "types", //类型插件 "unique", //唯一插件 "wholerow", //整行插件"contextmenu"],types:{ "default": { //设置默认的icon 图 "icon": "glyphicon glyphicon-folder-close", } } });$tree.on("open_node.jstree", function(e,data){ //监听打开事件var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-open"); });$tree.on("close_node.jstree", function(e,data){ //监听关闭事件 var currentNode = data.node; data.instance.set_icon(currentNode, "glyphicon glyphicon-folder-close"); });$tree.on("activate_node.jstree", function(e, data){var currentNode = data.node; //获取当前节点的json .node //alert(currentNode.a_attr.id) //alert(currentNode.a_attr.href) //获取超链接的 .a_attr.href "链接" .a_attr.id ID //alert(currentNode.li_attr.href) //获取属性的 .li_attr.href "链接" .li_attr.id ID });// 创建$tree.on("create_node.jstree", function(e, data){alert("创建node节点");});// 修改$tree.on("rename_node.jstree", function(e, data){alert("修改node节点");});// 删除$tree.on("delete_node.jstree", function(e, data){alert("删除node节点");});// 查询节点名称var to = false;$("search_ay").keyup(function(){if(to){clearTimeout(to);}to = setTimeout(function(){$tree.jstree(true).search($('search_ay').val()); //开启插件查询后 使用这个方法可模糊查询节点 },250);});$('.btn-tab').click(function(){ //选项事件 //alert($(this).attr("var")) $tree.jstree(true).destroy(); //可做联级 $tree = jstree_fun($(this).attr("var"));//可做联级 //alert($(this).attr("var")) }); $('.refresh').click(function(){ //刷新事件 $tree.jstree(true).refresh () }); return $tree; }function node_create(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];sel = ref.create_node(sel);if(sel){ref.edit(sel); } }function node_rename(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];ref.edit(sel);}function node_delete(){var ref = $("jstree_demo_div").jstree(true);var sel = ref.get_selected();if(!sel.length){alert("请先选择一个节点");return;}sel = sel[0];if(ref.get_node(sel).parent==''){alert("根节点不允许删除");return;}ref.delete_node(sel);}// 初始化操作function init(){var $tree = jstree_fun("json/data.json");}init(); 3、图片效果展示 本篇文章为转载内容。原文链接:https://blog.csdn.net/qq_27717967/article/details/79167605。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-08 13:23:58
53
转载
JQuery插件下载
...Query插件介绍 Bootstrap响应式tabs选项卡转下拉列表框jQuery插件——bootstrap-tabdrop.js,是一款专为提高网站响应性和用户体验设计的实用工具。这款插件能够智能地将Bootstrap框架下的tabs选项卡转换为下拉菜单,以适应不同屏幕尺寸和布局需求。当你的页面在较小的屏幕上展示时,如果tabs选项卡无法在一屏内完整显示,此插件会自动将多余选项卡内容折叠至下拉菜单中,确保用户界面整洁且易于导航。通过使用bootstrap-tabdrop.js,开发者可以轻松实现响应式设计,无需繁琐的手动调整。它不仅简化了前端开发流程,还增强了网站或应用的美观度与功能性,特别是在移动设备上提供了更加流畅的用户体验。无论是个人项目还是企业级应用,这款插件都是提升网页交互性和可访问性的理想选择。安装和配置简便,只需引入相应的JavaScript和CSS文件,并根据需要进行少量的HTML结构调整即可。此外,插件兼容最新版本的Bootstrap框架,确保其功能强大且稳定可靠。对于追求高品质用户体验的开发者而言,bootstrap-tabdrop.js无疑是一个值得信赖的选择。 点我下载 文件大小:88.72 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-11-11 20:42:26
50
本站
AngularJS
...提供一种有效的排查及解决方案。 二、问题分析 当我们在 AngularJS 中尝试访问一个不存在的控制器时,就会出现上述错误。哎呀,出个小差错啦!它告诉我们正在找一个叫“0”的控制器,但是呢,你猜怎么着?这个控制器压根儿不存在~ 三、解决办法 1. 检查并确认控制名正确性 首先,我们需要检查我们的代码,并确保我们的控制器名称拼写无误且大小写正确。此外,我们也需要确认控制器所在的模块是否正确。 2. 确保控制器被正确注册 其次,我们需要确保我们的控制器已经被正确地注册到相应的模块中。要是我们没把控制器塞到模块里头,AngularJS 就压根儿认不出这个控制器来。 3. 使用 $controllerProvider 注册控制器: 另外,我们可以使用 $controllerProvider 来注册我们的控制器。这可以让我们在不修改现有代码的情况下为 AngularJS 添加新的控制器。 4. 调整路由规则 如果我们发现某个路由指向了一个不存在的控制器,那么我们应该调整我们的路由规则,以便它能够指向正确的控制器。 四、代码示例 javascript var myModule = angular.module('myApp', []); myModule.controller('MyCtrl', function($scope) { $scope.message = "Hello, World!"; }); angular.bootstrap(document, ['myApp']); 在这个例子中,我们定义了一个名为 MyCtrl 的控制器,并将其添加到了名为 myApp 的模块中。接下来,咱们就用 angular.bootstrap 这个神奇的小玩意儿启动咱们的应用程序,同时告诉它我们要用哪个模块来开启这场奇妙的旅程。 如果我们的控制器名称拼写错误或者大小写错误,那么 AngularJS 就无法找到这个控制器,从而抛出上述错误。 五、结论 总的来说,当我们遇到 AngularJS $rootScope 报错:“noctrl Controller '0' not found”的问题时,我们应该仔细检查我们的代码,确保我们的控制器名称正确,以及我们的控制器已经被正确地注册到相应的模块中。另外,咱们还可以琢磨一下用 $controllerProvider 这个家伙来注册咱们的控制器,或者灵活调整路由规则,确保它们能指向正确的控制器。这样理解就更接地气啦! 六、小结 以上就是我对 “AngularJS $rootScope 报错:“noctrl Controller '0' not found”的处理方式和思路的介绍。大家伙儿,我真心希望大家读完这篇文章后,以后在用 AngularJS 进行开发的时候,能绕过那些坑坑洼洼的小路,一路顺风顺水地把项目搞定,顺利完成任务。
2024-01-18 15:53:01
430
春暖花开-t
Kafka
...探讨这一问题的原因及解决方案。 二、问题分析 首先,我们需要明确什么是消费偏移量。在Kafka中,每条消息都有一个唯一的生产时间戳和序列号。消费者从Kafka集群中读取消息时,会记录下当前正在处理的消息的位置,这个位置就是消费偏移量。想象一下,如果我们把一个消费者进程比作是一个正在享用大餐的吃货,突然有事暂停了进食。不过别担心,只要我们再次启动这个吃货,他可聪明着呢,会直接从上次停嘴的地方接着吃起来。这就相当于消费偏移量在背后发挥的作用,记录并确保每次都能接上茬儿继续“消费”。 然而,在某些情况下,我们可能无法设置Kafka客户端的消费偏移量。比如,当我们新建一个消费者实例的时候,如果没有特意告诉它消费的起始位置,那么这个新家伙就会默认从最开始的消息开始“狂吃”,而不是接着上次停下的地方继续“开动”。 三、解决方法 那么,如何解决这个问题呢?我们可以采取以下几种方法: 3.1 使用自动重置策略 Apache Kafka提供了一种名为"earliest"的自动重置策略。当你在建立一个新的消费者实例时,假如你把"earliest"设置为auto.offset.reset参数的值,那么这个新来的消费者就会像个怀旧的小书虫,从消息队列的最开始,也就是最早的消息开始,逐条“啃食”消费起来。 java Properties props = new Properties(); props.put("bootstrap.servers", "localhost:9092"); props.put("group.id", "myGroup"); props.put("auto.offset.reset", "earliest"); Consumer consumer = new KafkaConsumer<>(props); 3.2 手动设置消费偏移量 除了使用自动重置策略外,我们还可以手动设置消费偏移量。当你用consumer.assign()这个方法给消费者分配好分区之后,你就可以玩点小花样了。想让消费者的读取位置回到最开始?那就请出consumer.seekToBeginning()这个大招,一键直达分区的起始位置;如果想让它直接蹦到末尾瞧瞧,那就使出consumer.seekToEnd()这招绝技,瞬间就能跳转到分区的终点位置。 java Properties props = new Properties(); props.put("bootstrap.servers", "localhost:9092"); props.put("group.id", "myGroup"); Consumer consumer = new KafkaConsumer<>(props); // 分配分区并移动到起始位置 Map assignment = new HashMap<>(); assignment.put(new TopicPartition("test-topic", 0), null); consumer.assign(assignment.keySet()); consumer.seekToBeginning(assignment.keySet()); while (true) { ConsumerRecords records = consumer.poll(Duration.ofMillis(100)); for (ConsumerRecord record : records) System.out.printf("offset = %d, key = %s, value = %s%n", record.offset(), record.key(), record.value()); } 3.3 使用已存在的消费者组 如果我们有一个已存在的消费者组,我们可以加入该组并使用它的消费偏移量。这样,即使我们创建了一个新的消费者实例,它也会从已有的消费偏移量开始消费。 java Properties props = new Properties(); props.put("bootstrap.servers", "localhost:9092"); props.put("group.id", "myGroup"); Consumer consumer = new KafkaConsumer<>(props); consumer.subscribe(Arrays.asList("test-topic")); 四、结论 总的来说,无法设置Kafka客户端的消费偏移量通常是因为我们没有正确地配置auto.offset.reset参数或者我们正在创建一个新的消费者实例而没有手动指定消费偏移量。通过以上的方法,我们可以有效地解决这一问题。不过,在实际操作的时候,咱们也得留心一些隐藏的风险。比如说,手动调整消费偏移量这事儿要是搞不好,可能会让数据莫名其妙地消失不见。所以,咱们得根据实际情况,精明地选择最合适的消费偏移量策略,可不能马虎大意!
2023-02-10 16:51:36
452
落叶归根-t
Kafka
...Exception的解决方法详析 在Apache Kafka这个分布式流处理平台中,我们偶尔会遇到一个令人困扰的问题——UnknownReplicaAssignmentException。这种情况通常会在你尝试捣鼓创建或修改主题的时候冒出来,说白了就是Kafka认不出或者没法给各个broker准确分配副本啦。这篇东西,咱们要来点硬货,深度挖掘这个异常背后的故事,再配上些实实在在的代码实例,手把手带你一层层剥开它的神秘外壳,找到真正能解决问题的好法子。 1. 理解UnknownReplicaAssignmentException 1.1 异常原因浅析 UnknownReplicaAssignmentException本质上是由于在对主题进行副本分配时,Kafka集群中存在未知的Broker ID或者分区副本数量设置不正确导致的。比如,假如你在设置文件里给副本节点指定的Broker ID,在当前集群里根本找不到的话,那么在新建或者更新主题的时候,系统就会抛出这个错误提示给你。 1.2 生动案例说明 假设你正在尝试创建一个名为my-topic的主题,并指定其副本列表为[0, 1, 2],但你的Kafka集群实际上只有两个broker(ID分别为0和1)。这时,当你执行以下命令: bash kafka-topics.sh --create --topic my-topic --partitions 1 --replication-factor 3 --bootstrap-server localhost:9092 --config replica_assignment=0:1:2 上述命令将会抛出UnknownReplicaAssignmentException,因为broker ID为2的节点在集群中并不存在。 2. 解决UnknownReplicaAssignmentException的方法 2.1 检查集群Broker状态 首先,你需要确认提供的所有副本broker是否都存在于当前Kafka集群中。可以通过运行如下命令查看集群中所有的broker信息: bash kafka-broker-api-versions.sh --bootstrap-server localhost:9092 确保你在分配副本时引用的broker ID都在输出结果中。 2.2 调整副本分配策略 如果发现确实有错误引用的broker ID,你需要重新调整副本分配策略。例如,修正上面的例子,将 replication-factor 改为与集群规模相匹配的值: bash kafka-topics.sh --create --topic my-topic --partitions 1 --replication-factor 2 --bootstrap-server localhost:9092 2.3 验证并修复配置文件 此外,还需检查Kafka配置文件(server.properties)中关于broker ID的设置是否正确。每个broker都应该有一个唯一的、在集群范围内有效的ID。 2.4 手动修正已存在的问题主题 若已存在因副本分配问题而引发异常的主题,可以尝试手动删除并重新创建。但务必谨慎操作,以免影响业务数据。 bash kafka-topics.sh --delete --topic my-topic --bootstrap-server localhost:9092 再次按照正确的配置创建主题 kafka-topics.sh --create ... 使用合适的参数创建主题 3. 思考与探讨 面对这类问题,除了具体的技术解决方案外,我们更应该思考如何预防此类异常的发生。比如在搭建和扩容Kafka集群这事儿上,咱们得把副本分配策略和集群大小的关系琢磨透彻;而在日常的运维过程中,别忘了定期给集群做个全面体检,查看下主题的那些副本分布是否均匀健康。同时呢,我们也在用自动化的小工具和监控系统,就像有一双随时在线的火眼金睛,能实时发现并预警那些可能会冒出来的UnknownReplicaAssignmentException等小捣蛋鬼,这样一来,咱们的Kafka服务就能更稳、更快地运转起来,像上了发条的瑞士钟表一样精准高效。 总之,虽然UnknownReplicaAssignmentException可能带来一时的困扰,但只要深入了解其背后原理,采取正确的应对措施,就能迅速将其化解,让我们的Kafka服务始终保持良好的运行状态。在这个过程中,不断学习、实践和反思,是我们提升技术能力,驾驭复杂系统的必经之路。
2023-02-04 14:29:39
435
寂静森林
Apache Atlas
...问题,看看能不能找到解决办法。毕竟,解决问题的过程本身就是一种成长嘛! --- 2. Hook是什么?为什么它如此重要? 在深入探讨问题之前,我们得先搞清楚什么是“Hook”。简单来说,Hook就是Apache Atlas用来与其他系统(比如Hive、Kafka等)集成的一种机制。有了这些“钩子”,Atlas就能在一旁盯着目标系统的一举一动,还能自动记下相关的各种小细节。 举个例子,如果你有一个Hive表被创建了,Atlas可以通过Hive Hook实时记录下这个事件,包括表名、字段定义、所属数据库等信息。这么做的好处嘛,简直不要太明显!就好比给你的数据加上了一个“出生证”和“护照”,不仅能随时知道它是从哪儿来的、去过哪儿,还能记录下它一路上经历的所有变化。这样一来,管理起来就方便多了,也不用担心数据会“走丢”或者被搞砸啦! 然而,正因如此,Hook的部署显得尤为重要。要是Hook没装好,那Atlas就啥元数据也收不到啦,整个数据治理的工作就得卡在那里干瞪眼了。这也是为什么当我的Hook部署失败时,我会感到特别沮丧的原因。 --- 3. 部署失败 从错误日志中寻找线索 那么,Hook到底为什么会部署失败呢?为了找出答案,我打开了Atlas的日志文件,开始逐行分析那些晦涩难懂的错误信息。说实话,第一次看这些日志的时候,我直接傻眼了,那感觉就跟对着一堆乱码似的,完全摸不着头脑。 不过,经过一番耐心的研究,我发现了一些关键点。比如: - 依赖冲突:有些情况下,Hook可能会因为依赖的某些库版本不兼容而导致加载失败。 - 配置错误:有时候,我们可能在application.properties文件中漏掉了必要的参数设置。 - 权限不足:Hook需要访问目标系统的API接口,但如果权限配置不当,自然会报错。 为了验证我的猜测,我决定先从最简单的配置检查做起。打开atlas-application.properties文件,我仔细核对了以下内容: properties atlas.hook.kafka.enabled=true atlas.hook.kafka.consumer.group=atlas-kafka-group atlas.kafka.bootstrap.servers=localhost:9092 确认无误后,我又检查了Kafka服务是否正常运行,确保Atlas能够连接到它。虽然这一系列操作看起来很基础,但它们往往是排查问题的第一步。 --- 4. 实战演练 动手修复Hook部署失败 接下来,让我们一起动手试试如何修复Hook部署失败吧!首先,我们需要明确一点:问题的根源可能有很多,因此我们需要分步骤逐一排除。 Step 1: 检查依赖关系 假设我们的Hook是基于Hive的,那么首先需要确保Hive的客户端库已经正确添加到了项目中。例如,在Maven项目的pom.xml文件里,我们应该看到类似如下的配置: xml org.apache.hive hive-jdbc 3.1.2 如果版本不对,或者缺少了必要的依赖项,就需要更新或补充。记得每次修改完配置后都要重新构建项目哦! Step 2: 调试日志级别 为了让日志更加详细,帮助我们定位问题,可以在log4j.properties文件中将日志级别调整为DEBUG级别: properties log4j.rootLogger=DEBUG, console 这样做虽然会让日志输出变得冗长,但却能为我们提供更多有用的信息。 Step 3: 手动测试连接 有时候,Hook部署失败并不是代码本身的问题,而是网络或者环境配置出了差错。这时候,我们可以尝试手动测试一下Atlas与目标系统的连接情况。例如,对于Kafka Hook,可以用下面的命令检查是否能正常发送消息: bash kafka-console-producer.sh --broker-list localhost:9092 --topic test-topic 如果这条命令执行失败,那就可以确定是网络或者Kafka服务的问题了。 --- 5. 总结与反思 成长中的点滴收获 经过这次折腾,我对Apache Atlas有了更深的理解,同时也意识到,任何技术工具都不是万能的,都需要我们投入足够的时间和精力去学习和实践。 最后想说的是,尽管Hook部署失败的经历让我一度感到挫败,但它也教会了我很多宝贵的经验。比如: - 不要害怕出错,错误往往是进步的起点; - 日志是排查问题的重要工具,要学会善加利用; - 团队合作很重要,遇到难题时不妨寻求同事的帮助。 希望这篇文章对你有所帮助,如果你也有类似的经历或见解,欢迎随时交流讨论!我们一起探索技术的世界,共同进步!
2025-04-03 16:11:35
60
醉卧沙场
转载文章
...e-shard)方式解决,在同台物理服务器上建立多个数据节点,每个节点存储一个数据分片。数据重分布时,将一些数据节点迁出即可 某些外键、唯一性约束功能 Postgres-XL架构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M9lFuEIP-1640133702200)(./assets/postgre-xl.jpg)] 基于开源项目Postgres-XC XL增加了MPP,允许数据节点间直接通讯,交换复杂跨节点关联查询相关数据信息,减少协调器负载。 多个协调器(Coordinator) 应用程序的数据库连入点 分析查询语句,生成执行计划 多个数据节点(DataNode) 实际的数据存储 数据自动打散分布到集群中各数据节点 本地执行查询 一个查询在所有相关节点上并行查询 全局事务管理器(GTM:Global Transaction Manager) 提供事务间一致性视图 部署GTM Proxy实例,以提高性能 Postgre-XL主要组件 GTM (Global Transaction Manager) - 全局事务管理器 GTM是Postgres-XL的一个关键组件,用于提供一致的事务管理和元组可见性控制。 GTM Standby GTM的备节点,在pgxc,pgxl中,GTM控制所有的全局事务分配,如果出现问题,就会导致整个集群不可用,为了增加可用性,增加该备用节点。当GTM出现问题时,GTM Standby可以升级为GTM,保证集群正常工作。 GTM-Proxy GTM需要与所有的Coordinators通信,为了降低压力,可以在每个Coordinator机器上部署一个GTM-Proxy。 Coordinator --协调器 协调器是应用程序到数据库的接口。它的作用类似于传统的PostgreSQL后台进程,但是协调器不存储任何实际数据。实际数据由数据节点存储。协调器接收SQL语句,根据需要获取全局事务Id和全局快照,确定涉及哪些数据节点,并要求它们执行(部分)语句。当向数据节点发出语句时,它与GXID和全局快照相关联,以便多版本并发控制(MVCC)属性扩展到集群范围。 Datanode --数据节点 用于实际存储数据。表可以分布在各个数据节点之间,也可以复制到所有数据节点。数据节点没有整个数据库的全局视图,它只负责本地存储的数据。接下来,协调器将检查传入语句,并制定子计划。然后,根据需要将这些数据连同GXID和全局快照一起传输到涉及的每个数据节点。数据节点可以在不同的会话中接收来自各个协调器的请求。但是,由于每个事务都是惟一标识的,并且与一致的(全局)快照相关联,所以每个数据节点都可以在其事务和快照上下文中正确执行。 Postgres-XL继承了PostgreSQL Postgres-XL是PostgreSQL的扩展并继承了其很多特性: 复杂查询 外键 触发器 视图 事务 MVCC(多版本控制) 此外,类似于PostgreSQL,用户可以通过多种方式扩展Postgres-XL,例如添加新的 数据类型 函数 操作 聚合函数 索引类型 过程语言 安装 环境说明 由于资源有限,gtm一台、另外两台身兼数职。 主机名 IP 角色 端口 nodename 数据目录 gtm 192.168.20.132 GTM 6666 gtm /nodes/gtm 协调器 5432 coord1 /nodes/coordinator xl1 192.168.20.133 数据节点 5433 node1 /nodes/pgdata gtm代理 6666 gtmpoxy01 /nodes/gtm_pxy1 协调器 5432 coord2 /nodes/coordinator xl2 192.168.20.134 数据节点 5433 node2 /nodes/pgdata gtm代理 6666 gtmpoxy02 /nodes/gtm_pxy2 要求 GNU make版本 3.8及以上版本 [root@pg ~] make --versionGNU Make 3.82Built for x86_64-redhat-linux-gnuCopyright (C) 2010 Free Software Foundation, Inc.License GPLv3+: GNU GPL version 3 or later <http://gnu.org/licenses/gpl.html>This is free software: you are free to change and redistribute it.There is NO WARRANTY, to the extent permitted by law. 需安装GCC包 需安装tar包 用于解压缩文件 默认需要GNU Readline library 其作用是可以让psql命令行记住执行过的命令,并且可以通过键盘上下键切换命令。但是可以通过--without-readline禁用这个特性,或者可以指定--withlibedit-preferred选项来使用libedit 默认使用zlib压缩库 可通过--without-zlib选项来禁用 配置hosts 所有主机上都配置 [root@xl2 11] cat /etc/hosts127.0.0.1 localhost192.168.20.132 gtm192.168.20.133 xl1192.168.20.134 xl2 关闭防火墙、Selinux 所有主机都执行 关闭防火墙: [root@gtm ~] systemctl stop firewalld.service[root@gtm ~] systemctl disable firewalld.service selinux设置: [root@gtm ~]vim /etc/selinux/config 设置SELINUX=disabled,保存退出。 This file controls the state of SELinux on the system. SELINUX= can take one of these three values: enforcing - SELinux security policy is enforced. permissive - SELinux prints warnings instead of enforcing. disabled - No SELinux policy is loaded.SELINUX=disabled SELINUXTYPE= can take one of three two values: targeted - Targeted processes are protected, minimum - Modification of targeted policy. Only selected processes are protected. mls - Multi Level Security protection. 安装依赖包 所有主机上都执行 yum install -y flex bison readline-devel zlib-devel openjade docbook-style-dsssl gcc 创建用户 所有主机上都执行 [root@gtm ~] useradd postgres[root@gtm ~] passwd postgres[root@gtm ~] su - postgres[root@gtm ~] mkdir ~/.ssh[root@gtm ~] chmod 700 ~/.ssh 配置SSH免密登录 仅仅在gtm节点配置如下操作: [root@gtm ~] su - postgres[postgres@gtm ~] ssh-keygen -t rsa[postgres@gtm ~] cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys[postgres@gtm ~] chmod 600 ~/.ssh/authorized_keys 将刚生成的认证文件拷贝到xl1到xl2中,使得gtm节点可以免密码登录xl1~xl2的任意一个节点: [postgres@gtm ~] scp ~/.ssh/authorized_keys postgres@xl1:~/.ssh/[postgres@gtm ~] scp ~/.ssh/authorized_keys postgres@xl2:~/.ssh/ 对所有提示都不要输入,直接enter下一步。直到最后,因为第一次要求输入目标机器的用户密码,输入即可。 下载源码 下载地址:https://www.postgres-xl.org/download/ [root@slave ~] ll postgres-xl-10r1.1.tar.gz-rw-r--r-- 1 root root 28121666 May 30 05:21 postgres-xl-10r1.1.tar.gz 编译、安装Postgres-XL 所有节点都安装,编译需要一点时间,最好同时进行编译。 [root@slave ~] tar xvf postgres-xl-10r1.1.tar.gz[root@slave ~] ./configure --prefix=/home/postgres/pgxl/[root@slave ~] make[root@slave ~] make install[root@slave ~] cd contrib/ --安装必要的工具,在gtm节点上安装即可[root@slave ~] make[root@slave ~] make install 配置环境变量 所有节点都要配置 进入postgres用户,修改其环境变量,开始编辑 [root@gtm ~]su - postgres[postgres@gtm ~]vi .bashrc --不是.bash_profile 在打开的文件末尾,新增如下变量配置: export PGHOME=/home/postgres/pgxlexport LD_LIBRARY_PATH=$PGHOME/lib:$LD_LIBRARY_PATHexport PATH=$PGHOME/bin:$PATH 按住esc,然后输入:wq!保存退出。输入以下命令对更改重启生效。 [postgres@gtm ~] source .bashrc --不是.bash_profile 输入以下语句,如果输出变量结果,代表生效 [postgres@gtm ~] echo $PGHOME 应该输出/home/postgres/pgxl代表生效 配置集群 生成pgxc_ctl.conf配置文件 [postgres@gtm ~] pgxc_ctl prepare/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash.ERROR: File "/home/postgres/pgxl/pgxc_ctl/pgxc_ctl.conf" not found or not a regular file. No such file or directoryInstalling pgxc_ctl_bash script as /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxl/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxl/pgxc_ctl --configuration /home/postgres/pgxl/pgxc_ctl/pgxc_ctl.confFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxl/pgxc_ctl 配置pgxc_ctl.conf 新建/home/postgres/pgxc_ctl/pgxc_ctl.conf文件,编辑如下: 对着模板文件一个一个修改,否则会造成初始化过程出现各种神奇问题。 pgxcInstallDir=$PGHOMEpgxlDATA=$PGHOME/data pgxcOwner=postgres---- GTM Master -----------------------------------------gtmName=gtmgtmMasterServer=gtmgtmMasterPort=6666gtmMasterDir=$pgxlDATA/nodes/gtmgtmSlave=y Specify y if you configure GTM Slave. Otherwise, GTM slave will not be configured and all the following variables will be reset.gtmSlaveName=gtmSlavegtmSlaveServer=gtm value none means GTM slave is not available. Give none if you don't configure GTM Slave.gtmSlavePort=20001 Not used if you don't configure GTM slave.gtmSlaveDir=$pgxlDATA/nodes/gtmSlave Not used if you don't configure GTM slave.---- GTM-Proxy Master -------gtmProxyDir=$pgxlDATA/nodes/gtm_proxygtmProxy=y gtmProxyNames=(gtm_pxy1 gtm_pxy2) gtmProxyServers=(xl1 xl2) gtmProxyPorts=(6666 6666) gtmProxyDirs=($gtmProxyDir $gtmProxyDir) ---- Coordinators ---------coordMasterDir=$pgxlDATA/nodes/coordcoordNames=(coord1 coord2) coordPorts=(5432 5432) poolerPorts=(6667 6667) coordPgHbaEntries=(0.0.0.0/0)coordMasterServers=(xl1 xl2) coordMasterDirs=($coordMasterDir $coordMasterDir)coordMaxWALsernder=0 没设置备份节点,设置为0coordMaxWALSenders=($coordMaxWALsernder $coordMaxWALsernder) 数量保持和coordMasterServers一致coordSlave=n---- Datanodes ----------datanodeMasterDir=$pgxlDATA/nodes/dn_masterprimaryDatanode=xl1 主数据节点datanodeNames=(node1 node2)datanodePorts=(5433 5433) datanodePoolerPorts=(6668 6668) datanodePgHbaEntries=(0.0.0.0/0)datanodeMasterServers=(xl1 xl2)datanodeMasterDirs=($datanodeMasterDir $datanodeMasterDir)datanodeMaxWalSender=4datanodeMaxWALSenders=($datanodeMaxWalSender $datanodeMaxWalSender) 集群初始化,启动,停止 初始化 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all 输出结果: /bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlStopping all the coordinator masters.Stopping coordinator master coord1.Stopping coordinator master coord2.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existpg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord2" does not existDone.Stopping all the datanode masters.Stopping datanode master datanode1.Stopping datanode master datanode2.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.Stop GTM masterwaiting for server to shut down.... doneserver stopped[postgres@gtm ~]$ echo $PGHOME/home/postgres/pgxl[postgres@gtm ~]$ ll /home/postgres/pgxl/pgxc/nodes/gtm/gtm.^C[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlInitialize GTM masterERROR: target directory (/home/postgres/pgxc/nodes/gtm) exists and not empty. Skip GTM initilializationDone.Start GTM masterserver startingInitialize all the coordinator masters.Initialize coordinator master coord1.ERROR: target coordinator master coord1 is running now. Skip initilialization.Initialize coordinator master coord2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting coordinator master.Starting coordinator master coord1ERROR: target coordinator master coord1 is already running now. Skip initialization.Starting coordinator master coord22019-05-30 21:09:25.562 EDT [2148] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:09:25.562 EDT [2148] LOG: listening on IPv6 address "::", port 54322019-05-30 21:09:25.563 EDT [2148] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:09:25.601 EDT [2149] LOG: database system was shut down at 2019-05-30 21:09:22 EDT2019-05-30 21:09:25.605 EDT [2148] LOG: database system is ready to accept connections2019-05-30 21:09:25.612 EDT [2156] LOG: cluster monitor startedDone.Initialize all the datanode masters.Initialize the datanode master datanode1.Initialize the datanode master datanode2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting all the datanode masters.Starting datanode master datanode1.WARNING: datanode master datanode1 is running now. Skipping.Starting datanode master datanode2.2019-05-30 21:09:33.352 EDT [2404] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:09:33.352 EDT [2404] LOG: listening on IPv6 address "::", port 154322019-05-30 21:09:33.355 EDT [2404] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:09:33.392 EDT [2404] LOG: redirecting log output to logging collector process2019-05-30 21:09:33.392 EDT [2404] HINT: Future log output will appear in directory "pg_log".Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf stop all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlStopping all the coordinator masters.Stopping coordinator master coord1.Stopping coordinator master coord2.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existDone.Stopping all the datanode masters.Stopping datanode master datanode1.Stopping datanode master datanode2.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.Stop GTM masterwaiting for server to shut down.... doneserver stopped[postgres@gtm ~]$ pgxc_ctl/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlPGXC monitor allNot running: gtm masterRunning: coordinator master coord1Not running: coordinator master coord2Running: datanode master datanode1Not running: datanode master datanode2PGXC stop coordinator master coord1Stopping coordinator master coord1.pg_ctl: directory "/home/postgres/pgxc/nodes/coord/coord1" does not existDone.PGXC stop datanode master datanode1Stopping datanode master datanode1.pg_ctl: PID file "/home/postgres/pgxc/nodes/datanode/datanode1/postmaster.pid" does not existIs server running?Done.PGXC monitor allNot running: gtm masterRunning: coordinator master coord1Not running: coordinator master coord2Running: datanode master datanode1Not running: datanode master datanode2PGXC monitor allNot running: gtm masterNot running: coordinator master coord1Not running: coordinator master coord2Not running: datanode master datanode1Not running: datanode master datanode2PGXC exit[postgres@gtm ~]$ pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf init all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlInitialize GTM masterERROR: target directory (/home/postgres/pgxc/nodes/gtm) exists and not empty. Skip GTM initilializationDone.Start GTM masterserver startingInitialize all the coordinator masters.Initialize coordinator master coord1.Initialize coordinator master coord2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/coord/coord2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting coordinator master.Starting coordinator master coord1Starting coordinator master coord22019-05-30 21:13:03.998 EDT [25137] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:13:03.998 EDT [25137] LOG: listening on IPv6 address "::", port 54322019-05-30 21:13:04.000 EDT [25137] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:13:04.038 EDT [25138] LOG: database system was shut down at 2019-05-30 21:13:00 EDT2019-05-30 21:13:04.042 EDT [25137] LOG: database system is ready to accept connections2019-05-30 21:13:04.049 EDT [25145] LOG: cluster monitor started2019-05-30 21:13:04.020 EDT [2730] LOG: listening on IPv4 address "0.0.0.0", port 54322019-05-30 21:13:04.020 EDT [2730] LOG: listening on IPv6 address "::", port 54322019-05-30 21:13:04.021 EDT [2730] LOG: listening on Unix socket "/tmp/.s.PGSQL.5432"2019-05-30 21:13:04.057 EDT [2731] LOG: database system was shut down at 2019-05-30 21:13:00 EDT2019-05-30 21:13:04.061 EDT [2730] LOG: database system is ready to accept connections2019-05-30 21:13:04.062 EDT [2738] LOG: cluster monitor startedDone.Initialize all the datanode masters.Initialize the datanode master datanode1.Initialize the datanode master datanode2.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode1 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.The files belonging to this database system will be owned by user "postgres".This user must also own the server process.The database cluster will be initialized with locale "en_US.UTF-8".The default database encoding has accordingly been set to "UTF8".The default text search configuration will be set to "english".Data page checksums are disabled.fixing permissions on existing directory /home/postgres/pgxc/nodes/datanode/datanode2 ... okcreating subdirectories ... okselecting default max_connections ... 100selecting default shared_buffers ... 128MBselecting dynamic shared memory implementation ... posixcreating configuration files ... okrunning bootstrap script ... okperforming post-bootstrap initialization ... creating cluster information ... oksyncing data to disk ... okfreezing database template0 ... okfreezing database template1 ... okfreezing database postgres ... okWARNING: enabling "trust" authentication for local connectionsYou can change this by editing pg_hba.conf or using the option -A, or--auth-local and --auth-host, the next time you run initdb.Success.Done.Starting all the datanode masters.Starting datanode master datanode1.Starting datanode master datanode2.2019-05-30 21:13:12.077 EDT [25392] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:13:12.077 EDT [25392] LOG: listening on IPv6 address "::", port 154322019-05-30 21:13:12.079 EDT [25392] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:13:12.114 EDT [25392] LOG: redirecting log output to logging collector process2019-05-30 21:13:12.114 EDT [25392] HINT: Future log output will appear in directory "pg_log".2019-05-30 21:13:12.079 EDT [2985] LOG: listening on IPv4 address "0.0.0.0", port 154322019-05-30 21:13:12.079 EDT [2985] LOG: listening on IPv6 address "::", port 154322019-05-30 21:13:12.081 EDT [2985] LOG: listening on Unix socket "/tmp/.s.PGSQL.15432"2019-05-30 21:13:12.117 EDT [2985] LOG: redirecting log output to logging collector process2019-05-30 21:13:12.117 EDT [2985] HINT: Future log output will appear in directory "pg_log".Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done.psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"psql: FATAL: no pg_hba.conf entry for host "192.168.20.132", user "postgres", database "postgres"Done. 启动 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf start all 关闭 pgxc_ctl -c /home/postgres/pgxc_ctl/pgxc_ctl.conf stop all 查看集群状态 [postgres@gtm ~]$ pgxc_ctl monitor all/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.conf/home/postgres/pgxc_ctl/pgxc_ctl.conf: line 189: $coordExtraConfig: ambiguous redirectFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlRunning: gtm masterRunning: coordinator master coord1Running: coordinator master coord2Running: datanode master datanode1Running: datanode master datanode2 配置集群信息 分别在数据节点、协调器节点上分别执行以下命令: 注:本节点只执行修改操作即可(alert node),其他节点执行创建命令(create node)。因为本节点已经包含本节点的信息。 create node coord1 with (type=coordinator,host=xl1, port=5432);create node coord2 with (type=coordinator,host=xl2, port=5432);alter node coord1 with (type=coordinator,host=xl1, port=5432);alter node coord2 with (type=coordinator,host=xl2, port=5432);create node datanode1 with (type=datanode, host=xl1,port=15432,primary=true,PREFERRED);create node datanode2 with (type=datanode, host=xl2,port=15432);alter node datanode1 with (type=datanode, host=xl1,port=15432,primary=true,PREFERRED);alter node datanode2 with (type=datanode, host=xl2,port=15432);select pgxc_pool_reload(); 分别登陆数据节点、协调器节点验证 postgres= select from pgxc_node;node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-----------+-----------+-----------+-----------+----------------+------------------+-------------coord1 | C | 5432 | xl1 | f | f | 1885696643coord2 | C | 5432 | xl2 | f | f | -1197102633datanode2 | D | 15432 | xl2 | f | f | -905831925datanode1 | D | 15432 | xl1 | t | f | 888802358(4 rows) 测试 插入数据 在数据节点1,执行相关操作。 通过协调器端口登录PG [postgres@xl1 ~]$ psql -p 5432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= create database lei;CREATE DATABASEpostgres= \c lei;You are now connected to database "lei" as user "postgres".lei= create table test1(id int,name text);CREATE TABLElei= insert into test1(id,name) select generate_series(1,8),'测试';INSERT 0 8lei= select from test1;id | name----+------1 | 测试2 | 测试5 | 测试6 | 测试8 | 测试3 | 测试4 | 测试7 | 测试(8 rows) 注:默认创建的表为分布式表,也就是每个数据节点值存储表的部分数据。关于表类型具体说明,下面有说明。 通过15432端口登录数据节点,查看数据 有5条数据 [postgres@xl1 ~]$ psql -p 15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= \c lei;You are now connected to database "lei" as user "postgres".lei= select from test1;id | name----+------1 | 测试2 | 测试5 | 测试6 | 测试8 | 测试(5 rows) 登录到节点2,查看数据 有3条数据 [postgres@xl2 ~]$ psql -p15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= \c lei;You are now connected to database "lei" as user "postgres".lei= select from test1;id | name----+------3 | 测试4 | 测试7 | 测试(3 rows) 两个节点的数据加起来整个8条,没有问题。 至此Postgre-XL集群搭建完成。 创建数据库、表时可能会出现以下错误: ERROR: Failed to get pooled connections 是因为pg_hba.conf配置不对,所有节点加上host all all 192.168.20.0/0 trust并重启集群即可。 ERROR: No Datanode defined in cluster 首先确认是否创建了数据节点,也就是create node相关的命令。如果创建了则执行select pgxc_pool_reload();使其生效即可。 集群管理与应用 表类型说明 REPLICATION表:各个datanode节点中,表的数据完全相同,也就是说,插入数据时,会分别在每个datanode节点插入相同数据。读数据时,只需要读任意一个datanode节点上的数据。 建表语法: CREATE TABLE repltab (col1 int, col2 int) DISTRIBUTE BY REPLICATION; DISTRIBUTE :会将插入的数据,按照拆分规则,分配到不同的datanode节点中存储,也就是sharding技术。每个datanode节点只保存了部分数据,通过coordinate节点可以查询完整的数据视图。 CREATE TABLE disttab(col1 int, col2 int, col3 text) DISTRIBUTE BY HASH(col1); 模拟数据插入 任意登录一个coordinate节点进行建表操作 [postgres@gtm ~]$ psql -h xl1 -p 5432 -U postgrespostgres= INSERT INTO disttab SELECT generate_series(1,100), generate_series(101, 200), 'foo';INSERT 0 100postgres= INSERT INTO repltab SELECT generate_series(1,100), generate_series(101, 200);INSERT 0 100 查看数据分布结果: DISTRIBUTE表分布结果 postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+-------1148549230 | 42-927910690 | 58(2 rows) REPLICATION表分布结果 postgres= SELECT count() FROM repltab;count -------100(1 row) 查看另一个datanode2中repltab表结果 [postgres@datanode2 pgxl9.5]$ psql -p 15432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= SELECT count() FROM repltab;count -------100(1 row) 结论:REPLICATION表中,datanode1,datanode2中表是全部数据,一模一样。而DISTRIBUTE表,数据散落近乎平均分配到了datanode1,datanode2节点中。 新增数据节点与数据重分布 在线新增节点、并重新分布数据。 新增datanode节点 在gtm集群管理节点上执行pgxc_ctl命令 [postgres@gtm ~]$ pgxc_ctl/bin/bashInstalling pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Installing pgxc_ctl_bash script as /home/postgres/pgxc_ctl/pgxc_ctl_bash.Reading configuration using /home/postgres/pgxc_ctl/pgxc_ctl_bash --home /home/postgres/pgxc_ctl --configuration /home/postgres/pgxc_ctl/pgxc_ctl.confFinished reading configuration. PGXC_CTL START Current directory: /home/postgres/pgxc_ctlPGXC 在服务器xl3上,新增一个master角色的datanode节点,名称是datanode3 端口号暂定5430,pool master暂定6669 ,指定好数据目录位置,从两个节点升级到3个节点,之后要写3个none none应该是datanodeSpecificExtraConfig或者datanodeSpecificExtraPgHba配置PGXC add datanode master datanode3 xl3 15432 6671 /home/postgres/pgxc/nodes/datanode/datanode3 none none none 等待新增完成后,查询集群节点状态: postgres= select from pgxc_node;node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-----------+-----------+-----------+-----------+----------------+------------------+-------------datanode1 | D | 15432 | xl1 | t | f | 888802358datanode2 | D | 15432 | xl2 | f | f | -905831925datanode3 | D | 15432 | xl3 | f | f | -705831925coord1 | C | 5432 | xl1 | f | f | 1885696643coord2 | C | 5432 | xl2 | f | f | -1197102633(4 rows) 节点新增完毕 数据重新分布 由于新增节点后无法自动完成数据重新分布,需要手动操作。 DISTRIBUTE表分布在了node1,node2节点上,如下: postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+-------1148549230 | 42-927910690 | 58(2 rows) 新增一个节点后,将sharding表数据重新分配到三个节点上,将repl表复制到新节点 重分布sharding表postgres= ALTER TABLE disttab ADD NODE (datanode3);ALTER TABLE 复制数据到新节点postgres= ALTER TABLE repltab ADD NODE (datanode3);ALTER TABLE 查看新的数据分布: postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;xc_node_id | count ------------+--------700122826 | 36-927910690 | 321148549230 | 32(3 rows) 登录datanode3(新增的时候,放在了xl3服务器上,端口15432)节点查看数据: [postgres@gtm ~]$ psql -h xl3 -p 15432 -U postgrespsql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= select count() from repltab;count -------100(1 row) 很明显,通过 ALTER TABLE tt ADD NODE (dn)命令,可以将DISTRIBUTE表数据重新分布到新节点,重分布过程中会中断所有事务。可以将REPLICATION表数据复制到新节点。 从datanode节点中回收数据 postgres= ALTER TABLE disttab DELETE NODE (datanode3);ALTER TABLEpostgres= ALTER TABLE repltab DELETE NODE (datanode3);ALTER TABLE 删除数据节点 Postgresql-XL并没有检查将被删除的datanode节点是否有replicated/distributed表的数据,为了数据安全,在删除之前需要检查下被删除节点上的数据,有数据的话,要回收掉分配到其他节点,然后才能安全删除。删除数据节点分为四步骤: 1.查询要删除节点dn3的oid postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id -------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11819 | coord1 | C | 5432 | datanode1 | f | f | 188569664316384 | coord2 | C | 5432 | datanode2 | f | f | -119710263316385 | node1 | D | 5433 | datanode1 | f | t | 114854923016386 | node2 | D | 5433 | datanode2 | f | f | -92791069016397 | dn3 | D | 5430 | datanode1 | f | f | -700122826(5 rows) 2.查询dn3对应的oid中是否有数据 testdb= SELECT FROM pgxc_class WHERE nodeoids::integer[] @> ARRAY[16397];pcrelid | pclocatortype | pcattnum | pchashalgorithm | pchashbuckets | nodeoids ---------+---------------+----------+-----------------+---------------+-------------------16388 | H | 1 | 1 | 4096 | 16397 16385 1638616394 | R | 0 | 0 | 0 | 16397 16385 16386(2 rows) 3.有数据的先回收数据 postgres= ALTER TABLE disttab DELETE NODE (dn3);ALTER TABLEpostgres= ALTER TABLE repltab DELETE NODE (dn3);ALTER TABLEpostgres= SELECT FROM pgxc_class WHERE nodeoids::integer[] @> ARRAY[16397];pcrelid | pclocatortype | pcattnum | pchashalgorithm | pchashbuckets | nodeoids ---------+---------------+----------+-----------------+---------------+----------(0 rows) 4.安全删除dn3 PGXC$ remove datanode master dn3 clean 故障节点FAILOVER 1.查看当前集群状态 [postgres@gtm ~]$ psql -h xl1 -p 5432psql (PGXL 10r1.1, based on PG 10.6 (Postgres-XL 10r1.1))Type "help" for help.postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id-------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11739 | coord1 | C | 5432 | xl1 | f | f | 188569664316384 | coord2 | C | 5432 | xl2 | f | f | -119710263316387 | datanode2 | D | 15432 | xl2 | f | f | -90583192516388 | datanode1 | D | 15432 | xl1 | t | t | 888802358(4 rows) 2.模拟datanode1节点故障 直接关闭即可 PGXC stop -m immediate datanode master datanode1Stopping datanode master datanode1.Done. 3.测试查询 只要查询涉及到datanode1上的数据,那么该查询就会报错 postgres= SELECT xc_node_id, count() FROM disttab GROUP BY xc_node_id;WARNING: failed to receive file descriptors for connectionsERROR: Failed to get pooled connectionsHINT: This may happen because one or more nodes are currently unreachable, either because of node or network failure.Its also possible that the target node may have hit the connection limit or the pooler is configured with low connections.Please check if all nodes are running fine and also review max_connections and max_pool_size configuration parameterspostgres= SELECT xc_node_id, FROM disttab WHERE col1 = 3;xc_node_id | col1 | col2 | col3------------+------+------+-------905831925 | 3 | 103 | foo(1 row) 测试发现,查询范围如果涉及到故障的node1节点,会报错,而查询的数据范围不在node1上的话,仍然可以查询。 4.手动切换 要想切换,必须要提前配置slave节点。 PGXC$ failover datanode node1 切换完成后,查询集群 postgres= SELECT oid, FROM pgxc_node;oid | node_name | node_type | node_port | node_host | nodeis_primary | nodeis_preferred | node_id -------+-----------+-----------+-----------+-----------+----------------+------------------+-------------11819 | coord1 | C | 5432 | datanode1 | f | f | 188569664316384 | coord2 | C | 5432 | datanode2 | f | f | -119710263316386 | node2 | D | 15432 | datanode2 | f | f | -92791069016385 | node1 | D | 15433 | datanode2 | f | t | 1148549230(4 rows) 发现datanode1节点的ip和端口都已经替换为配置的slave了。 本篇文章为转载内容。原文链接:https://blog.csdn.net/qianglei6077/article/details/94379331。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-01-30 11:09:03
94
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
last
- 显示系统最近登录过的用户信息。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
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
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"