现在位置: 首页 / 工作日记 / 正文

御宅男YZNCMS开发自定义按钮，实现前端调用

今天辉哥给大家分享一个较冷门的YZNCMS，的自定义按钮“做活”，实现后端发布前端调用的过程。

由于比较冷门，所以网上基本没有什么教程，今天就记录一下开发过程！

因为YZNcms是不带自定义按钮这个字段的，我们的做法是自定义字段为输入框，然后通过前端过滤“||”间隔的方式来实现前端将一个字段两个参数进行分离后再匹配到对应额HTML标签内，来实现自定义按钮。

后端增加字段：

上图按钮内输入格式为：https://按钮网址 || 按钮名称

前端代码调用

HTML
<ul class="amz-hidden item" data-columns="13" id="normal-top" data-style="10" data-sdk-position="新站点" style="position: relative;">
							    {yzn module="cms" action="lists" catid="33" cache="3600" order="listorder ASC" num="50" page="$page" return="data"}
                                {volist name="data" id="vo"}
								<li data-hidden="false" class="amz-item" data-style="10" data-sdk-index="{$i-1}" data-sdk-partner-id="0" data-sdk-pinned="0" style=""><!----><a class="amz-item-10" href="{$vo.zhida_url}" target="_blank" data-sdk-report="1" rel="nofollow"
										data-sdk-resource-id="{$vo.title}" style="position: relative;" data-sdk-marked="1">
								    <img class="amz-item-logo" src="{$vo.thumb}"
											data-raw-src="{$vo.thumb}"><span class="amz-intro-hidden" style="color: rgb(68, 68, 68);">{$vo.title}</span>
										{if condition="$vo.zdy_anniu1"}
											{php}
                                                list($anniu_url_1, $anniu_title_1) = explode('||', $vo['zdy_anniu1']);
                                                list($anniu_url_2, $anniu_title_2) = explode('||', $vo['zdy_anniu2']);
                                            {/php}
										<div class="amz-hover-show"><object><a data-sdk-position="{$vo.title}" data-sdk-index="0" href="{$anniu_url_1}" target="_blank" class="amz-hover-show-blue" data-sdk-report="1" style="" data-sdk-marked="1">{$anniu_title_1}</a></object>
											<div class="amz-hover-show-line"></div><object><a data-sdk-position="{$vo.title}" href="{$anniu_url_2}" target="_blank" class="amz-hover-show-blue hover-show-pd" data-sdk-report="1" data-sdk-index="0" data-sdk-marked="1">{$anniu_title_2}</a></object>
										</div>
										{/if}
									</a></li>
									 {/volist}
                                    {/yzn}
							</ul>

说明：

重点就是里面要嵌套一个PHP语法，然后将字段通过“ || ”来拆分，得到自己需要的变量 $anniu_url_1 与 $anniu_url_2 ，当然了，这里的变量名可以根据自己的喜欢去命名。

PHP
{php}
                                                list($anniu_url_1, $anniu_title_1) = explode('||', $vo['zdy_anniu1']);
                                                list($anniu_url_2, $anniu_title_2) = explode('||', $vo['zdy_anniu2']);
                                            {/php}

二次开发者：李辉

更多关于YZNCMS二开教程交流欢迎留言