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开发者账户
- 多主题开发
- 新建主题
- 目录结构
- 模板变量
- 定制安装部署