第六讲SDK高级模板大讲堂Word格式.docx
- 文档编号:21390522
- 上传时间:2023-01-30
- 格式:DOCX
- 页数:18
- 大小:1.77MB
第六讲SDK高级模板大讲堂Word格式.docx
《第六讲SDK高级模板大讲堂Word格式.docx》由会员分享,可在线阅读,更多相关《第六讲SDK高级模板大讲堂Word格式.docx(18页珍藏版)》请在冰豆网上搜索。
宝贝主键
*$arr
需要返回的数据
*/
functiongetItemInfo($id,$arr='
'
)
{
global$itemManager;
if($arr=='
){
return$itemManager->
queryById($id);
}
else
queryById($id)->
$arr;
$ditems
=$itemManager->
queryByKeyword("
"
"
6);
//默认数据
$results="
"
;
foreach($ditemsas$item)
$results.=$item->
id.'
'
$item_list=
$_MODULE['
items'
]?
$_MODULE['
]:
rtrim($results,'
);
$item_id_s
=explode('
$item_list);
//分离右侧小图
$right_s_imgs=$_MODULE['
right_s_img'
explode('
$_MODULE['
]):
//分离小图文字
$s_img_texts=$_MODULE['
s_img_text'
//分离左侧大图
$left_b_imgs=$_MODULE['
left_b_img'
>
divclass="
boxJ_TBoxbox-new<
=$MID?
<
=$_MODULE_TOOLBAR?
wd-new"
bd"
wd-hd"
style="
height:
=$_MODULE['
title_height'
]?
px;
h3>
span>
title_text'
/span>
/h3>
/div>
wd-bd"
!
—JS组件部分
-->
J_TWidgetcontent"
data-widget-type="
Carousel"
data-widget-config="
'
effect'
:
scrollx'
prevBtnCls'
prev'
nextBtnCls'
next'
contentCls'
more'
navCls'
more-nav'
activeTriggerCls'
m-active'
autoplay'
true,
duration'
0.5
}"
aclass="
prev"
href="
#"
target="
_blank"
/a>
next"
scroller"
ulclass="
more"
for($i=0;
$i<
count($item_id_s);
$i++){
li>
ahref="
=$uriManager->
detailURI(getItemInfo($item_id_s[$i]));
imgsrc="
=empty($_MODULE['
])?
modules/new/images/big.jpg"
($left_b_imgs[$i]?
$left_b_imgs[$i]:
)?
/>
bottom"
news"
class="
intro"
=getItemInfo($item_id_s[$i],'
title'
spanclass="
price"
em>
RMB:
¥<
price'
/em>
已售:
soldCount'
件<
人气:
collectedCount'
点<
/li>
if($i>
=5)break;
}?
/ul>
more-nav"
modules/new/images/pic$i.jpg"
(!
empty($right_s_imgs[$i])?
$right_s_imgs[$i]:
getItemInfo($item_id_s[$i],'
):
($s_img_texts[$i]?
$s_img_texts[$i]:
))?
phpif($i>
--}主内容区
这里的这个模块我把它定性成950的模块,如果要其他类型只需要设置其宽度即可.
接下来我们就要添加自定义图片和样式了,在”xiaoyu”的目录里面找到”assets”
进入之后如下图所示
Images存放所用到的素材文件
Stylesheets存放css文件,进入到stylesheets文件夹
blue.css是我们模板自定义的样式了,而global.css是系统样式文件(可以修改但是请适当,建议不修改),系统会同时加载这两个文件,(当然你如果喜欢将自定义的样式加到global.css里面也没啥问题,只是便于管理和开发所以建议写到blue.css里面)
我们打开“blue.css”文件,同样文件是空的,我们添加自己的样式在里面,
.wd-new.content.more-nav.m-activespan{
background:
#f64557;
opacity:
0.93;
-ms-filter:
progid:
DXImageTransform.Microsoft.Alpha(opacity=93);
filter:
--}模块主样式
我们正对wd-new层设置样式
现在添加我们的图片(图片路径是完整路径),及调用系统的一些接口
调用宝贝数据
$_MODULE[‘xxxxxxx’]里面的名称和xml里的配置文件name=”xxxxx”一直,这样前端就能调用xml里面的数据了。
XML
数据文件代码:
xmlversion="
1.0"
encoding="
GBK"
standalone="
yes"
modulexsi:
noNamespaceSchemaLocation="
../../../module.xsd"
xmlns:
xsi="
http:
//www.w3.org/2001/XMLSchema-instance"
—程序运行时需要使用的模块ID,通过此ID来加载模块到页面
id>
new<
/id>
—
模块使用过程中添加模块时所显示的模块名称
name>
[950]长图轮播推荐<
/name>
file>
new.php<
/file>
thumbnail>
/modules/new/images/icon.jpg<
/thumbnail>
模块使用时对模块的描述内容
description>
支持6个宝贝展示。
每个对应大图小图各一张。
。
/description>
requiredCache>
true<
/requiredCache>
parameters>
paramname="
title_img"
label="
◆━━━标题图片"
ptype="
text"
formType="
description="
宽度不限制,高度70(留空不启用)"
modules/new/images/hd.jpg<
/param>
title_height"
【标题】高度"
如:
70(留空显示默认)"
>
title_text"
标题文字"
(留空不启用)"
热卖新品推荐<
items"
◆━━最多6个"
item"
itemForm"
."
right_s_img"
右侧小图"
textarea"
尺寸:
188*283
多个已英文逗号隔开(与“选择宝贝”一一对应,留空为默认)"
s_img_text"
小图上的字标"
left_b_img"
左侧大图"
375*570
/parameters>
/module>
回到首页现在模块已经开发完成,那么效果在那里看,在模板首页点击预览
首页什么都没有,不要慌,这里我们还需要一个最后的步骤,那就是将模块添加到首页,
在xiaoyu的文件夹底下找到index.php文件,并打开它,里面也是一如既往的空啊(建议淘宝以后SDK创建时能够把默认通用的布局代码给添加进去
),现在添加布局代码提供给大家,复制即可使用
--index.php-->
wdsg_bdglobalwd-index"
layoutgrid-m"
col-main"
main-wrap
J_TRegion"
—注意J_TRegion这个必须要有
echoinclude_modules("
index-top"
array(
//自定义模块添加
array('
id'
=>
baobei"
),
//系统模块调用
array("
shortname"
shop.autoSpread"
version"
1.0-wangpu"
));
--
系统模块左右分栏
layoutgrid-s5m0"
--750分栏
col-mainclearfix"
main-wrapJ_TRegion"
index-m"
//自定义
//array('
xxxxx"
//系统
--190分栏
col-subJ_TRegion"
index-s"
xxxx"
//系统
array("
shop.itemCategory"
1.0-common"
?
现在我们在来看看首页,已经出来了,这样已经成功制作完成了。
关于模块XML配置请参考wiki地址是:
附:
SDK高级模板大讲堂课程汇总:
[此帖被采倩在2012-05-3014:
33重新编辑]
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第六 SDK 高级 模板 大讲堂