【学习分享】如何开始制作SDK模板

以下内容完全原创，且是自己摸索学习心得，如有错误之处请多指教！

开发SDK个人认为最少需要掌握HTML 和CSS 虽然不是要精通，但是要够用 具体教程可以搜索很多的！

创建一个新的设计模板

按要求自己填参数

打开SDK安装目录中的htdocs文件夹，（其他的文件夹没去看是什么东西）

里面有个你刚刚创建模板的文件夹，你制作的东西都在里面

下面是我知道关于这个文件夹里的信息

【assets 文件夹】

这里面有2个子文件夹

images：这个一看就知道是图片文件夹，就是你网站的一些素材都放在那里，比如按钮样式

stylesheets：这是个存放CSS的文件夹，global.css 这个是全局CSS，blue.css这个是风格CSS。

（个人建议把把定位的CSS代码放在全局CSS文件中，定义颜色或样式的放在风格CSS中，以方便一个模板制作多个风格，一开始没弄清楚，后来做第二个模板的时候，又重新分离）

【modules文件夹】

这个是模块文件夹，您在后台添加模块后这里会多一个文件夹

（http://localhost:8080/_ah/，启动SDK后，这个网站就是登陆后台的，点击我的模板，可以看到刚刚创建的模板，点击后在下面有个创建模块的按钮，点击后按照提示创建模块吧）

除了这2个文件夹还有一堆PHP文件 和一个XML文件，

detail.php；宝贝详情页

detail_left.php；宝贝详情有关的文件具体 淘宝为了统一感受不给编辑的

detail_right.php；宝贝详情有关的文件具体 淘宝为了统一感受不给编辑的

article.php；文章页面

articleList.php；文章列表页

onsale.php；促销页面

searchList.php;搜索列表页

header.php,头部文件

index.php；首页

footer.php；尾部文件

onsale.php；这个不知道 希望有个人可以告知

site.xml；这个是模板信息文件

都差不多解释完了，下面说怎么开始设计模板了

先做一个店招，店招是每个页面都需要看到的 所以放在头部文件中

为了卖家购买模板后能更换店招，我们就需要把这个店招制作成一个模块。

创建一个模块

按要求设置好信息， 然后打开modules文件夹，里面已经有一个DZDH的文件夹，里面有2个文件 一个是模块PHP文件，一个是模块配置XML文件.

我们需要在PHP文件中写代码

<div class="box J_TBox" <?php echo $_MODULE_TOOLBAR ?>>//定义一个模块，必须用box J_TBox类作为标识符,后面的PHP语句的作用是 装修状态下 有编辑的按钮

<div style="background-image:url(<?php echo. $_MODULE['dz'] .?>)" class="kuangjia" ></div>//定义一个框架DIV，让用户可以更换背景，中间的PHP代码的作用是获取图片链接，链接可以在模块的XML中配置

</div>

下面是文件module.xml

<?xml version="1.0" encoding="GBK" standalone="yes"?> <module xsi:noNamespaceSchemaLocation="../../module.xsd" xmlns:xsi="/2001/XMLSchema-instance">

<id>dzdh</id>

<name>店招导航</name> <file>dzdh.php</file> <thumbnail>assets/images/slt/dh.jpg</thumbnail>

<description>店招导航</description>

<requiredCache>true</requiredCache>

<parameters>

<param label="店招" formType="text" readonly="false" description="链接地址" ptype="text" name="dz">assets/images/bj/dz.jpg</param>

</parameters>

官方说明

--------------------------------------------------------------------------------------------------

下面详细描述模块配置文件每个参数的含义：

id: id用来唯一的标识某一个模块，在引入模块的时候会通过此ID来引入模块，在同一个模板中，模块ID不能重复。

name:name代表模块的名称，此名称是为了卖家在后台添加模块的时候提示卖家对应的模块名称。 file: file用来配置模块对应的php文件，此配置必须和模块的php文件同名，此项配置需要模块的后缀名。

thumbnail: thumbnail用来配置模块缩略图，模块缩略图在卖家添加模块的时候显示。

description: description用来配置模块描述。

param:param用来配置模块参数，配置的模块参数可以用来让卖家设置，参数设置中有如下几个参数需要配置：

name:参数名称用于在模板中通过$_MODULE[name]来引用

label: 用于在编辑模块的时候显示，方面卖家后台设置

description:用于参数描述，此参数用于以后扩展

ptype:ptype是参数类型的配置，此参数的目的主要是用于对卖家后台录入参数的校验，目前系统支持的ptype参数类型如下：

text：文本类型参数，此参数系统默认最多256个字符

textarea：文本域类型参数，此参数系统默认最多4000个字符

htmlarea：代表一段html代码，此参数系统默认最多32KB

url：url类型参数，系统默认最大长度256个字符

date：此类型代表日期类型，后台会根据制定的日期格式进行校验

email：此类型代表电子邮件，后台会校验是否是合法的邮件地址

number：此类型是数值类型，后台会判断是否是合法的数值.

formType：formType用来配置参数html类型，类型与html类型对应，用于在编辑模块的时候展示界面的DOM结构。目前系统主要支持如下几个类型：

text: 类似于html的input type=”text”,用于卖家输入文本字段

textarea:类似于html的textarea标签，用于卖家输入一段文本

select: 类似于html的select标签，此参数的配置需要通过option来配置，比如写入如下配置：

它的展示效果如下图所示：

checkbox:类似于html的checkbox。

保存模块编写好了，但是要怎么显示呢

我们打开头部文件

写PHP输出代码

<?php

echo include_local_module("dzdh",101);

?>

保存后，在后台预览你的模板

我想应该有了

输出代码官方解释

----------------------------------------------------

引入模块模块有两种类型，分别是系统模块和设计师自定义模块，下面分别说明如何引入系统模块和设计师自定义模块：

引入系统模块

<?php echo include_system_module("shop.picRound","1.0-common",100);?>其中include_system_module需要三个参数，第一个为“系统模块简称”，第二个为“系统模块版本”，第三个为domId,这里需要注意的是domId需要在页面内唯一。

引入自定义模块

<?php echo include_local_module("textbox",101); ?>其中include_local_module有两个参数，第一个”textbox”为模块的名称，第二个为domId,这里需要注意的是domId需要在页面内唯一。

好了 我写完了好累啊，第一次写帖子，你会了吗？

当然，你这样制作模板还有很多，比如说 划片区，规定片区中可以放什么模块，也就是说的挖坑。

以上的内容仅代表个人观点，不保证全部正确，请勿追究法律责任！！

本文来源：https://www.bwwdw.com/article/d9b1.html