单张图片设置组件

名扬银河数字官网系统的前台页面信息的单张图片设置组件文档：

一、组件名称：单张图片设置组件。

二、组件作用：将前台页面上呈现的某一个小图标或图片的信息，作为管理后台的一个设置编辑项，方便管理员维护更新。

三、组件写法：[pic #id @name {备注说明}]

• 1、[pic - 开头部分。

• 2、#id - 表示唯一名称码部分，用于定义该文本项在页面中的唯一性，id后名称只能使用英文字母、数字、下划线、短横线。比如：#product_new_bg。

• 3、@name - 表示唯一中文名称部分，用于定义该文本项在当前页面中的唯一中文名称，应尽量简洁化，须8个字以内。以@号开头，@后名称只能使用中文、字母、数字、下划线、短横线。比如：@产品创新背景。

• 4、{备注说明} - 表示该文本项的备注说明：以{开头，以}结尾，在其间为备注说明内容，备注内容只能使用中文、字母、数字、下划线、短横线、中文特殊符号。比如：首页某个位置上需展现背景图效果的备注写法，{请设置产品创新模块的背景图片，图片尺寸需宽500px*高230px}。

• 5、扩展属性refpage - 表示直接引用使用前台其他页面中所配置的相同#id的单行文本设置组件的数据内容，refpage=原定义此组件的页面文件名称，refpage=index。使用此引用方式可共享前台的某些页面上模块的数据内容。网站管理后台只有原定义页面可编辑数据，其他引用页面不再进行编辑设置项管理，只需一处编辑数据，多处使用。主要用于前台页面之间存在相同数据内容模块的编辑和调用处理问题。

• 6、] - 表示结尾。

• 7、完整示例：[pic #product_new_bg @产品创新背景 {请设置产品创新服务创新模块的背景图片，图片尺寸需宽500px*高230px}]

• 8、输出结果形式：用户在管理后台设置的图片的url地址。

四、组件用法：

1、请将完整的单张图片设置组件，放置于前台具体某个页面代码中的<img>标签的src属性值进行使用，比如：<img src="[pic #server_img @服务宣传图 {请设置服务宣传图片，图片尺寸需宽200px*高200px}]" />。

2、还可以直接将单张图片设置组件作为页面代码中的css样式信息使用，比如：style="background: #fff6ec url([pic #product_new_bg @产品创新背景 {请设置产品创新模块的背景图片，图片尺寸需宽500px*高230px}]) 95% center no-repeat;padding: 40px 80px;"。

五、使用范围：只能在所在的页面中有效，在前台本页面中呈现，在系统后台此页面信息设置中设置图片信息。

六、网站系统后台在哪里对各页面信息设置项进行内容编辑呢？具体操作请详见后台文档中的【前台页面信息设置功能文档】。