淘宝sdk模板制作所需的部分资料（个人常用）

最新推荐文章于 2024-03-12 08:58:53 发布
最新推荐文章于 2024-03-12 08:58:53 发布
阅读量1.4k 收藏
点赞数
分类专栏： 淘宝 自定义代码 文章标签： widget 淘宝 sdk xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenshuai89/article/details/38361037
版权

Widget实例：

 1、Tabs - 标签页-------------------------------------------------------------- 
<div class="J_TWidget"  data-widget-type="Tabs" data-widget-config="{
            'effect': 'fade',
            'autoplay': true,
            'circular': true
      }">
<!--  code begin  -->
	<ul class="ks-switchable-nav">
        <li class="ks-active">标题 A</li>
        <li>标题 B</li>
        <li>标题 C</li>
        <li>标题 D</li>
    </ul>
    <div class="ks-switchable-content">
        <div>                
 				 -----预先加载的内容---------
        </div>
        <div style="display: none">内容 B</div>
        <div style="display: none">内容 C</div>
        <div style="display: none">内容 D</div>
    </div>
<!--  code end -->
</div>
2 、Slide卡盘效果 -------------------------------------------------------------- 

<div class="J_TWidget section slide2"
	data-widget-type="Slide" 
	data-widget-config="{
	'navCls':'yslider-stick',
	'contentCls':'yslider-stage',
	'activeTriggerCls':'selected',
	'delay':0.2,
	'effect':'fade',
	'easing':'easeBoth',
	'duration':0.8,
	'autoplay':false}">

	<!---code begin------>
	 <div class="yslider-stage">
        <p><a href="#" target="_blank"><img src="###"/></a></p>
		<p><a href="#" target="_blank"><img src="###"/></a></p>
		<p><a href="#" target="_blank"><img src="###"/></a></p>
    </div>

    <ul class="yslider-stick">
        <li class="selected"><a href="#" target="_blank">aaa</a></li>
        <li><a href="#" target="_blank">bbb</a></li>
        <li><a href="#" target="_blank">ccc</a></li>
    </ul>
	<!---code end------>
</div>
3 、Carousel - 旋转木马

-------------------------------------------------------------- 
<div class="J_TWidget"  data-widget-type="Carousel"  data-widget-config="{
'effect': 'scrollx',
            'easing': 'easeOutStrong',
            'steps': 5,
            'viewSize': [680],
            'circular': false,
            'prevBtnCls': 'prev',
            'nextBtnCls': 'next',
            'disableBtnCls': 'disable',
  }">
<!--  code begin -->
<span id="scroller-prev" class="prev disable">‹ 上一页</span>
    <span id="scroller-next" class="next">下一页 ›</span>
    <div class="scroller">
        <div class="ks-switchable-content">
            <img alt="" src="###"/>
            <img alt="" src="###"/>
			<img alt="" src="###"/>
            <img alt="" src="###"/>
			<img alt="" src="###"/>
			<img alt="" src="###"/>
            <img alt="" src="###"/>
			<img alt="" src="###"/>
			<img alt="" src="###"/>
        </div>
        <ul class="ks-switchable-nav">
            <li class="ks-active">•</li>
            <li>•</li>
            <li>•</li>
        </ul>
    </div>
<!--  code end -->
</div>

4 、Accordion - 手风琴 -------------------------------------------------------------- 
<div class="J_TWidget"  data-widget-type="Accordion"  data-widget-config="{
             'triggerType': 'click',
             'multiple':true
     }">
    <!--  code  begin-->
	<div class="ks-switchable-trigger ks-active"><h3>标题A</h3></div>
		<div class="ks-switchable-panel">
				内容AAAAA
		</div>
    <div class="ks-switchable-trigger"><h3>标题B</h3></div>
		<div class="ks-switchable-panel" style="display:none;">
			内容BBBBB
		</div>
    <div class="ks-switchable-trigger"><h3>标题C</h3></div>
		<div class="ks-switchable-panel" style="display:none;">
			内容CCCCC
		</div>
    <div class="ks-switchable-trigger last-trigger"><h3>标题D</h3></div>
		<div class="ks-switchable-panel last-panel" style="display:none;">
			内容DDDDD
		</div>
	<!--  code  begin-->		 
</div>
5 、Popup - 弹出层 -------------------------------------------------------------- 
<div class="first-trigger">我只是个触点而已，把鼠标滑到我身上</div>

