单视频发布组件
名扬银河数字官网系统的后台单视频发布组件文档:
一、组件名称:单视频发布组件。
二、组件作用:可快速在信息发布页面中构建上传一个视频所需的功能模块。同时对接了表单提交处理流程。
三、使用范围:仅在所在的页面中有效,在同一页面中可放置多个此组件,请结合实际需要安排。
四、组件写法:[sys.vdo #id @name {备注说明} must=1 ]$bind.data数据查询组件的外部调用名.字段名$[/sys.vdo]。
1、[sys.vdo - 开头部分。
2、#id - 表示唯一名称码部分,用于定义该项在页面中的唯一性,id后名称只能使用英文字母、数字、下划线、短横线。比如:#anli_video_url。
3、@name - 表示唯一中文名称部分,用于定义该项在当前页面中的唯一中文名称,应尽量简洁化,须8个字以内。以@号开头,@后名称只能使用中文、字母、数字、下划线、短横线。比如:@案例视频。
4、{备注说明} - 表示该项的备注说明:以{开头,以}结尾,在其间为备注说明内容,备注内容只能使用中文、字母、数字、下划线、短横线、中文特殊符号。比如:{请设置一个案例视频信息,文件大小不超过10MB}。如果不需要备注说明,请去掉{...}
5、must=1 - 表示此项为必选项,如果不是必选项,请去掉must=1
6、前段闭合符:]。
7、$bind.data数据查询组件的外部调用名.字段名$:用于修改数据记录时初始化绑定旧值使用。比如:修改成功案例时,绑定初始化值为所改那一条案例运用数据查询组件[data....]...[/data]的外部调用名anliinfo,获得的案例视频信息使用$bind.anliinfo.al_video_url$。
8、结尾:[/sys.vdo]
五、单视频发布组件应用实例:
1、对实例中修改案例信息时,单视频发布组件初始化绑定旧案例的“案例视频”的实例。
2、在管理后台案例发布页的页面代码中, 使用[req=eid=int]先定义一个用于获取当前需要修改的那一条案例的编号;
3、页面代码中判断如果获取到的eid参数值大于0,则表示当前是需要准备修改案例信息,初始化加载案例编号eid值所对应的一条案例的数据内容。使用[data...]...[/data]数据查询组件。[data...]查询组件外部的数据调用名称为anliinfo。
[if={$req.eid$}d{0}=int]
[data=anli_list]
[0]
[out=anliinfo]
[num=1]
[get]
[col=al_title][col=al_flag][col=al_con][col=al_des][col=al_faceurl][col=al_icp_pic][col=al_video_url]
[/get]
[where]
[col=al_id][way]=[/way][val]$req.eid$[/val][/col]
[col=al_isdel][way]=[/way][val]0[/val][/col]
[/where]
[/0]
[/data]
[/if]
4、在管理后台的后台页面代码的案例发布页的页面代码中放置:[sys.vdo #anli_video_url @案例视频 {请设置一个案例视频信息,文件大小不超过10MB} must=1]$bind.anliinfo.al_video_url$[/sys.vdo]。
5、案例视频 - 单视频发布组件:#anli_video_url:定义此表单参数项的id为anli_video_url;@案例视频:定义此表单项的名称为案例视频;{请设置一个案例视频信息,文件大小不超过10MB} :定义表单项的提示信息为“请设置一个案例视频信息,文件大小不超过10MB ”;must=1:表示此表单项是必选项;$bind.anliinfo.al_video_url$:表示初始化数据内容绑定使用[data...]...[/data]数据查询组件的外部调用名称anliinfo,获取字段al_video_url的值。
6、将查询到的案例数据,初始化绑定到表示案例的案例视频信息的单视频发布组件中,绑定发布型组件的值,请使用$bind.数据外部调用名.字段名$方式:$bind.anliinfo.al_video_url$。
7、实例的输出结果形式:包含有完整左侧名称显示、右侧案例视频信息处理的表单项模块。其页面中呈现的css样式都定义在通用的/res/c/m.css中。管理后台案例发布页,加载初始化需要修改的案例信息时,案例视频的结果,上传视频成功后可获得视频的url地址,前台页面中需自主结合视频播放html标签与视频url地址实现加载视频效果。