聊聊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中文网其他相关文章!

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

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

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

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

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

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

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

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


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

记事本++7.3.1
好用且免费的代码编辑器

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

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

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能