<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
          'trigger':'.first-trigger',
          'align':{
                  'node':'.first-trigger',
                  'offset':[0,0],
                  'points':['cr','cc']
                  }
            }">
    <div style="background-color: yellow; height: 100px; width: 100px;">
       我是一个弹出层
    </div>
</div>
6 、Countdown - 倒计时 -------------------------------------------------------------- 
<div class="J_TWidget" data-widget-type="Countdown"  data-widget-config="{
     'endTime': '20000',
     'interval': 1000, 
     'timeRunCls': '.ks-countdown-run', 
     'timeUnitCls':{
		'd': '.ks-d',       
		'h': '.ks-h',       
		'm': '.ks-m',       
		's': '.ks-s',       
		'i': '.ks-i'        
     },
     'minDigit': 1,
     'timeEndCls': '.ks-countdown-end'
}">
    <!-- 倒计时结束时隐藏-->
    <!--可以写多个 -->
    <div class="ks-countdown-run">
	<span class="ks-d"></span>天
	<span class="ks-h"></span>小时
	<span class="ks-m"></span>分
        <!-- 如果有0.1秒级别的变化建议以gif背景图片的形式变化 -->
	<span class="ks-s"></span>秒
         
	<span class="ks-i"></span>毫秒
    </div>
    <div class="ks-countdown-run"></div>
    
     <!-- 倒计时结束时显示-->
     <!--可以写多个 -->
    <div class="ks-countdown-end">
	倒计时结束了,干点什么吧
        把什么隐藏起来，或者把什么显示出来
    </div>
    <div class="ks-countdown-end">
    </div>
</div>

php页面的基本配置（黄色的底色名字必须相同）

<?php echo $_MODULE[link]?>

xml对应参数设置

<parameters>

<param name=”link” label=”链接” description=”例如实力展示” readonly=”false” ptype=”text” formType=”text”> # </param>

</parameters>

定义php循环语句

<?php

         $names1 = explode(“|”,$_MODULE[name1]);

         $names2 = explode(“|”,$_MODULE[name2]);

         for($n=0;$n<count($names2);$n++){

> 

                   <!—code(<?php echo$names2[$n]?>)-->

<?php

  }

?>

<xml多层级结构>

<parameters>

         <group title=”组名”>

                   <section title=”片区名”folded=true/false>

                   <param>参数默认值</param>

                   </section>

         </group>

</parameters>


系统宝贝丨的读取php及xml代码的循环语句

<?php echo $urlManager->detailURI($item[$i]);?>       <!—链接地址 -->

<?php echo $item[$i]->picUrl;?>      <!—图片读取地址 -->

<?php echo $item[$i]->price;?>      <!—相应宝贝价格 -->

<?php echo $item[$i]->price+50;?>      <!—宝贝价格加上折扣 -->

<?php echo $item[$i]->title;?>      <!—宝贝标题 -->

<?php echo $item[$i]->soldCount;?>      <!—已销售量 -->

<?php echo $item[$i]->commentCount;?>      <!—评价数量 -->

<?php echo $item[$i]->collectedCount;?>      <!—收藏量 -->


<?php 
<span style="white-space:pre">	</span>$ids = explode(',',$_MODULE['ddsj']);  
<span style="white-space:pre">	</span>$items = $itemManager->queryByIds($ids,$_MODULE['ddsj_pl']); 
<span style="white-space:pre">	</span>for ($i = 0; $i <6; $i++) { 
<span style="white-space:pre">		</span>if($items[$i]->exist) {
<span style="white-space:pre">			</span>$itemUrl = $uriManager->detailURI($items[$i]); 
<span style="white-space:pre">			</span>$itemPicUrl = $items[$i]->getPicUrl(310);
<span style="white-space:pre">			</span>$itemTitle = $items[$i]->title;
<span style="white-space:pre">			</span>$itemPrice = $items[$i]->price;
<span style="white-space:pre">			</span>$itemSoldCount = $items[$i]->soldCount;
<span style="white-space:pre">		</span>} else{  // 兼容性处理 
<span style="white-space:pre">			</span>$itemUrl = "http://www.taobao.com"; 
<span style="white-space:pre">			</span>$itemPicUrl = "assets/images/img_$i.jpg";
<span style="white-space:pre">			</span>$itemTitle = "宝贝数据未添加，请点击右上角的编辑选择添加您的宝贝";
<span style="white-space:pre">			</span>$itemPrice = "298.00";
<span style="white-space:pre">			</span>$itemSoldCount = "1588";
<span style="white-space:pre">		</span>}
<span style="white-space:pre">		</span>echo'<li>';
<span style="white-space:pre">		</span>echo'<p class="pic"><a href="'.$itemUrl.'" target="_blank"><img src="'.$itemPicUrl.'" alt="'.$itemTitle.'"></a></p>';
<span style="white-space:pre">		</span>echo'<p class="txt"><a href="'.$itemUrl.'" target="_blank">'.$itemTitle.'</a></p>';
<span style="white-space:pre">		</span>echo'<p class="txt">一口价:<span class="tx">￥'.$itemPrice.'元</span></p>';
<span style="white-space:pre">		</span>echo'</li>';
<span style="white-space:pre">	</span>}
?><span style="white-space:pre">	</span>

