您现在的位置是:首页 > cms教程 > pbootcms教程pbootcms教程
将pbootcms后台模型颜色的多选改成色块输出的方法
之瑶2024-08-29 19:44:29pbootcms教程已有42人查阅
导读用户有个需求,后台产品的模型有一个颜色多选,但是是文字,所以想输出色卡,后端和前端体现颜色。由于pb原本后台不带有这个功能,所以需要小小的二开。
用户有个需求,后台产品的模型有一个颜色多选,但是是文字,所以想输出色卡,后端和前端体现颜色。
由于pb原本后台不带有这个功能,所以需要小小的二开。
以下为操作步骤:
第一步,依次打开目录/APPs/admin/view/default/layui/layui.all.js
第二步打开layui.all.js文件
第三步,搜索下面代码找到
<span>"+n.tITle+"</span>
第四步:修改为下面的代码,然后保存 第五步:去网站后台,全局配置,模型字段,颜色,修改,输入你要的色卡值,保存。
第六步:清理浏览器缓存,刷新页面查看效果,出现下图代表成功了一半。
第七步、前台输出(由于后台用了色卡代码,所以前端需要写颜色筛选样式),以官方默认的代码为例,原始效果如下。
修改代码如下:其实就是加了一个样式,录入了后台数值 也不算大型的二开,只是利用了JS调用数据库值然后输出的笨方法。原本色卡值的#字符是没有放在JS里的,是后台数值输出了# 例如#000,但是浏览器无法识别#所以转义了一串特殊字符,经过优化后,干脆#字符输出在了JS里,和前端HTML样式里,这样不管网址还是筛选值,都比较直观一点。
由于pb原本后台不带有这个功能,所以需要小小的二开。
以下为操作步骤:
第一步,依次打开目录/APPs/admin/view/default/layui/layui.all.js
第二步打开layui.all.js文件
第三步,搜索下面代码找到
<span>"+n.tITle+"</span>
第四步:修改为下面的代码,然后保存 第五步:去网站后台,全局配置,模型字段,颜色,修改,输入你要的色卡值,保存。
第六步:清理浏览器缓存,刷新页面查看效果,出现下图代表成功了一半。
第七步、前台输出(由于后台用了色卡代码,所以前端需要写颜色筛选样式),以官方默认的代码为例,原始效果如下。
修改代码如下:其实就是加了一个样式,录入了后台数值 也不算大型的二开,只是利用了JS调用数据库值然后输出的笨方法。原本色卡值的#字符是没有放在JS里的,是后台数值输出了# 例如#000,但是浏览器无法识别#所以转义了一串特殊字符,经过优化后,干脆#字符输出在了JS里,和前端HTML样式里,这样不管网址还是筛选值,都比较直观一点。
本文标签:
很赞哦! (0)
暂无内容 |
暂无内容 |
相关文章
- PbootCMS后台登录页面样式修改方法
- PbootCMS后台自动清理缓存runtime文件夹的方法
- PbootCMS后台上传的缩略图变模糊怎么办
- 修改PbootCMS后台登录账号和密码的方法
- PbootCMS后台修改文章列表每页显示的较大数量的方法
- PbootCMS后台登录验证码不显示看不清楚怎么办
- PbootCMS忘记登录密码,PbootCMS后台登录密码怎么修改
- PbootCMS后台编辑器UEditor上传功能常见的问题解决方法
- pbootcms后台地址账号和密码是什么
- PbootCMS后台登录验证码看不清的原因及解决方法
- pbootcms后台百度普通收录推送发生错误site error
- pbootcms后台正常前台打不开的解决方法
暂无内容 |
暂无内容 |
随机图文
pbootcms执行代码漏洞(目前未知是否修复)
第一处if判断,我们可以在函数名和括号之间插入控制字符,如\x01,第二处判断:可利用PHP无参数RCE绕过当然这里还有白名单关键字的判断:pbootcms域名授权码获得方法,pbootcms域名授权码怎么获得
一、获取授权码登录 PbootCMS 官网:访问 PbootCMS 官方网站:https:// .pbootcms.com进入授权页面:在官网首页导航栏中找到“授权”或“免费授权”选项,点击进入授权页面。授pbootcms认识并理解模型概念
前言PbootCMS是一套高效、简洁的CMS系统,能够方便地进行模板开发。写这系列教程的时候,有过很多想法,最多思考的却是应该从哪里开始。对于老手来说pbootcms网站URL怎么利于SEO优化
首先我们要先明确搜索引擎喜欢哪种URL的类型规则,然后再去设置,众所周知搜索引擎首先静态化或伪静态的URL,URL里不建议有太多的特殊符号,比如?%……@,这样会影响SEO。
留言与评论 (共有 0 条评论) |