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

49 次浏览次阅读
没有评论

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

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

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

后端增加字段:

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

上图按钮内输入格式为: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二开教程交流欢迎留言

正文完
 0
评论(没有评论)

真人堂

一言一句话
-「
最新文章
Qwen3-32B通过Clawdbot直连Web网关时如何支持WebSocket心跳保活?

Qwen3-32B通过Clawdbot直连Web网关时如何支持WebSocket心跳保活?

Qwen3-32B通过Clawdbot直连Web网关时如何支持WebSocket心跳保活? 你有没有遇到过这样...
Qwen3-32B部署教程里Clawdbot网关支持模型版本灰度发布与AB测试的操作流程是什么?

Qwen3-32B部署教程里Clawdbot网关支持模型版本灰度发布与AB测试的操作流程是什么?

Qwen3-32B部署教程:Clawdbot网关支持模型版本灰度发布与AB测试的操作流程 Qwen3-32B作...
ClawdBot政务应用中公文格式保持、政策术语库与多级审校流程集成该如何实现?

ClawdBot政务应用中公文格式保持、政策术语库与多级审校流程集成该如何实现?

ClawdBot政务应用中公文格式保持、政策术语库与多级审校流程集成该如何实现? 在政务办公数字化转型的浪潮中...
Clawdbot+Qwen3-32B惊艳效果里支持工具调用Tool Calling的真实API集成案例如何落地?

Clawdbot+Qwen3-32B惊艳效果里支持工具调用Tool Calling的真实API集成案例如何落地?

Clawdbot+Qwen3-32B惊艳效果里支持工具调用Tool Calling的真实API集成案例如何落地...
ClawdBot测试用例编写pytest脚本自动化验证多语言翻译正确性的方法有哪些?

ClawdBot测试用例编写pytest脚本自动化验证多语言翻译正确性的方法有哪些?

ClawdBot测试用例编写pytest脚本自动化验证多语言翻译正确性的方法有哪些? 在ClawdBot与Mo...
Clawdbot+Qwen3-32B实战案例如何构建自主可控的Web大模型对话系统?

Clawdbot+Qwen3-32B实战案例如何构建自主可控的Web大模型对话系统?

Clawdbot+Qwen3-32B实战案例:如何构建自主可控的Web大模型对话系统? 在AI落地越来越快的今...
Clawdbot生产环境部署中Qwen3:32B代理网关的Token安全策略与访问审计配置有哪些要点?

Clawdbot生产环境部署中Qwen3:32B代理网关的Token安全策略与访问审计配置有哪些要点?

Clawdbot生产环境部署中Qwen3:32B代理网关的Token安全策略与访问审计配置有哪些要点? 在Cl...
Qwen3-32B开源大模型部署时Clawdbot支持OpenTelemetry分布式追踪配置该如何开启?

Qwen3-32B开源大模型部署时Clawdbot支持OpenTelemetry分布式追踪配置该如何开启?

Qwen3-32B开源大模型部署时Clawdbot支持OpenTelemetry分布式追踪配置该如何开启? Q...
ClawdBot监控集成使用Prometheus+Grafana监控vLLM GPU利用率与QPS的效果如何?

ClawdBot监控集成使用Prometheus+Grafana监控vLLM GPU利用率与QPS的效果如何?

ClawdBot监控集成:Prometheus+Grafana监控vLLM GPU利用率与QPS的效果如何? ...
Clawdbot+Qwen3:32B多场景落地在教育问答、技术文档助手、内部客服中的应用如何?

Clawdbot+Qwen3:32B多场景落地在教育问答、技术文档助手、内部客服中的应用如何?

Clawdbot+Qwen3:32B多场景落地在教育问答、技术文档助手、内部客服中的应用如何? 在AI落地越来...
Clawdbot+Qwen3:32B部署教程中Web网关SSL双向认证安全加固的配置方法是什么?

Clawdbot+Qwen3:32B部署教程中Web网关SSL双向认证安全加固的配置方法是什么?

Clawdbot+Qwen3:32B部署教程:Web网关SSL双向认证安全加固配置方法详解 在本地部署Claw...