xml配置
<parameters>
<param readonly="false" ptype="item" name="ddsj" label="选择12个宝贝" formType="itemForm"
description="点击此处添加产品">
1,2,3,4,5,6,7,8,9,10,11,12
</param>
<param readonly="false" ptype="text" name="ddsj_pl" label="选择排序的方法" formType="select"
description="选择排列的方式">
<option value="ceofp">人气宝贝升序排序</option>
<option value="_ceofp">人气宝贝降序排序</option>
<option value="hotsell" selected="selected">热销宝贝升序排序</option>
<option value="_hotsell">热销宝贝降序排序</option>
<option value="price">以宝贝价格升序排序</option>
<option value="_price">以宝贝价格降序排序</option>
<option value="newOn">以最新上架宝贝升序排序</option>
<option value="_newOn">以最新上架宝贝降序排序</option>
<option value="HotKeep">以热门收藏升序排序</option>
<option value="_HotKeep">以热门收藏降序排序</option>

</param>
</parameters>






更多代码参考：

北鸟南游
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SDK2.0高级模板制作常见问题整理
01-01
SDK2.0高级模板制作常见问题整理
SDK1.0高级模板制作常见问题整理
01-01
SDK1.0高级模板制作常见问题整理
手把手教学：如何设计 SDK
finogeeks的博客
12-15 3697
既然我们已经从零到一完成了 App 的开发工作，那这次不妨来试试编写属于我们的第一个 SDK 吧！
如何优雅的设计一个SDK
做兴趣使然的Hero
11-12 644
到这里大家可能会产生疑问，为什么NewSDK的时候除了host还要带上username和passwd这两个参数。其实主要是因为系统一般会有Auth认证的流程，主要是用于认证调用者是否为该系统的合法用户，API中的header（name=barry yan）也正是为了验证用户，当然实际一定是要比这个复杂的多，SDK也会有对Auth认证方式的封装。aws-sdk-go本文的全部代码也已经打包上传到Github，欢迎大家提出issue。获取代码方式：关注公众号【扯编程的淡】回复【sdk。
系统设计 - SDK设计流程
最新发布
emmmsuperdan的博客
03-12 891
3. 第三步是业务功能框架设计，不要过度设计，根据具体的业务需求来设计即可，不要为了一些未来很小概率发生的需求变化提前设计。4. 第四步是基础核心库设计与开发，在核心库提炼过程中需要保证功能间互相独立，降低耦合度。5. 最后是打包与发布，可以通过 jenkins 自动获取代码和执行编译打包，最终发布到 maven 上，可以大大降低人为本地打包出错的风险。
自己的sdk
hqw921054的博客
10-06 260
设计sdk的三步思路： ​ 数据传输模块：主要用于传输请求数据，本文使用http协议传输数据 序列化模块：用户序列化和反序列化数据，SDK是给客户使用应该尽可能的去适配客户的意愿，如客户首先的序列化方式为JSON那，作为使用方肯定是会希望SDK能支持JSON序列化和反序列化的 应用模块：主要是协调数据传输、序列化之间的工作，同时对数据做一些校验签名操作 基本功能 数据传输 数据传输协议使用较为通用的http协议，一开始是想是否做一个通用的设计来支持其他的传输方式，如支
游戏SDK（三）架构设计之代码实现1
MarinaTsang的博客
01-30 915
游戏SDK架构设计代码实现
淘宝高级SDK模板制作08domcss.pptx
09-29
淘宝高级SDK模板制作08domcss.pptx
淘宝SDK高级模板制作详解，高手必备
10-28
淘宝SDK高级模板制作详解，高手必备 你懂的~~~
++全套淘宝SDK高级模板源代码++
07-24
++全套淘宝SDK高级模板源代码++ 比较适合新手
全套淘宝SDK模板（适合新手学习）
05-29
全套淘宝SDK高级模板（适合新手学习）；全套的淘宝SDK高级模板源代码，新手借鉴学习淘宝SDK的必备神器代码。
淘宝sdk模板
12-30
淘宝sdk模板
淘宝SDK模板
06-16
淘宝SDK模板高级模板布局灵活，页面美观，可以设计出多种促销模块，同时操作起来非常简单！拓展版和旗舰版，商城用户、无名良品用户才可以使用高级模板哦！！
SDK模板开发简易教程
04-11
SDK模板开发简易教程，淘宝SDK教程，适合新手，带你初步了解淘宝sdk模版
【最新】淘宝SDK源码完整无错版,SDK模板.rar
12-11
ZSDK,淘宝SDK,完整无错SDK模板,SDK源码,免费SDK源码,SDK高级模板全套源代码.rar 【瞧着走】收集、整理、制作
SDK设计原则
木牛的博客
05-13 887
要满足的需求 满足功能需求 首先，要设计一个SDK一定要考虑用户需求，确定边界，SDK需要包含哪些功能。个人认为SDK应当精简，专注实现一部分功能即可。 满足性能要求 此外除了功能性需求，软件设计开发中还需要考虑非功能性需求。比方说，稳定性、性能、安全等。 稳定性：如果sdk不稳定，功能时好时坏，用户是不是很懵逼。如果sdk有bug，导致了宿主应用崩溃，对实际用户造成体验多不好。故而一个高水准的sdk一定是一个稳定性非常好的sdk。 性能：性能实际包含多个方面，比方说包体积、电量、内存等。这些因
游戏SDK（二）框架设计
MarinaTsang的博客
01-30 987
游戏SDK项目框架设计
埋点SDK设计方案解析
我叫火柴
07-16 2921
可视化埋点可以直接在网站真实界面上操作埋点，而且埋点之后立即可以验证埋点是否正确，这还不算完，将埋点部署到所有客户端也是几乎实时生效的。因为可视化埋点的这些好处，分析的需求方，业务人员，没有权限触碰代码或者不懂得编程的人都可以非常低的门槛获取到用于分析的数据。可以理解成访问某网站的电脑的数量。数据采集是否丰富，采集的数据是否准确，采集是否及时，都直接影响整个数据平台的应用的效果。统计后台会有不同职业的人对照查看，定死的表格，柱形图不能满足不同的场景需求，应该弄成可定制，可以自由拖拽想要的对比系数查看结果。.
xilinx sdk常用api集合
11-16
Xilinx SDK（Software Development Kit）是一个针对Xilinx公司的FPGA（Field-Programmable Gate Array）和SoC（System on Chip）的软件开发工具。其常用的API（Application Programming Interface）集合包括以下几个方面： 1. BSP（Board Support Package）API：该API用于与特定的开发板进行通信和交互，包括对开发板上的外设（如LED、按键、串口等）进行操作和控制。 2. Peripheral API：Xilinx SDK提供了一系列针对FPGA和SoC中集成的外设（如UART、GPIO、I2C、SPI等）的API，可以方便地对这些外设进行配置、读写操作。 3. Bootloader API：这部分API主要用于配置启动加载器（Bootloader），可以进行一些启动参数的设置、启动设备的初始化等操作。 4. File System API：Xilinx SDK支持多种文件系统（如FAT、NTFS、ext4等）的操作，提供了文件的读写、目录的创建和管理等功能的API。 5. Memory API：针对FPGA和SoC中的内存（如DDR、SRAM等）的操作和管理，Xilinx SDK提供了一系列的API，方便读写操作和内存的分配与释放。 以上是Xilinx SDK常用的API集合，这些API涵盖了硬件设备的操作、启动加载过程的控制、文件系统的管理以及存储器的操作，为开发人员提供了丰富的工具和接口来进行FPGA和SoC的软件开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值