搜索
首页php框架ThinkPHP最需要的时候遇见你OrgChart

聊聊OrgChart 使用,优雅的方式为你展现舒服的组织架构图,

前言

闲来无事写一个多级用户关系层,于是就存在展示的问题。这时OrgChart就派上了用场。

在用的过程中,有一耐耐的小问题,咔咔就借着问题点,给大家介绍这款插件的使用。

最终效果如下

在这里插入图片描述当然咔咔最终需要实现的效果肯定不是这个样子了,这个只是这个插件可以实现出来的效果。看了这个图你就知道适不适合自己的项目了。

一、接入OrgChart

下载地址咔咔提供不了,会提示广告的,如果找不到评论区见。

这是下载后的文件,文件夹中除了css、js、font其它的文件夹都是不同类型的组织架构图。

在这里插入图片描述这里咔咔使用的是第一种ajax-datasource

将需需要的文件放到资源目录下即可

在这里插入图片描述在ajax-datasource文件夹下有个index.html,里边附带的有案例在这里插入图片描述这个时候我们就需要将这份代码复制到项目中需要展示的页面中,也就是简单的配置css、js的加载路径而已。

嗯呐!就这样,很是简单吧!着实很简单。在这里插入图片描述来看看效果呗!在这里插入图片描述这时有没有疑问,这些数据是哪里来的,那就一起找找呗!

数据原来在这里,那咱们就需要把这段js代码复制到自己需要展示的地方了。但是数据肯定不是固定的,是后台传过来的。嗯,对,没错

在这里插入图片描述这个时候先别着急,下看看它的数据结构,里边有name、title。

那么试想一下, 我们把这几个值修改一下,还会正常显示吗?

在这里插入图片描述在这里插入图片描述果不其然,凉透透了,为什么要修改这个键值呢!因为你的数据库字段不可能跟这个是完全符合的啊!

这个时候就需要看文档了,咔咔这里直接给出解决方法。

只需要在加一行代码即可,其余的参数还是需要大家去查看文档解决哈!

在这里插入图片描述好了,这个时候一切工作准备就绪,只需要从后台传入数据就ok了,终于就剩最后一步了。

咔咔把数据保存到了input中,然后获取出来,终于完成了。

在这里插入图片描述来吧!展示!纳尼!怎么是这个样子,有一个值怎么是空的。

在这里插入图片描述这个时候二话没说,打开后台打印一下数据看看什么情况。数据一切安好。

在这里插入图片描述
在这里插入图片描述

二、分析问题

针对上面出现的问题,不得不在回到演示案例中。

其实在这个数据结构中,可以清楚的看明白,那就是键值都是带引号的。

在这里插入图片描述不信的话来测试一下,自定义一份数据,然后检测一下。

在这里插入图片描述在这里插入图片描述经过验证这样的数据是可以的,那么在来试一下业务中的真实数据。

经过一番验证,相信伙伴们都已经了解这个问题了在这里插入图片描述在这里插入图片描述

三、解决问题

先看一下数据库给的数据类型为int,这里为什么使用int就不提了哈!项目需要,嗯呐!不多做解释了在这里插入图片描述此时就需要进行类型的转换了,打开TP框架的文档,瞅一眼

经过查询,目前TP框架只支持这几种类型的转换。

在这里插入图片描述既然这条路通不了,那么就寻找其它的路,条条大路通Bug对吧!

在MySQL中有俩个函数可以处理类型转换, CAST、 CONVERT这俩个函数都可以。

但咔咔今天给大家说一种新的方式,这种方式大家都见过,那就是PHP中函数rtrim。

你是不是会说,不是吧!这都可以,rtirm都知道是处理右侧空白字符串或者预定义字符的

但是来看一下技术细节,返回的是修改的字符串,真好!

在这里插入图片描述整起,修改查询方式。

在这里插入图片描述来吧!看一下效果,这就很是nice在这里插入图片描述

四、总结

  • 学习并使用OrgChart
  • 了解TP框架的类型转换
  • 学习并使用MySQL的类型转换
  • 对rtirm函数学习

坚持学习、坚持写博、坚持分享是咔咔从业以来一直所秉持的信念。希望在偌大互联网中咔咔的文章能带给你一丝丝帮助。我是咔咔,下期见。

以上是最需要的时候遇见你OrgChart的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
think book 和thinkpad有何区别think book 和thinkpad有何区别Mar 06, 2025 pm 02:16 PM

本文比较了联想的思想簿和ThinkPad笔记本电脑系列。 ThinkPads优先考虑专业人士的耐用性和性能,而Thinkbooks则为日常使用提供了一种时尚,负担得起的选择。 关键区别在于构建质量,P

thinkphp如何防止sql注入教程thinkphp如何防止sql注入教程Mar 06, 2025 pm 02:10 PM

本文解释了如何防止ThinkPHP应用中的SQL注入。 它强调通过ThinkPhp的查询构建器使用参数化查询,避免直接的SQL串联并实现强大的输入验证和消毒。 广告

thinkphp漏洞如何处理 thinkphp漏洞处理方法thinkphp漏洞如何处理 thinkphp漏洞处理方法Mar 06, 2025 pm 02:08 PM

本文介绍了ThinkPHP漏洞,强调修补,预防和监视。 它详细说明了通过更新,安全补丁和代码修复处理特定漏洞的方法。 主动措施,例如安全配置,输入

thinkphp开发的软件如何安装 thinkphp如何安装教程thinkphp开发的软件如何安装 thinkphp如何安装教程Mar 06, 2025 pm 02:09 PM

本文详细介绍了ThinkPhp软件安装,涵盖了下载,提取,数据库配置和权限验证等步骤。 它解决了系统需求(PHP版本,Web服务器,数据库,扩展程序),Common installat

thinkphp漏洞怎么修 thinkphp漏洞怎么处理教程thinkphp漏洞怎么修 thinkphp漏洞怎么处理教程Mar 06, 2025 pm 02:04 PM

本教程解决了常见的thinkphp漏洞。 它强调定期更新,安全扫描仪(RIPS,Sonarqube,Snyk),手动代码审查以及识别和补救的渗透测试。 预防措施包括安全

thinkphp怎么连接数据库详细步骤thinkphp怎么连接数据库详细步骤Mar 06, 2025 pm 02:06 PM

本指南详细详细介绍了ThinkPHP中的数据库连接,重点介绍了通过Database.php进行配置。 它使用PDO并允许ORM或直接SQL相互作用。 该指南涵盖了对通用连接错误的故障排除,管理多个连接,EN

如何使用ThinkPHP来构建命令行应用程序?如何使用ThinkPHP来构建命令行应用程序?Mar 12, 2025 pm 05:48 PM

本文展示了使用ThinkPHP的CLI功能来构建命令行应用程序(CLI)。 它强调了最佳实践,例如模块化设计,依赖注入和强大的错误处理,同时突出了诸如INSU之类的常见陷阱

thinkphp怎么样 thinkphp怎么使用教程thinkphp怎么样 thinkphp怎么使用教程Mar 06, 2025 pm 02:11 PM

本文介绍了一个免费的开源PHP框架ThinkPHP。 它详细介绍了ThinkPHP的MVC架构,功能(路由,数据库互动),优点(快速开发,易用性)和缺点(潜在的过度工程,社区

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能