181 180 2 1 1 圖片顯示 "# 圖片顯示
零云用一張表(admin_upload)表來存儲所有用戶上傳的文件包括圖片、文件等。而對應的文章表里的比如文章封面字段存儲的是圖片對應上傳表里的ID。這樣最重網頁顯示圖片時需要通過一個函數去獲取這個圖片的真實URL。通過get_cover方法傳入文件ID就可以得到文件路徑
## 后端示例
$real_img_url = get_cover($img_id);
## 前端示例
前端首先要判斷后端是否直接幫你處理過了,如果已經處理過了才給你數據,那你直接調用接口,比如
<img src=""{$article_info.cover_url}"">
如果后端還沒有處理就給你了,那么你可以這樣使用,同時盡量提醒后端處理好了再給你,因為考慮到零云會作為APP、小程序等后端使用,在APP、小程序等環境下是無法調用get_cover的。
<img src=""{$article_info.cover|get_cover}"">
## 靜態圖片
開發前端頁面是有時候我們有一些設計師給我們的圖片是屬于頁面的組成部分,這些不是用戶上傳的用戶圖片,而是網頁頁面的一部分。這些圖片我們該放在哪里呢?首先我們分析圖片是給哪個頁面用的,如果是給網頁頭部、尾部這種全局通用的地方使用的那么請將圖片放在
零云<=1.6.3 /Application/Home/View/Public/img
零云>=1.7.0 /Application/Home/View/Pc/Public/img
如果當前項目是用了零云多主題模式(模板全部寫在/Theme目錄下表示多主題否則看上面的)寫的那么路徑變成了下面這樣
零云<=1.6.3 /Theme/主題名/Home/Public/img
零云>=1.7.0 /Theme/主題名//Home/Pc/Public/img
**圖片放好之后調用方法,假設test.png是放在img目錄下的一張圖**
<img src=""__HOME_IMG_/test.png"">
如果設計師給你的還有一些圖片是當前業務模塊比如商城模塊使用的,那么圖片必須放在商城模塊里比如
零云<=1.6.3 /Application/Shop/View/Public/img
零云>=1.7.0 /Application/Shop/View/Pc/Public/img
多主題模式規范跟上面一樣。
**圖片放好之后調用方法,假設ly.png是放在img目錄下的一張圖**
<img src=""__IMG_/ly.png"">
- 簡介
- 環境要求
- 安裝系統
- 目錄結構
- 常見問題
- 基礎知識
- 編輯器
- 前端規范
- 前端框架文檔
- Builder教程
- Builder的來歷
- ListBuilder使用
- setMetaTitle
- addTopButton
- setSearch
- addSearchItem
- setTabNav
- addTableColumn
- setTableDataList
- setTableDataListKey
- setTableDataPage
- addRightButton
- alterTableData
- setExtraHtml
- setTemplate
- FormBuilder使用
- setMetaTitle
- setTabNav
- setExtraItems
- setPostUrl
- addFormItem
- setFormData
- setExtraHtml
- setAjaxSubmit
- setTemplate
- 擴展FormBuilder
- 模塊開發
- 創建模塊
- 描述文件
- 模型( M )
- 模版( V )
- 控制器( C )
- API接口
- 核心模塊
- 文件上傳
- 微信小程序模塊
- 注冊登陸接口
- 錢包模塊
- 統一支付
- Cms模塊
- 幻燈片接口
- 文檔列表接口
- 文檔詳情接口
- 發表評論接口
- 評論列表接口
- 收藏的文檔接口
- 收藏接口
- 分類列表接口
- IM模塊
- 發送消息接口
- 最近聊天列表接口
- 查詢新消息接口
- 插件相關
- 短信插件
- 支付插件
- 支付寶支付
- 微信支付
- 站群模塊
- 模板開發
- 準備工作
- 目錄結構
- 數據調用
- 專題
- 插件開發
- 圖片顯示
- 獲取用戶信息
- 判斷用戶登陸
- 表單提交AjaX
- 文件上傳
- 2.0兼容寫法
- 模板標簽
- 核心模塊
- Cms模塊
- 欄目分類調用
- Cordova
- 配置跨域支持
- 本地開發調試教程
- 打包成apk和ipa
- 自定義APP信息
- 常見問題
- 申請Apple開發者賬戶
- 多主題開發
- 新建主題
- 目錄結構
- 模板變量
- 定制安裝部署