您现在的位置是:首页 > cms教程 > shopxo教程shopxo教程
shopxo的DIY装修自定义组件配置说明
城南旧事2025-07-24shopxo教程已有人查阅
导读type 业务类型(如 商品goods, 文章article, 品牌brand);config 配置数据;const 静态数据(筛选,搜索的数据都放这里);key 数据const_key作为数据索引;
# 动态数据
type 业务类型(如 商品goods, 文章article, 品牌brand)
config 配置数据
const 静态数据(筛选,搜索的数据都放这里)
key 数据const_key作为数据索引
type 数据类型(空或无则直接使用data, common diy公共初始化中读取)
data 具体数据
goods_category: {
type: common
data: {}
}
# config 配置数据
# 显示设置
show_type 多个已半角逗号分割或者数组(未设置则默认全部)
null 强等判断 === null则表示不需要这个选择(默认就是 vertical 纵向)
vertical 纵向
vertical-scroll 纵向滚动
horizontal 横向
# 每屏显示数量
show_number 多个已半角逗号分割或者数组(未设置则默认全部)
null 强等判断 === null则表示不需要这个选择(默认就是1 单行全屏)
1 单行
2 两行
3 三行
4 四行
# 数据读取方式
data_type
0 指定数据
1 筛选数据
# data_type只有一个的时候,是否显示data_type数据
is_type_show 0 (0不显示,1显示,字段不设置默认为1显示)
data_list
data_auot_list
# 指定类型配置
appoint_config 指定数据结构
data_url 数据接口
show_data 显示数据结构
data_key 数据key(默认 id )
data_name 数据名称(默认 name )
data_logo 数据图片(默认 logo ,空则不显示图片)
header 头信息定义(二维数组)
field 字段名称
name 显示名称
type 数据类型(文本text, 图片images)
width 宽度(默认没有则不限制宽度,限制了则超出截断)
data_key 数据key(默认 id )
page_size 分页展示数量
filter_form 筛选条件(二维数组)
const_key 静态数据key(从const中读取)
type 类型(下拉select, input输入, checkbox多选, radio单选)
default 默认值(checkbox和select多个值使用半角逗号分割或者数组)
select 下拉
is_multiple 是否支持多选(0否,1是)
placeholder 默认占位名称
data_level 数据层级(1~3,默认 1 或者自动处理不需要这个字段定义)
input 输入框
placeholder 默认占位名称
type 文本类型(默认文本text, 数字number)
radio 单选
checkbox 多选
title 筛选名称(如 分类 默认空不展示)
form_name 表单名称(如 category_id)
data 条件数据(二维数组)
data_key 数据key(默认 id 表单和选择最终使用的数据)
data_name 数据名称(默认 name )
# 筛选类型配置
filter_config 筛选数据结构
data_url 数据接口
filter 参考 appoint_structure 下的 filter
const default_type_data = {
show_type: ['vertical', 'vertical-scroll', 'horizontal'], // 显示类型
show_number: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], // 显示数量
data_type: ['appoint', 'filter'], // 筛选类型
appoint_config: {
data_url: '',
show_data: {
data_key: 'id',
data_name: 'title',
data_logo: 'cover',
},
header: [
{
field: 'id',
name: '中文',
type: 'text',
width: '100',
}
],
page_size: 10,
filter_list: [
{
const_key: 'goods_category', // 从哪个公共字段中获取数据
type: 'select', // 表单的数据类型
default: {
select: {
is_multiple: '0', // 是否多选
placeholder: '请输入内容', // 选择框提示内容
is_level: '0', // 具体的层级
children: 'items', // 层级的子级字段名称
},
input: {
type: 'input', // 输入框类型
placeholder: '请输入内容', // 输入框提示内容
}
},
title: '多选', // 表单内容的标题
form_name: 'category_cascader_id', // 调用接口存放的字段
data: [], // 公共字段的数据
data_key: 'id', // 数据的key
data_name: 'name', // 数据的名称
}
]
},
filter_config: {
data_url: '',
filter_list: [
{
const_key: 'goods_category', // 从哪个公共字段中获取数据
type: 'select', // 表单的数据类型
default: {
select: {
is_multiple: '0', // 是否多选
placeholder: '请输入内容', // 选择框提示内容
is_level: '0', // 具体的层级
children: 'items', // 层级的子级字段名称
},
input: {
type: 'input', // 输入框类型
placeholder: '请输入内容', // 输入框提示内容
}
},
title: '多选', // 表单内容的标题
form_name: 'category_cascader_id', // 调用接口存放的字段
data: [], // 公共字段的数据
data_key: 'id', // 数据的key
data_name: 'name', // 数据的名称
}
]
}
};
本文标签:
很赞哦! ()
上一篇:shopxo动态表格列表配置方法
下一篇:shopxo商城数据库表说明文档
图文教程
宝塔面板怎么安装部署shopxo
操作系统:全新系统(支持CentOS、Ubuntu、Debian、Fedora、Deepin),确保是干净的操作系统,没有安装过其它环境带的Apache/Nginx/php/MySQL
shopxo的web/h5打包上传教程
先采用HBuilderX打包编译源码查看教程>>shopxo使用HBuilderX打包方法选择编译web/h5端顶部点击发行->选择网站pc/web/h5名称不需要修改,对包没有影响,域名也不需要填写,直接点击【发行】即可
shopxo安装插件还是提示绑定商店的解决方法
2.打开项目文件,shopxo/app/service/StoreService.php找到PluginsLegalCheck()方法,即第220行 注释掉,且找到第274行的RemoteStoreData()方法 (此方法远程获取数据校验插件)
shopxo微信小程序上传方法
先采用HBuilderX打包编译源码查看教程>>shopxo使用HBuilderX打包方法微信小程序工具导入编译后的源源代码目录下载微信小程序开发者工具
相关源码
-
(自适应手机端)锁锁芯锁具网站pbootcms模板 智能防盗锁网站源码下载本模板基于PbootCMS系统开发,为智能锁具、防盗锁芯及相关安防产品企业设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验,数据实时同步更新。查看源码 -
(自适应响应式)超市仓储仓库货架展架网站pbootcms源码下载本模板为货架展架、仓储货架行业量身打造,采用PbootCMS内核开发,充分考虑了货架产品展示和企业形象展示的需求。模板设计简洁大方,突出产品特点,能够有效展示各类货架产品的规格参数和应用场景,帮助访客快速了解企业核心业务和产品优势。查看源码 -
(PC模板)工商公司注册会计财务记账pbootcms模板源码下载基于PbootCMS的工商财税行业网站系统,手工编写前端代码确保执行效率,双端自适应设计,支持后台实时更新服务价格和政策文件。查看源码 -
帝国CMS7.2互联网自媒体门户整站带数据源码免费下载分享一款高仿极客网门户模板,帝国cms7.2版本,非常适合互联网、自媒体、文章门户网站使用。测法发现备份数据恢复报错,找了几个版本的都是一样的,有能力的自行修复查看源码 -
(自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码 -
(自适应)黑色摄影作品工作室pbootcms模板网站源码下载为风景摄影、个人工作室打造的高端网站模板,基于PbootCMS开源内核开发,采用HTML5自适应架构,PC与移动端实时数据同步,适配各类拍摄作品展示需求。查看源码
| 分享笔记 (共有 篇笔记) |
