夺命雷公狗---DEDECMS----5快速入门之商城快速搭建实现快递方式和支付方式的显示
我们现在用dedecms快速搭建一个商场,方法如下所示:
如此类推。写多几个栏目,效果 如下所示:
然后我们添加几个商品,记得要刷新下页面噢,不见见不到商品
添加成功后去看看效果如何:
出来了,但是如果您的老板叫你说做一个货到货款的选项,我们就要修改下他的模版了,方法如下所示:
红色框里面的字段也就是我们的商品页的字段如下图所示:
这是一样的,所以我们添加一个即可,如下图所示:
然后在添加多一个:
添加成功后如下所示:
我们先来看看效果如何:
效果已经在后台出现了,那么我们再去商品页看下有没有变化,效果如下所示:
有此可以更加肯定我们的页面是没有发生任何变化的,就算去更新内容页面的模版也是没用的,因为他还是用了老网页的模版,所以我们要学会开发自己的模版,方法如下所示:
我们的模版在那个位置也可以清晰了然找得到了,如下图所示:
修改后的代码如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:field.keywords/}" />
<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
<link href="{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<script language="javascript" type="text/javascript">
<!--
function CheckLogin(){
var taget_obj = document.getElementById('_ajax_feedback');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmsurl/}/member/ajax_feedback.php");
DedeXHTTP = null;
}
function postBadGood(ftype,fid)
{
var taget_obj = document.getElementById(ftype+fid);
var saveid = GetCookie('badgoodid');
if(saveid != null)
{
var saveids = saveid.split(',');
var hasid = false;
saveid = '';
j = 1;
for(i=saveids.length-1;i>=0;i--)
{
if(saveids[i]==fid && hasid) continue;
else {
if(saveids[i]==fid && !hasid) hasid = true;
saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
j++;
if(j==10 && hasid) break;
if(j==9 && !hasid) break;
}
}
if(hasid) { alert('您刚才已表决过了喔!'); return false;}
else saveid += ','+fid;
SetCookie('badgoodid',saveid,1);
}
else
{
SetCookie('badgoodid',fid,1);
}
//document.write("feedback.php?action="+ftype+"&fid="+fid);
//return;
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_phpurl/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
DedeXHTTP = null;
}
-->
</script>
</head>
<body class="productview">
{dede:include filename="head2.htm"/}
<!-- /header -->
<div class="w960 center clear mt1">
<div class="pleft">
<div class="place">
<strong>当前位置:</strong> {dede:field name='position'/}
</div><!-- /place -->
<div class="viewbox">
<div class="title">
<h2>{dede:field name='title'/}</h2>
</div><!-- /title -->
<div class="infolist">
<small>信息类型:</small><span>{dede:field.infotype/}</span>
<small>测试:</small><span>{dede:field.vocation/}</span>
<small>商品原价:</small><span>{dede:field.price/}元</span>
<small>优惠价格:</small><span class="fc-f60">{dede:field.trueprice/}元</span>
<small>品牌:</small><span>{dede:field.brand/}</span>
<small>单位:</small><span>{dede:field.units/}</span>
<small>上架日期:</small><span>{dede:field.pubdate function="MyDate('y-m-d H:i',@me)"/}</span>
<small>人气:</small><span><script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script></span>
<small>支付方式:</small><span>{dede:field.fufeifangshi/}</span>
<small>邮寄方式:</small><span>{dede:field.kuaidifangshi/}</span>
<form id="formcar" name="formcar" method="post" action="{dede:field name='phpurl'/}/posttocar.php">
<input type="hidden" name="id" value="{dede:field.id/}" />
<input type="hidden" name="title" value="{dede:field.title/}" />
<input type="hidden" name="price" value="{dede:field.trueprice/}" />
<input type="hidden" name="units" value="{dede:field.units/}" />
<small>购物车:</small><span><a href="{dede:field name='phpurl'/}/car.php" target="_blank">查看购物车</a></span>
<small>购买:</small><span><button type="submit" name="button" class="btn-2">放入购物车</button></span>
</form> </div><!-- /info -->
<div class="picview">
<img src={dede:field.litpic/}>
</div><!-- /info -->
<div class="labeltitle">
<strong>商品介绍</strong>
</div>
<div class="content">
<div id="contentMidPicAD" style="float:right; clear:both; top:0; vertical-align:top;">{dede:myad name='contentMidPicAD'/}</div>
{dede:field.body/}
</div>
<div class="boxoff">
<strong>------分隔线----------------------------</strong>
</div>
<div class="handle">
<div class="context">
<ul>
<li>{dede:prenext get='pre'/}</li>
<li>{dede:prenext get='next'/}</li>
</ul>
</div><!-- /context -->
<div class="actbox">
<ul>
<li id="act-fav"><a href="{dede:field name='phpurl'/}/stow.php?aid={dede:field.id/}" target="_blank">收藏</a></li>
<li id="act-err"><a href="{dede:field name='phpurl'/}/erraddsave.php?aid={dede:field.id/}&title={dede:field.title/}" target="_blank">挑错</a></li>
<li id="act-pus"><a href="{dede:field name='phpurl'/}/recommend.php?aid={dede:field.id/}" target="_blank">推荐</a></li>
<li id="act-pnt"><a href="#" target="_blank" onClick="window.print();">打印</a></li>
</ul>
</div><!-- /actbox -->
</div><!-- /handle -->
</div><!-- viewbox --> <!-- //AJAX评论区 -->
{dede:include file='ajaxfeedback.htm' /} </div><!-- /pleft --> <div class="pright">
<div>
<dl class="tbox">
<dt><strong>栏目列表</strong></dt>
<dd>
<ul class="d6">
{dede:channel type='son' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a></li>"}
<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
</ul>
</dd>
</dl>
</div>
<div id="contentRtPicAD" style="margin:10px auto">{dede:myad name='contentRtPicAD'/}</div>
<div class="infos_userinfo">
{dede:memberinfos}
<dl class="tbox">
<dt><strong>发布者资料</strong></dt>
<dd>
<a href="[field:spaceurl /]" class="userface"><img src="[field:face/]" width="52" height="52" /></a>
<a href='[field:spaceurl /]' class="username">[field:uname/]</a>
<span class="useract">
<a href="[field:spaceurl /]" class="useract-vi">查看详细资料</a>
<a href="[field:spaceurl /]&action=guestbook" class="useract-pm">发送留言</a>
<a href="[field:spaceurl /]&action=newfriend" class="useract-af">加为好友</a>
</span>
<span class="userinfo-sp"><small>用户等级:</small>[field:rankname /]</span>
<span class="userinfo-sp"><small>注册时间:</small>[field:jointime function="MyDate('Y-m-d H:m',@me)"/]</span>
<span class="userinfo-sp"><small>最后登录:</small>[field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span>
</dd>
</dl>
{/dede:memberinfos}
</div> <div class="productrange mt1">
<dl class="tbox">
<dt><strong>推荐商品</strong></dt>
<dd>
<ul class="f1">
{dede:arclist flag='c' titlelen=42 row=8}
<li>
<a href="[field:arcurl/]">[field:title/]</a>
<span><small>好评:</small>[field:scores/]</span>
<span><small>人气:</small>[field:click/]</span>
</li>
{/dede:arclist}
</ul>
</dd>
</dl>
</div> <div class="comment mt1">
<dl class="tbox">
<dt><strong>热门商品</strong></dt>
<dd>
<ul class="e3">
{dede:arclist row=10 orderby=click type='image.'}
<li>
<a href="[field:arcurl/]" class="preview"><img src="[field:litpic/]" alt="[field:title function='html2text(@me)'/]"/></a>
<a href="[field:arcurl/]" class="title">[field:title/]</a>
<span class="intro">人气:<span class="fc-f90">[field:click/]</span></span>
</li>
{/dede:arclist} </ul>
</dd>
</dl>
</div>
<div id="contentRtPicAD2" style="margin:10px auto">{dede:myad name='contentRtPicAD2'/}</div> </div><!-- /pright -->
</div>
<div id="innerfooterAD2" style="margin:10px auto; width:726px">{dede:myad name='innerfooterAD2'/}</div>
{dede:include filename="footer.htm"/}
<!-- /footer --> </body>
</html>
核心代码如下所示:
上面的字段名也是我们在增加字段时候改的名字。
然后再去更新下页内容页即可如下图所示:
最终效果如下所示:
我们dedecms开发无非就是在3个地方捣鼓即可,模版-》php处理-》静态页面
夺命雷公狗---DEDECMS----5快速入门之商城快速搭建实现快递方式和支付方式的显示的更多相关文章
- 夺命雷公狗-----React---12--添加类和样式
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></ ...
- 夺命雷公狗-----React---11--添加css样式的方法
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></ ...
- 夺命雷公狗-----React---10--组建嵌套进行数据遍历
先写一个组建... 然后进行嵌套.. <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- 夺命雷公狗-----React---9--map数据的遍历
比如我们要实现的是这种效果: 用这种方法来写,她只能写死在哪,没啥意思,所以我们定义一个数据,然后来测试下map方法对她遍历出来的数据 <!DOCTYPE html> <html l ...
- 夺命雷公狗-----React---8--react官方提供的组建实现双向绑定
首先要引入她.. <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
- 夺命雷公狗-----React---7--组建的状态props和state
props:组建初始要渲染的数据,他是不可以改变的 state:组建状态发生改变,调用render重新渲染数据 我们来写一个例子: <!DOCTYPE html> <html lan ...
- 夺命雷公狗-----React---6--props多属性的传递
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 夺命雷公狗-----React---5--props对象的传递
提示:props的值是不可以改变的... <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
- 夺命雷公狗-----React---4--props变量的传递
提示:props的值是不可以改变的... <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
随机推荐
- C#中string.Empty ,"" , null 区别
引言 String类型作为使用最频繁的类型之一,相信大家都非常熟悉,对于string赋予空值,通常有以下三种方式: String str1=null; String str2=””; String s ...
- Cocos2d-JS切换场景与切换特效
var HelloWorldLayer = cc.Layer.extend({ sprite:null, ctor:function () { //////////////////////////// ...
- JS删除数组条目中重复的条目
[腾讯2015春招web前端开发练习卷] 请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组. Array.prototyp ...
- backbone 更新1.1.2
backbone已经更新到1.1.2,在这里总结一下 我还一直用的1.0的版本,更新确实出现了一些问题 1.1.0 Backbone Views no longer automatically at ...
- JS判断对象类型
对于确定JS内置对象类型,JS提供了typeof运算符,该运算符得到的结果为以下6种:number,boolean,string,function,object,undefined.不过对绝大多数对象 ...
- 【转】flash不建议设置wmode及wmode解释
flash不建议设置wmode及wmode解释 2011-11-21 16:57:57| 分类: flash cs3 AS3.0|举报|字号 订阅 转自:http://www.webryan ...
- FragmentActivity和Activity的区别
[转载] 直说总结了: 1.fragmentactivity 继承自activity,用来解决android3.0 之前没有fragment的api,所以在使用的时候需要导入support包,同时继承 ...
- LeetCode Longest Substring with At Most Two Distinct Characters
原题链接在这里:https://leetcode.com/problems/longest-substring-with-at-most-two-distinct-characters/ 题目: Gi ...
- Java之Ajax技术
ajax(asynchronouse javascript and xml) 异步的javascript 和 xml(现在常把xml换成json): ajax是2005年提出的,在2006,2007年 ...
- window.open被浏览器拦截的解决方案
现象 最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,搞得人无比郁闷啊,虽然在自己的环境可以对页面进行放行,但是对用户来说,不能要求用户都来通过拦截.何况当出现拦截时,很多小白根 ...