thinkphp3.2.3 画像アドレスの結合フィールドをフロントデスクに出力するにはどうすればよいですか?写真を表示する方法は次のとおりです
この投稿の最終編集者は u011789405 2015-01-22 11:21:03 これにより、記事リストに記事の写真が表示されるようになります。 TP自体は出力できますが、フィールドpictureurlはどうなるでしょうか? フロントエンドはそれを受け取って直接出力できますか? 以下はフロントエンドのコードです
<br /> <volist name="catecontent" id="content"><br /> <ul class="cate-list"><br /><br /> <li><h2><a href="">{$content.pictitle}</a></h2></li><br /> <li class="description">描述：{$content.picdescription}</li><br /> <li class="picture">{$content.pictureurl }这里是图片地址字段</li><br /> <li><br /> <span class="tag">标签：<a href="" target="_blank">{$content.pictag}</a></span><br /> <span class="author">上传者：{$content.picauthor}</span><br /> </li><br /><br /> </ul><br /> </volist><br />ログイン後にコピー
以下は結果です。私が望むのは画像のテーマです。同じトークンのクエリが php で実行され、この結果が得られます。これは正しい考えですか?この時点で画像を表示したい場合、画像アドレスを直接クエリして配列を形成するにはどうすればよいでしょうか?
このフィールドを 2 次元配列として保存する方がよいでしょうか? volist を直接ループしてイメージ アドレスを走査します
<br />array(2) {<br /> [0] => array(14) {<br /> ["picid"] => string(2) "10"<br /> ["pictitle"] => string(7) "标题2"<br /> ["pictoken"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(12) "星耀学园"<br /> ["picposttime"] => string(19) "2014-11-26 11:59:50"<br /> ["pictag"] => string(22) "标题2自定义标签"<br /> ["picdescription"] => string(13) "标题2描述"<br /> ["picalbum"] => string(19) "标题2所属相册"<br /> ["pictureid"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["pictureurl"] => string(223) "attachment/picture/uploadify/20141126/547550273b753.jpg,attachment/picture/uploadify/20141126/547550278b7db.jpg,attachment/picture/uploadify/20141126/54755027ab89b.jpg,attachment/picture/uploadify/20141126/54755027d8488.jpg"<br /> ["creattime"] => string(19) "2014-11-26 11:59:35"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [1] => array(14) {<br /> ["picid"] => string(2) "15"<br /> ["pictitle"] => string(30) "测试更新附件状态字段"<br /> ["pictoken"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(3) "xxx"<br /> ["picposttime"] => string(19) "2014-12-24 13:40:42"<br /> ["pictag"] => string(30) "测试更新附件状态字段"<br /> ["picdescription"] => string(30) "测试更新附件状态字段"<br /> ["picalbum"] => string(30) "测试更新附件状态字段"<br /> ["pictureid"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["pictureurl"] => string(223) "attachment/picture/uploadify/20141224/549a51d4a089b.jpg,attachment/picture/uploadify/20141224/549a51d4e6b22.jpg,attachment/picture/uploadify/20141224/549a51d51a0ac.jpg,attachment/picture/uploadify/20141224/549a51d543a33.jpg"<br /> ["creattime"] => string(19) "2014-12-24 13:40:36"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br />}<br />ログイン後にコピー
以下はオリジナルですデータはまだクエリされていません。同じ picid に基づいて配列をマージし、フィールド PictureURL を使用して 2 次元配列を形成したいと考えています。
このようにして、前面に volist のレイヤーを置くことは可能ですか。 -end volist? tp に詳しい場合は助けてください
<br />array(8) {<br /> [0] => array(14) {<br /> ["picid"] => string(2) "10"<br /> ["pictitle"] => string(7) "标题2"<br /> ["pictoken"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(12) "星耀学园"<br /> ["picposttime"] => string(19) "2014-11-26 11:59:50"<br /> ["pictag"] => string(22) "标题2自定义标签"<br /> ["picdescription"] => string(13) "标题2描述"<br /> ["picalbum"] => string(19) "标题2所属相册"<br /> ["pictureid"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141126/547550273b753.jpg"<br /> ["creattime"] => string(19) "2014-11-26 11:59:35"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [1] => array(14) {<br /> ["picid"] => string(2) "10"<br /> ["pictitle"] => string(7) "标题2"<br /> ["pictoken"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(12) "星耀学园"<br /> ["picposttime"] => string(19) "2014-11-26 11:59:50"<br /> ["pictag"] => string(22) "标题2自定义标签"<br /> ["picdescription"] => string(13) "标题2描述"<br /> ["picalbum"] => string(19) "标题2所属相册"<br /> ["pictureid"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141126/547550278b7db.jpg"<br /> ["creattime"] => string(19) "2014-11-26 11:59:35"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [2] => array(14) {<br /> ["picid"] => string(2) "10"<br /> ["pictitle"] => string(7) "标题2"<br /> ["pictoken"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(12) "星耀学园"<br /> ["picposttime"] => string(19) "2014-11-26 11:59:50"<br /> ["pictag"] => string(22) "标题2自定义标签"<br /> ["picdescription"] => string(13) "标题2描述"<br /> ["picalbum"] => string(19) "标题2所属相册"<br /> ["pictureid"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141126/54755027ab89b.jpg"<br /> ["creattime"] => string(19) "2014-11-26 11:59:35"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [3] => array(14) {<br /> ["picid"] => string(2) "10"<br /> ["pictitle"] => string(7) "标题2"<br /> ["pictoken"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(12) "星耀学园"<br /> ["picposttime"] => string(19) "2014-11-26 11:59:50"<br /> ["pictag"] => string(22) "标题2自定义标签"<br /> ["picdescription"] => string(13) "标题2描述"<br /> ["picalbum"] => string(19) "标题2所属相册"<br /> ["pictureid"] => string(32) "fd1215da5d37e70280b5b55d9f87acda"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141126/54755027d8488.jpg"<br /> ["creattime"] => string(19) "2014-11-26 11:59:35"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [4] => array(14) {<br /> ["picid"] => string(2) "15"<br /> ["pictitle"] => string(30) "测试更新附件状态字段"<br /> ["pictoken"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(3) "xxx"<br /> ["picposttime"] => string(19) "2014-12-24 13:40:42"<br /> ["pictag"] => string(30) "测试更新附件状态字段"<br /> ["picdescription"] => string(30) "测试更新附件状态字段"<br /> ["picalbum"] => string(30) "测试更新附件状态字段"<br /> ["pictureid"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141224/549a51d4a089b.jpg"<br /> ["creattime"] => string(19) "2014-12-24 13:40:36"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [5] => array(14) {<br /> ["picid"] => string(2) "15"<br /> ["pictitle"] => string(30) "测试更新附件状态字段"<br /> ["pictoken"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(3) "xxx"<br /> ["picposttime"] => string(19) "2014-12-24 13:40:42"<br /> ["pictag"] => string(30) "测试更新附件状态字段"<br /> ["picdescription"] => string(30) "测试更新附件状态字段"<br /> ["picalbum"] => string(30) "测试更新附件状态字段"<br /> ["pictureid"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141224/549a51d4e6b22.jpg"<br /> ["creattime"] => string(19) "2014-12-24 13:40:36"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [6] => array(14) {<br /> ["picid"] => string(2) "15"<br /> ["pictitle"] => string(30) "测试更新附件状态字段"<br /> ["pictoken"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(3) "xxx"<br /> ["picposttime"] => string(19) "2014-12-24 13:40:42"<br /> ["pictag"] => string(30) "测试更新附件状态字段"<br /> ["picdescription"] => string(30) "测试更新附件状态字段"<br /> ["picalbum"] => string(30) "测试更新附件状态字段"<br /> ["pictureid"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141224/549a51d51a0ac.jpg"<br /> ["creattime"] => string(19) "2014-12-24 13:40:37"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br /> [7] => array(14) {<br /> ["picid"] => string(2) "15"<br /> ["pictitle"] => string(30) "测试更新附件状态字段"<br /> ["pictoken"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["piccategroy"] => string(1) "9"<br /> ["picauthor"] => string(3) "xxx"<br /> ["picposttime"] => string(19) "2014-12-24 13:40:42"<br /> ["pictag"] => string(30) "测试更新附件状态字段"<br /> ["picdescription"] => string(30) "测试更新附件状态字段"<br /> ["picalbum"] => string(30) "测试更新附件状态字段"<br /> ["pictureid"] => string(32) "8083b0b4bbf1c05108006d3d952a01d5"<br /> ["pictureurl"] => string(55) "attachment/picture/uploadify/20141224/549a51d543a33.jpg"<br /> ["creattime"] => string(19) "2014-12-24 13:40:37"<br /> ["id"] => string(1) "9"<br /> ["categroyname"] => string(6) "动漫"<br /> }<br />}<br /><br />ログイン後にコピー
-- ----解決策のアイデア-- ----
問題はphpではなく、データベース構造にあります
コードレベルだけを考慮する場合は、2次元配列を作成するだけです~
--- ---ソリューションのアイデア----------------------
記事用に 1 つのテーブルと写真用に 1 つのテーブル
各記事に 1 つのレコード画像は記事 ID に基づいて記事に関連付けられます
重複したデータが多く管理が不便です
記事リストに複数の画像を表示する必要がある場合は、複数のテーブルをクエリする必要があるのは当然ですが、これでは遅すぎます。
記事テーブルにフィールドを追加し、画像アドレスの配列をシリアル化または json_encode して保存できます
-- ----解決策のアイデア----------------------
何を望んでいるのかわかりませんか?
volist のレベルは 1 つだけなので、例の配列は適切ではないでしょうか?
php から html に強制することはできません
ただし、最初に目的のスタイルで html コードを記述します。php はデータを埋めることだけを担当します
データがどのように見えるかについては、それはHTMLコードに依存します
-----解決策のアイデア----------------------
前述しましたシリアル化または json は、PHP メモリ内の配列を文字列に変換し、データベースに保存することです。これは、js
とは何の関係もありません。解決策のアイデア----- ------------------
<br />function picurl($str,$id){<br /> //if($width == ''){<br /> $width='200';<br /> //}<br /> <br /> if($str != ''){<br /> $str= explode(",", $str);<br /> $picstr='';<br /> for ($i=0; $i< count($str); $i++) {<br /> $picstr.='<a href='.U('pls/index',array('id'=>$id)).' target="_blank"><img width="'.$width.'" src='.$str[$i].'></a> ';<br /> }<br /> <br /> return $picstr;<br /> }<br />}<br />ログイン後にコピー
関数を追加し、テンプレート内の関数を呼び出す. それをグローバル関数に入れて、この関数を変更します。
-----解決策のアイデア----------------------
もともと別々だったのに、なぜ統合したいのですか?
TP のモデルは、問題を解決するために設計された Relation メソッドを提供します
volist で volist を実行し、イメージを出力するだけです
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
