最も必要なときに OrgChart に会いましょう

快適な組織図をエレガントな方法で表示する、OrgChart の使用方法について話しましょう。

はじめに

複数レベルのユーザー リレーションシップ レイヤーを記述する必要がないため、表示の問題が発生します。このような場合に OrgChart が役に立ちます。

使用中に小さな問題があったので、Kaka がその問題を利用してこのプラグインの使い方を紹介します。

最終的な効果は次のとおりです

もちろん、Kaka が達成する必要がある最終的な効果は決してこのようなものではなく、これはこのプラグインが達成できる効果にすぎません。 。この写真を見れば、それがあなたのプロジェクトに適しているかどうかがわかります。

1. OrgChart にアクセスします

ダウンロード アドレスは Kaka から提供できないため、広告が表示されます。それについては、コメント領域を参照してください。

これがダウンロードしたファイルです。フォルダー内の css、js、font を除く他のフォルダーは、異なる種類の組織図です。

ここで、Kaka は最初の ajax-datasource を使用します。

必要なファイルをリソース ディレクトリに配置します。

ajax では、- の下にindex.htmlがあります。 datasource フォルダーに追加されている場合があります。現時点では、このコードをプロジェクト内で表示する必要があるページにコピーする必要があります。これは単に css と js の読み込みパスを設定するだけです。 ＃＃＃＃＃＃わかりました！それだけです、とても簡単です！とてもシンプルです。

効果を見てみましょう!

現時点で、このデータの出所に疑問がある場合は、一緒に探してみましょう。

データはもともとここにあるので、この JS コードを表示する必要がある場所にコピーする必要があります。しかし、データは決して固定されておらず、バックグラウンドから送信されます。そうですね、そうです。

今回は心配しないで、名前とタイトルを含むデータ構造を見てみましょう。

では、これらの値を変更したとしても、正常に表示されるでしょうか?

予想どおり、とてもクールです。なぜこのキーの値を変更する必要があるのでしょうか?データベースのフィールドがこれと完全に一致するわけがないからです。

現時点では、ドキュメントを読む必要があります。解決策はここに直接記載されています。

追加する必要があるのは 1 行のコードだけですが、残りのパラメータはドキュメントで確認する必要があります。

好了，這時候一切工作準備就緒，只需要從後台傳入資料就ok了，終於就剩最後一步了。

咔咔把資料保存到了input中，然後取得出來，終於完成了。

來吧！展示！納尼！怎麼是這個樣子，有一個值怎麼是空的。

這時候二話沒說，打開後台印一下資料看看什麼狀況。數據一切安好。

在這裡插入圖片描述

二、分析問題

針對上面出現的問題，不得不在回到演示案例。

其實在這個資料結構中，可以清楚的看明白，那就是鍵值都是引號的。

不信的話來測試一下，自訂一份數據，然後檢測一下。

經過驗證這樣的資料是可以的，那麼在來試一下業務中的真實資料。

經過一番驗證，相信夥伴們都已經了解這個問題了

#三、解決問題

先看一下資料庫給的資料型別為int，這裡為什麼要用int就不提了哈！項目需要，嗯吶！不多做解釋了此時就需要進行類型的轉換了，打開TP框架的文檔，瞅一眼

經過查詢，目前TP框架只支援這幾種類型的轉換。

既然這條路通不了，那麼就尋找其它的路，條條大路通Bug對吧！

在MySQL中有兩個函數可以處理型別轉換， CAST、 CONVERT這兩個函數都可以。

但咔咔今天跟大家說一種新的方式，這種方式大家都見過，那就是PHP中函數rtrim。

你是不是會說，不是吧！這都可以，rtirm都知道是處理右側空白字串或預定義字元的

但是來看一下技術細節，返回的是修改的字串，真好！

整起，修改查詢方式。

來吧！看一下效果，這就很是nice

#

四、總結

• 學習並使用OrgChart
• 來了解TP框架的型別轉換
• 學習並使用MySQL的型別轉換
• #對rtirm函數學習

堅持學習、堅持寫博、堅持分享是咔咔從業以來一直所秉持的信念。希望在偌大互聯網中咔咔的文章能帶給你一絲絲幫助。我是喀喀，下期見。

以上が最も必要なときに OrgChart に会いましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。