1. 将更改根目录下在Shop/Controller文件夹下的IndexController.class.php为
~~~
<?php
namespace Shop\Controller;
use Think\Controller;
use Com\Wechat;
use Com\WechatAuth;
class IndexController extends Controller {
public function index(){
$m=M('goods');
$data=$m->select();
$this->assign('data',$data);
$this->display();
}
public function detail(){
$m=M('goods');
$data=$m->find($_GET['id']);
$this->assign('data',$data);
$this->display();
}
public function order(){
$this->assign('data',$_POST);
$this->display();
}
public function addOrder(){
header('Content-type:text/html;charset=utf-8');
$data['gid']=$_POST['id'];
$data['name']=$_POST['name'];
$data['pirce']=$_POST['pirce']*$_POST['num'];
$data['num']=$_POST['num'];
$data['email']=$_POST['email'];
$data['mobile']=$_POST['mobile'];
$data['city']=$_POST['city'];
$data['detail']=$_POST['detail'];
$m=M('orders');
$res=$m->add($data);
if($res){
echo '<script>alert("生成订单成功");history.go(-2)</script>';
}else{
echo '<script>alert("生成订单失败");history.go(-1)</script>';
}
}
}
~~~
2. 在根目录下在Shop/View文件夹下创建Index文件夹，放入index.html文件，detail.html文件，order.html文件分别为：
~~~
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="m.ehaier.com">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="false" id="twcClient" name="twcClient" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/style.css">
<link rel="apple-touch-icon-precomposed" href="__PUBLIC__//images/ehaier-icon.png"/>
<link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__//images/ehaier-icon.png"/>
<script type="text/javascript" src="__PUBLIC__/js/zepto.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/gs.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mediav.js"></script>
<script type="text/javascript" name="baidu-tc-cerfication" data-appid="4746793" src="__PUBLIC__/js/lightapp.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/criteo.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ld.js" async></script>
<meta name="keywords" content="冰箱,海尔冰箱,手机网购" />
<meta name="description" content="买冰箱，到海尔商城。海尔商城为您提供冰箱的最新报价、促销、评价、导购、图片等相关信息 。" />
<title>冰箱 - 海尔商城触屏版</title>
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/list.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/panel.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/panel.default.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/loading.default.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/refresh.default.css" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/member.css">
<script type="text/javascript" src="__PUBLIC__/js/touch.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/throttle.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/event.scrollstop.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/event.ortchange.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/matchmedia.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/gmu.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/event.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/widget.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/panel.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/refresh.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/util.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/pz.js"></script>
<script type="text/javascript">
var provinceId = '16';
var provinceName = '山东';
var cityId = '173';
var cityName = '青岛';
//criteo广告投放
//遍历商品列表前三条数据数据转成js对象
var pl = [];
pl[1-1]= 6038
pl[2-1]= 6169
pl[3-1]= 10781
criteo_productList(pl);
</script>
</head>
<body >
<div id="page">
<div id="cont">
<!--======main=====-->
<div class="main">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/suggestion.css" />
<script type="text/javascript" src="__PUBLIC__/js/highlight.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/suggestion.js"></script>
<script type="text/javascript">
(function () {
$('#sousuo_index').suggestion({
autoClose: true,
sendrequest: function (e, query, render, cacheData) {
var listArr = [];
$.getJSON("/mobile/search/smart_json.html?searchKey="+query,function(result,status){
if (result.success && result.data.length) {
$.each(result.data, function(i, item) {
if(i>4){return;}//取前5个搜索词
listArr.push(item.mobileWord);
// 渲染数据列表，render(query, data), query为用户输入的query， data为Array类型，为渲染的数据数组
render( query, listArr );
});
}
});
},
renderlist: function (e, data, query, callback) {
// renderList的回调函数callback(listHtml), listHtml为sug列表内容
callback.call( this, data.map(function (item) {
var html = '';
html += '<a href="__PUBLIC__//mobile/search/templist.html?searchKey='+item+'">'+item+'</a>';
return html;
}).join( ' ' ) );
}
});
//搜索跳转
$(document).on('click',"#search_button", function (event) {
var searchKey = $("#sousuo_index").val();
location.href = "/mobile/search/templist.html?searchKey="+encodeURI(searchKey);
});
//打开搜索
// $("#sousuo_index").focus(function(){
// $("#sou_default").show();
// });
//关闭搜索
// $(".fanhui_bt").click(function(){
// $("#sou_default").hide();
// });
// $("#sousuo_index").change(function(){
// if($(this).val() == ''){
// $("#sou_default").show();
// }else{
// $("#sou_default").hide();
// }
// })
})();
</script> <div id="list_pic" class="list_pic">
<ul id="sortColumn">
<li><a href="__PUBLIC__/javascript:void(0);" value="saleDesc" class="on">热销</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="priceDesc" id="jiage"><span>价格</span><b class=""></b></a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="commentDesc">热评</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="newDesc">新品</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" id="filterBtn" value="filterBtn">筛选</a></li>
</ul>
</div>
<!--======加载商品中=====-->
<div class="list_jiazai" style="display:none"> <span><img src="__PUBLIC__/img/loading.gif"></span>
<p>亲，稍等一下下</p>
</div>
<!--======加载商品结束=====-->
<div id="list_div">
<!-- 列表页 商品列表 -->
<foreach name="data" item="vo">
<div class="lists_items">
<p class="pic">
<a href="{:U('Index/detail',array('id'=>$vo['id']))}">
<img src="__PUBLIC__/Uploads/{$vo['img']}">
</a>
</p>
<p class="list_tex">
<a href="{:U('Index/detail',array('id'=>$vo['id']))}">
<span><font>￥{$vo.pirce}</font></span>
<strong>{$vo.name}</strong></br>
{$vo.pex}
</a>
</p>
<p class="list_tex">
<a class="activemsg" href="__PUBLIC__/"></a>
</p>
<p class="list_tex" >
<span class="txt_blue">青岛有货</span>
5262人评价，99%好评
</p>
</div>
</foreach>
<script src="__PUBLIC__/js/jquery.lazyload.js" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img.lazyimg").lazyload();
});
</script>
</div>
</div>
<div class="ui-refresh">
<input id="pageIndex" type="hidden" value="1">
<input id="pageSize" type="hidden" value="10">
<div class="ui-refresh-down"></div>
</div>
<footer class="footer">
<div id="footer" class="ft_top">
<a href="__PUBLIC__//mobile/member/toMemberLogin.html">登录</a>|<a href="__PUBLIC__//mobile/member/toMemberRegist.html">注册</a>
</div>
<p><a href="__PUBLIC__/javascript:scroll(0,0)">返回顶部</a>|<a href="__PUBLIC__//">返回首页</a>|<a href="__PUBLIC__//mobile/common/suggestInfos.html">意见反馈</a> </p>
<p>Copyright©2000-2015 m.ehaier.com<br />鲁ICP备09096283号 </p>
</footer>
<script type="text/javascript" src="__PUBLIC__/js/ehaier.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/baidu.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ga.js"></script>
<!--联系客服-->
<div class="tc2" style="display:none;">
<div class="kf_top">
<p style="font-size:18px;color:#4c4c4c;height:40px;padding-left:60px;line-height:40px;overflow:hidden;">工作时间</p>
<p class="tc_cg">早8:30 - 晚24:00</p>
</div>
<div class="tc_button">
<ul>
<li><span onclick="javascript:NTKF.im_openInPageChat('kf_9949_1358748431343');" title="在线客服"><a href="__PUBLIC__/javascript:void(0)">在线客服</a></span></li>
<li><a href="__PUBLIC__/javascript:void(0)" class="lxkf_close">取消</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
//ntalk
NTKF_PARAM = {
siteid:"kf_9949",
settingid: "kf_9949_1358748431343"
}
//联系客服打开
$(".lxkf").click(function(){
if ($('#load_mask').length) {}
else{
var h = $(document.body).height()+"px";
$("<div id='load_mask' class='tc_zz' style='height:"+h+"' />").appendTo("body");
}
$("#load_mask").show();
var t = $(window).scrollTop(), h = $(window).height(), iTop = 0;
iTop = ((h - $(".tc2").height()) / 2 + t) + "px";
$(".tc2").css("top", iTop).show();
})
//联系客服关闭
$(".lxkf_close").click(function(){
$(".tc2").hide();
$("#load_mask").hide();
})
</script>
<script type="text/javascript" src="__PUBLIC__/js/ntkfstat.js" charset="utf-8"></script>
</div>
<!-- 列表页 筛选 -->
<div id="panel">
<!--======筛选弹窗=====-->
<div class="sxtc">
<div class="sxtc_title">
<ul>
<li class="cur"><a href="__PUBLIC__/javascript:void(0)">筛选</a></li>
<li><a href="__PUBLIC__/javascript:void(0)">配送至</a></li>
</ul>
</div>
<div class="sxtc_content">
<div class="sxtc_bottom xx_tab" >
<div class="sxtc_list" id="zong_num">
<ul>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="bgtu categ">库存状态</a>
<ul class="lb_nr" style="display:block" id="pro_stock">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">显示全部</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" class="" value="true">仅显示有货</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ" >商品类型</a>
<ul class="lb_nr" style="display:none" id="pro_lei">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部品牌</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="297">海尔</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="298">卡萨帝</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="299">统帅</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="301">海尔施特劳斯</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="302">Zettom</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="303">新宝</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="305">MOOKA</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="307">小超人</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ">价格区间</a>
<ul class="lb_nr" id="pro_pre">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部</a></li>
<li><a href="__PUBLIC__/#" value="0 ~ 1000">0 ~ 1000</a></li>
<li><a href="__PUBLIC__/#" value="1001 ~ 2000">1001 ~ 2000</a></li>
<li><a href="__PUBLIC__/#" value="2001 ~ 3000">2001 ~ 3000</a></li>
<li><a href="__PUBLIC__/#" value="3001 ~ 4000">3001 ~ 4000</a></li>
<li><a href="__PUBLIC__/#" value="4001 ~ 5000">4001 ~ 5000</a></li>
<li><a href="__PUBLIC__/#" value="5001 ~ 1000000">5001以上</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ">耗电量（kwh/24h）</a>
<ul class="lb_nr" id="pro_76" value="76">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1553">0.5以下</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1554">0.51-1</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1555">1以上</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ">总容积（升）</a>
<ul class="lb_nr" id="pro_66" value="66">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1546">600以上</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1547">501-600</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1548">401-500</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1549">301-400</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1550">201-300</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1551">101-200</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1552">100以下</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ">类别</a>
<ul class="lb_nr" id="pro_64" value="64">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1698">BM风冷</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1683">意式三门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1682">法式对开门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="1681">法式六门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="44">两门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="43">三门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="46">嵌入式</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="42">对开</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="41">多门</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="45">单门</a></li>
</ul>
</li>
<li>
<a href="__PUBLIC__/javascript:void(0);" class="categ">能耗等级</a>
<ul class="lb_nr" id="pro_69" value="69">
<li><a href="__PUBLIC__/javascript:void(0);" class="xz" value="-1">全部</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="50">一级</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="51">二级</a></li>
<li><a href="__PUBLIC__/javascript:void(0);" value="52">三级</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="xzdq xx_tab">
<div class="xzdq_title"> 请选择地区 </div>
<div class="xzdq_bottom">
<ul id="dizhi_xz">
</ul>
</div>
</div>
</div>
</div>
</div>
<script>
$.ajax({
type : 'get',
dataType : 'jsonp',
url : 'http://www.ehaier.com/region.php?a=outRegionJson&pid=5949&acid=0&m=1',
success : function (data) {
parsePrcJson(data);
}
});
//解析prcJson
function parsePrcJson(data){
var province_da = [];
var city_da = [];
for( var i=0;i<data.length;i++ ){
var cur_province = data[i];
$("#dizhi_xz").append("<li id='li_province_"+cur_province.id+"'></li>");
$("#li_province_"+cur_province.id).append("<a href='javascript:void(0);' class='area' value='"+cur_province.id+"'>"+cur_province.name+"</a>");
$("#li_province_"+cur_province.id).append("<ul class='lb_nr' id='ul_province_"+cur_province.id+"'></ul>");
for( var j=0;j<cur_province.childs.length;j++ ){
var cur_city = cur_province.childs[j];
$("#ul_province_"+cur_province.id).append("<li ><a href='javascript:void(0);' id='li_city_"+cur_city.id+"'"+ " value='"+cur_city.id+"'>"+cur_city.name+"</a></li>")
}
}
//省市回显或设置默认值
$("#li_province_"+provinceId).children("a").attr("class","bgtu area");
$("#ul_province_"+provinceId).attr("style","display: block");
$("#li_city_"+cityId).addClass("xz");
}
</script></div>
<script type="text/javascript" src="__PUBLIC__/js/prduct_list.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//TAB 标题点击
$(".list_pic ul li").on("click",function(){
if( $(this).find('a span').html() == '价格'){
if($(this).find('a b').hasClass('ticon') ){
$("#jiage b").removeClass('ticon').addClass('micon bicon');
$("#jiage").attr('value','priceAsc');
}else{
$("#jiage b").removeClass('bicon').addClass('micon ticon');
$("#jiage").attr('value','priceDesc');
}
}else{
$("#jiage b").removeClass('micon ticon');
$("#jiage").attr('value','priceAsc');
}
if($(this).find('a').attr("value") != 'filterBtn'){
if(!$(this).find('a').hasClass('on') || $(this).find('a span').html() == '价格'){
$(".list_pic ul li a").removeClass('on');
$(this).find('a').addClass("on");
LoadProduct();
}
}
});
//详细选项
$(".sxtc_bottom .lb_nr li").on(DOEVENT, function (event) {
event.preventDefault();
$(this).parent().find("a").removeClass("xz");
$(this).children("a").addClass("xz");
//关闭面板
LoadProduct();
setTimeout(function(){
$('#panel').panel('close');
},500);
});
//省选择
$(document).on('click',"#dizhi_xz .area", function (event) {
event.preventDefault();
provinceId = $(this).attr("value");
provinceName = $(this).text();
});
//市选择
$(document).on('click',"#dizhi_xz .lb_nr li", function (event) {
event.preventDefault();
$("#dizhi_xz").find("a").removeClass("xz");
$(this).children("a").addClass("xz");
cityId = $(this).children("a").attr("value");
cityName = $(this).children("a").text();
LoadProduct();
//关闭面板
setTimeout(function(){
$('#panel').panel('close');
},500);
});
$(document).on('click',"#search_button", function (event) {
var searchKey = $("#sousuo_index").val();
location.href = "/mobile/search/templist.html?searchKey="+encodeURI(searchKey);//跳到错误页面
});
$('.ui-refresh').refresh({
load: function (dir, type) {
var me = this;
//LoadProduct();
var sortColumn = getSortColumn();
var stockState = getStockState();
var brandId = getBrandId();
var price = getPrice();
var otherFilter = getOtherFilter();
var pageIndex=parseInt($("#pageIndex").val())+1;
var pageSize=$("#pageSize").val();
$.ajax({
url: "/mobile/itemlist/2723_item.html",
data: {
sortColumn : sortColumn,
provinceName : provinceName,
provinceId : provinceId,
cityName : cityName,
cityId : cityId,
stockState: stockState,
brandId : brandId,
price : price,
otherFilter : otherFilter,
pageIndex : pageIndex,
pageSize : pageSize
},
type: "POST",
success: function(data) {
$("#list_div").append(data);
$("#pageIndex").val(pageIndex);
me.afterDataLoading(); //数据加载完成后改变状态
}
});
}
});
})
//获取当前选中的排序方式
function getSortColumn(){
for(var i = 1; i<=$("#sortColumn li").length; i++){
if($("#sortColumn li:nth-child( " + i + ")").children("a").hasClass("on")){
return value = $("#sortColumn li:nth-child( " + i + ")").children("a").attr("value");
}
}
}
//获取当前选中的库存状态
function getStockState(){
for(var i = 1; i<=$("#pro_stock li").length; i++){
if($("#pro_stock li:nth-child(" + i + ")").children("a").hasClass("xz")){
return value = $("#pro_stock li:nth-child(" + i + ")").children("a").attr("value");
}
}
}
//获取当前选中的品牌
function getBrandId(){
for(var i = 1; i<=$("#pro_lei li").length; i++){
if($("#pro_lei li:nth-child(" + i + ")").children("a").hasClass("xz")){
return value = $("#pro_lei li:nth-child(" + i + ")").children("a").attr("value");
}
}
}
//获取当前选中的价格区间
function getPrice(){
for(var i = 1; i<=$("#pro_pre li").length; i++){
if($("#pro_pre li:nth-child(" + i + ")").children("a").hasClass("xz")){
return value = $("#pro_pre li:nth-child(" + i + ")").children("a").attr("value");
}
}
}
//获取品牌其它筛选项
function getOtherFilter(){
var id = [];
var otherFilter = "";
id.push("76");
id.push("66");
id.push("64");
id.push("69");
for(var i = 0; i<id.length; i++){
var tempId = "pro_" + id[i];
for(var j = 1; j<=$("#" + tempId +" li").length; j++){
if($("#"+tempId+" li:nth-child("+j+")").children("a").hasClass("xz")){
otherFilter += id[i] + ":" +$("#"+tempId+" li:nth-child("+j+")").children("a").attr("value") + ";";
}
}
}
return otherFilter;
}
//加载商品
function LoadProduct(){
var sortColumn = getSortColumn();
var stockState = getStockState();
var brandId = getBrandId();
var price = getPrice();
var otherFilter = getOtherFilter();
var pageIndex = 1;
var pageSize = 10;
$("#pageIndex").val(1);//页码初始化
$.ajax({
url: "/mobile/itemlist/2723_item.html",
data: {
sortColumn : sortColumn,
provinceName : provinceName,
provinceId : provinceId,
cityName : cityName,
cityId : cityId,
stockState: stockState,
brandId : brandId,
price : price,
otherFilter : otherFilter,
pageIndex : pageIndex,
pageSize : pageSize
},
type: "POST",
success: function(data) {
$("#list_div").html(data);
$('.ui-refresh').show();
}
});
return false;
}
//设置content高度
function setHeight() {
var headerH = document.getElementById('list_pic').offsetHeight;
var footerH = document.getElementById('footer').offsetHeight;
var contentH = 0;
var tUserAgent = navigator.userAgent;
//由於Windows Phone不支援windows.innerHeight語法，改用screen代替
if (tUserAgent.indexOf("Windows Phone") != -1) {
contentH = screen.availHeight - headerH - footerH-footerH+20;
}
else {
contentH = window.innerHeight - headerH - footerH-footerH+20;
}
document.getElementById("product_no").style.height = contentH + "px";
}
</script>
</body>
</html>
~~~
~~~
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="m.ehaier.com">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="false" id="twcClient" name="twcClient" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/style.css">
<link rel="apple-touch-icon-precomposed" href="__PUBLIC__//images/ehaier-icon.png"/>
<link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__//images/ehaier-icon.png"/>
<script type="text/javascript" src="__PUBLIC__/js/zepto.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/gs.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mediav.js"></script>
<script type="text/javascript" name="baidu-tc-cerfication" data-appid="4746793" src="__PUBLIC__/js/lightapp.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/criteo.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ld.js" async></script>
<meta name="keywords" content="" />
<meta name="description" content="覆膜高光面板，耐磨性好不退色，不沾油烟不积灰；三门三温区，独立制冷不串味；中门007软冷冻技术，0解冻时间，0时差保鲜，0～-7℃软冷冻存储，肉食不用化冻即时切。" />
<title>{$data['name']}</title>
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/details.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/swiper.css"/>
<script type="text/javascript" src="__PUBLIC__/js/pz.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/cig.js"></script>
</head>
<body>
<header class="header">
<span class="fh left"><a href="__PUBLIC__/"> </a></span>
商品详情
<span class="hd_right right">
<a class="gwc" href="__PUBLIC__//mobile/cart/myCart.html"><span id="count">0 </span> </a>
<a class="right_but" href="__PUBLIC__//mobile/common/navigate.html"> </a>
</span>
</header>
<div id="page">
<!--======main=====-->
<div class="main">
<div class="m_banner">
<div class="swiper-container">
<div class="pagination"></div>
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="__PUBLIC__/javascript:void(0);"><img src="__PUBLIC__/Uploads/{$data['img']}" /></a></div>
</div>
</div>
</div>
<form action="{:U('Index/order')}" method="post">
<div class="details_text">
<div class="details_title">{$data['name']} {$data['pex']}</div>
<div class="details_nr">覆膜高光面板，耐磨性好不退色，不沾油烟不积灰；三门三温区，独立制冷不串味；中门007软冷冻技术，0解冻时间，0时差保鲜，0～-7℃软冷冻存储，肉食不用化冻即时切。</div>
<div class="details_jg">商城价格：<span>￥{$data['pirce']}</span> </div>
<input type="hidden" name="pirce" value="{$data['pirce']}">
<input type="hidden" name="id" value="{$data['id']}">
<input type="hidden" name="name" value="{$data['name']}">
<input type="hidden" name="pex" value="{$data['pex']}">
<a class="activemsg" href="__PUBLIC__/"></a>
<div class="details_nr">服务承诺：<span id="isSupportCOD"></span><span>送货上门，按约送达</span></div>
<div class="details_nr"> 购买数量：<span class="count_num">
<a href="javascript:void(0)" id="btnMinus" class="inputcheckbox">-</a>
<div class="count-input">
<input type="text" maxlength="2" name="num" value="1" id="proCount" readonly>
</div>
<a href="javascript:void(0)" id="btnAdd" class="inputcheckbox">+</a>
</span>
<span class="count-msg" id="stockStatus"></span>
<span style="display:none;" id="stockType"></span></div>
</div>
<div class="details_but" id="you">
<input type="submit" value="立即下单">
<!--订金尾款、限时抢购、二维码、套装走快捷购物流程-->
<!-- <a href="__PUBLIC__/javascript:void(0);" class="gwc" id="addCart">加入购物车</a> -->
</div>
<div class="details_qh" style="display:none" id="tongzhi"><a href="__PUBLIC__/javascript:void(0);" class="dhtz">到货通知</a></div>
<div class="details_qh" style="display:none" id="wu"><a href="__PUBLIC__/javascript:void(0)">无货</a></div>
<!--======到货通知=====-->
<div class="dhtz_tc" id="tongZhiCeng">
<header class="header"><span class="fh left"><a href="__PUBLIC__/javascript:history.go(-1);"> </a></span>到货通知</header>
<div class="dhtz_bottom">
<!-- <table width="100%" border="0" cellspacing="0" cellpadding="0">
<input type="hidden" id="tzpid" name="tzpid" value="6038" />
<tr>
<td height="45" align="right" valign="middle" width="20%">姓 名：</td>
<td height="45" align="left" valign="middle" width="80%"><input type="text" id="name" name="name" value="" class="tz_wbk"></td>
</tr>
<tr>
<td height="45" align="right" valign="middle">邮 箱：</td>
<td height="45" align="left" valign="middle"><input type="text" id="email" name="email" value="" class="tz_wbk"></td>
</tr>
<tr>
<td height="45" align="right" valign="middle">手机号：</td>
<td height="45" align="left" valign="middle"><input type="text" id="mobile" name="mobile" value="" class="tz_wbk"></td>
</tr>
<tr>
<td height="45" colspan="2" align="center" valign="middle"><a href="__PUBLIC__/javascript:void(0);" id="tj" class="tz_but">提交</a></td>
</tr>
</table> -->
</div>
</div>
</div>
</form>
<!--======footer=====-->
<footer class="footer">
<div id="footer" class="ft_top">
<a href="__PUBLIC__//mobile/member/toMemberLogin.html">登录</a>|<a href="__PUBLIC__//mobile/member/toMemberRegist.html">注册</a>
</div>
<p><a href="__PUBLIC__/javascript:scroll(0,0)">返回顶部</a>|<a href="__PUBLIC__//">返回首页</a>|<a href="__PUBLIC__//mobile/common/suggestInfos.html">意见反馈</a> </p>
<p>Copyright©2000-2015 m.ehaier.com<br />鲁ICP备09096283号 </p>
</footer>
<script type="text/javascript" src="__PUBLIC__/js/ehaier.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/baidu.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ga.js"></script>
<!--联系客服-->
<div class="tc2" style="display:none;">
<div class="kf_top">
<p style="font-size:18px;color:#4c4c4c;height:40px;padding-left:60px;line-height:40px;overflow:hidden;">工作时间</p>
<p class="tc_cg">早8:30 - 晚24:00</p>
</div>
<div class="tc_button">
<ul>
<li><span onclick="javascript:NTKF.im_openInPageChat('kf_9949_1358748431343');" title="在线客服"><a href="__PUBLIC__/javascript:void(0)">在线客服</a></span></li>
<li><a href="__PUBLIC__/javascript:void(0)" class="lxkf_close">取消</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
//ntalk
NTKF_PARAM = {
siteid:"kf_9949",
settingid: "kf_9949_1358748431343"
,itemid:"6038"
}
//联系客服打开
$(".lxkf").click(function(){
if ($('#load_mask').length) {}
else{
var h = $(document.body).height()+"px";
$("<div id='load_mask' class='tc_zz' style='height:"+h+"' />").appendTo("body");
}
$("#load_mask").show();
var t = $(window).scrollTop(), h = $(window).height(), iTop = 0;
iTop = ((h - $(".tc2").height()) / 2 + t) + "px";
$(".tc2").css("top", iTop).show();
})
//联系客服关闭
$(".lxkf_close").click(function(){
$(".tc2").hide();
$("#load_mask").hide();
})
</script>
<script type="text/javascript" src="__PUBLIC__/js/ntkfstat.js" charset="utf-8"></script>
</div>
<!--zepto and extend-->
<script type="text/javascript" src="__PUBLIC__/js/touch.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/selector.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/swiper-2.4.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/util.js"></script>
<script type="text/javascript">
$(document).ready(function (e) {
//商品图片展示
var gallery = $('.swiper-container').swiper({
slidesPerView: 'auto',
centeredSlides: true,
pagination: '.pagination',
paginationClickable: true,
/*resizeReInit: true,*/
keyboardControl: true,
grabCursor: true,
/*loop: true,*/ //slidesPerView为auto时不支持loop模式
autoplay:4000//自动播放的开关及延时
})
//购买数量增加或减少
var doEvent = document.hasOwnProperty("ontouchstart") ? "tap" : "click";
//减少
$("#btnMinus").on(doEvent, function () {
var count = parseInt($("#proCount").val());
if (count > 1) {
$("#proCount").val(--count);
}
});
//增加，最多99个
$("#btnAdd").on(doEvent, function () {
var count = parseInt($("#proCount").val());
if (count < 100) {
$("#proCount").val(++count);
}
});
//通知层显示
$("#tongzhi").click(function(){
$("#tongzhi").hide(); //通知按钮隐藏
$("#tongZhiCeng").show(); //通知层显示
});
//通知层提交
$("#tj").click(function(){
var name=$("#name").val();
var productId=$("#tzpid").val();
var emall=$("#email").val();
var mobile=$("#mobile").val();
if(Zepto.trim(name) == ""){
alert("姓名不能为空");
return false;
}
if(emall=="" && mobile==""){
alert("请填写邮箱或手机，不能都为空");
return false;
}
if(emall != ""){
if(!isEamll(emall)){
return false;
}
}
if(mobile != ""){
if(!isMobileNO(mobile)){
return false;
}
}
var regionId = $("#regionId").val();
var provinceName = $("#provincetip").text();
var cityName = $("#citytip").text();
var regionName = $("#regiontip").text();
$.post("/mobile/item/inform.html"
,{ name:name,
productId:productId,
emall:emall,
mobile:mobile,
regionId:regionId,
provinceName:provinceName,
cityName:cityName,
regionName:regionName
},
function(data)
{
if(data.success){
alert("设置到货通知成功")
$("#tongZhiCeng").hide(); //通知层显示
$("#tongzhi").show();
}
else{
alert("设置到货通知失败");
$("#tongZhiCeng").hide(); //通知层显示
$("#tongzhi").show();
}
}, "json")
});
//手机号校验
function isMobileNO(mobileNum){
var pattern = new RegExp("^((13[0-9])|(14[57])|(15[^4,\\D])|(18[0-9]))\\d{8}$");
if(!pattern.test(mobileNum)){
alert("手机号不正确！");
return false;
}
return true;
}
//邮箱校验
function isEamll(emall){
var pattern = new RegExp("^([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)*@([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$");
if(!pattern.test(emall)){
alert("邮箱不正确！");
return false;
}
return true;
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
var provinceId = '';
var cityId = '';
var regionId = '';
var provinceName = '';
var cityName = '';
var regionName = '';
if( provinceId == '') { provinceId='16';}
if( cityId == '') { cityId='173';}
if( provinceName == '') { provinceName='山东';}
if( cityName == '') { cityName='青岛';}
//所有省市区json
var prcJson = {};
var province_da = [];
var city_da = [];
var region_da = [];
//加载省市区
$.ajax({
type: 'POST',
url: '/mobile/item/getRegion.html',
data:'',
dataType: 'json',
success: function(data){
parsePrcJson(data.data);
},
/*
type : 'get',
dataType : 'jsonp',
url : 'http://www.ehaier.com/region.php?a=outRegionJson&pid=5949&acid=0&m=1',
success : function (data) {
alert(data);
parsePrcJson(data);
}
*/
});
//解析prcJson
function parsePrcJson(data){
for( var i=0;i<data.length;i++ ){
var cur_province = data[i];
province_da.push({
'id':cur_province.id,
'name':cur_province.regionName
});
for( var j=0;j<cur_province.childs.length;j++ ){
var cur_city = cur_province.childs[j];
city_da.push({
'id':cur_city.id,
'name':cur_city.regionName,
'fid':cur_province.id
});
for( var k=0;k<cur_city.childs.length;k++ ){
var cur_region = cur_city.childs[k];
region_da.push({
'id':cur_region.id,
'name':cur_region.regionName,
'fid':cur_city.id
});
}
}
}
//初始化省
for(var i=0; i<province_da.length;i++){
$("#provinceId").append("<option value='"+province_da[i].id+"'>"+province_da[i].name+"</option>");
}
//初始化市
for(var i=0; i<city_da.length;i++){
if( city_da[i].fid == provinceId ){
$("#cityId").append('<option value="'+city_da[i].id+'">'+city_da[i].name+'</option>');
}
}
//初始化区
for(var i=0; i<region_da.length;i++){
if( region_da[i].fid == cityId ){
$("#regionId").append('<option value="'+region_da[i].id+'">'+region_da[i].name+'</option>');
}
}
//省市区回显或设置默认值
//省
$("#provinceId option[value='"+provinceId+"']").attr("selected","selected");
$("#provincetip").text(provinceName);
//市
$("#cityId option[value='"+cityId+"']").attr("selected","selected");
$("#citytip").text(cityName);
//区
if(regionId == '') {
var count = 0;
for(var i=0; i<region_da.length;i++){
if( region_da[i].fid == cityId ){
count++;
if(count == 1){
regionId = region_da[i].id;
regionName = region_da[i].name;
$("#regionId option[value='"+region_da[i].id+"']").attr("selected","selected");
$("#regiontip").text(region_da[i].name);
break;
}
}
}
Zepto.post("/mobile/item/storeRegion.html",
{
province : provinceId,
city : cityId,
region : regionId,
regionName : provinceName + " " + cityName + " " + regionName
},
function(json,status){
if(!json.success){
//console.log("省市区存储失败！");
}
}
);
}else{
$("#regionId option[value='"+regionId+"']").attr("selected","selected");
$("#regiontip").text(regionName);
}
$("#estore").hide();
//校验库存
checkStock(regionId);
}
(function(){
if(false){
//已收藏
$("#collectIcon").removeClass("icon-collect");
$("#collectIcon").addClass("icon-nav-fav");
}
if(false){
//已点过赞
$("#praiseIcon").removeClass("icon-praise");
$("#praiseIcon").addClass("icon-praised");
}
})();
//省选择事件
$("#provinceId").change(function(){
var $provinceSel = $("#provinceId option:selected");
var parentId = $provinceSel.val();
$("#stockStatus").empty();
$("#provincetip").text($provinceSel.text());
$("#cityId option").remove();
$("#cityId").append('<option value="">选择市</option>');
$("#citytip").text("选择市");
$("#regionId option").remove();
$("#regionId").append('<option value="">选择区</option>');
$("#regiontip").text("选择区");
if(parentId == null || parentId == "" || parentId == 0){
return;
}
for( var i=0;i<city_da.length;i++ ){
if( city_da[i].fid == parentId ){
$("#cityId").append('<option value="'+city_da[i].id+'">'+city_da[i].name+'</option>');
}
}
hasStock();
});
//市选择事件
$("#cityId").change(function(){
var $citySel = $("#cityId option:selected");
var parentId = $citySel.val();
$("#stockStatus").empty();
$("#citytip").text($citySel.text());
$("#regionId option").remove();
$("#regionId").append('<option value="">选择区</option>');
$("#regiontip").text("选择区");
if(parentId == null || parentId == "" || parentId == 0){
return;
}
for( var i=0;i<region_da.length;i++ ){
if( region_da[i].fid == parentId ){
$("#regionId").append('<option value="'+region_da[i].id+'">'+region_da[i].name+'</option>');
}
}
hasStock();
});
//区选择事件
$("#regionId").change(function(){
var $provinceSel = $("#provinceId option:selected");
var $citySel = $("#cityId option:selected");
var $regionSel = $("#regionId option:selected");
var province = $provinceSel.val();
var city = $citySel.val();
var region = $regionSel.val();
var provinceName = $provinceSel.text();
var cityName = $citySel.text();
var districtName = $regionSel.text();
var regionName = provinceName + " " + cityName + " " + districtName;
$("#regiontip").text($regionSel.text());
if(region == null || region == "" || region == 0){
$("#stockStatus").empty();
return;
}
checkStock(region);
($).post("/mobile/item/storeRegion.html",
{
province : province,
city : city,
region : region,
regionName : regionName
},
function(json,status){
if(!json.success){
//console.log("省市区存储失败！");
}
}
);
});
//库存校验
function checkStock(regionId){
var sku = 'BA09X0B8F';
var productId = '6038';
$.getJSON("/mobile/item/checkStock.html?sku="+sku+"®ionId="+regionId+"&prodId="+productId,function(data,status){
var json = data;
if(json.success){
if(json.data.hasStock){
if(json.data.expectTime != null){
hasStock();
$("#buyImmediately").text("立即购买");
$("#addCart").show();
$("#stockStatus").text(json.data.expectTime);
$("#stockType").text(json.data.stockType);
$("#tongzhi").hide();
$("#you").css('display','block');
}
if(json.data.isSupportCOD){
$("#isSupportCOD").text("货到付款，");
}else{
$("#isSupportCOD").text("");
}
}else if(json.data.bookable){
if(json.data.expectTime != null){
hasStock();
$("#stockStatus").text(json.data.expectTime);
$("#stockType").text(json.data.stockType);
$("#tongzhi").hide();
$("#you").css('display','block');
}
if(json.data.bookable){
$("#buyImmediately").text("立即预定");
$("#addCart").hide();
$("#isSupportCOD").text("");
}
}else{
noStock();
$("#you").hide();
$("#tongzhi").show();
}
}else{
noStock();
$("#you").hide();
$("#tongzhi").show();
}
checkStore(regionId);
});
}
function checkStore(regionId){
var stockType = $("#stockType").text();
if(stockType=="WA" || stockType == "" || stockType == null) return;
$.ajax({
url:"/mobile/productmain/storeregion.html",
type:"POST",
dataType:"json",
data:{regionId:regionId},
success:function(result){
if(result.success){
$("#estore").show();
$("#estore a").attr("href","/mobile/o2omini/"+ result.data.storeCode+".html?storeId="+result.data.storeId);
}else{
$("#estore").hide();
}
}
});
/*var regions = [2444,2445,2446,2447,2448,2449,2450,2451,2452,2453,2454];
for(var index = 0;index < regions.length;index++)
{
if(regionId==2452){
$("#estore").show();
$("#estore a").attr("href","http://www.ehaier.com/tpl/pddf/m/index.html");
break;
}else if(regionId == regions[index]){
$("#estore").show();
$("#estore a").attr("href","http://www.ehaier.com/tpl/hcyt/m/index.html");
break;
}else{
$("#estore").hide();
}
}*/
}
//有货
function hasStock(){
$("#stockStatus").text("");
}
//无货
function noStock(){
$("#stockStatus").text("无货");
}
//收藏
$("#collect").click(function(){
if($("#collectIcon").hasClass("icon-nav-fav")){return false;}
url = "/mobile/item/productCollect.html";
($).getJSON(url,{
productId : 6038,
productName : '海尔 冰箱 BCD-206STPA',
imageUrl : 'http://cdn21.ehaier.com/file/566ef238b702af925d2b8d50.png'
}, function(data, status) {
var json = data;
if(json.success){
var redirect = json.data.redirect;
if(redirect == null){
//收藏成功
var count = 1240 + 1
$("#collectIcon").removeClass("icon-collect");
$("#collectIcon").addClass("icon-nav-fav");
$("#collectCount").text(count);
}else{
window.location.href=redirect;
}
}else{
}
});
});
//加入购物车
$("#addCart").click(function(){
var regionId = $("#regionId").val();
var number = $("#proCount").val();
var productId = 6038;
/*var ckPrice = 0;*/
var ckCode = 0;
var isCK = 0;
if(regionId == "" || number == "" || productId == ""){
alert("请选择配送区域！");
return;
}
if(ckCode > 0 || isCK > 0){
$.getJSON("/mobile/ckcart/addProduct.html?number="+number+"&productId="+productId, function(data, status) {
var json = data;
if(json.success){
location.href ="/mobile/ckcart/myCart.html";
}else{
alert("购物车添加失败");
}
});
}else{
$.getJSON("/mobile/cart/addToCart.html?number="+number+"&productId="+productId, function(data, status) {
var json = data;
if(json.success){
location.href ="/mobile/cart/myCart.html";
}else{
alert("购物车添加失败");
}
});
}
});
//立即购买
$("#buyImmediately").click(function(){
var number = $("#proCount").val();
var productId = 6038;
var ckPrice = 0;
var productActivitiesPrice = 0;
var flashsalesPrice = 0;
var packageId = 0;
var bcQrcodePrice = 0;
/*var ckPrice = 0;*/
var ckCode = 0;
var isCK = 0;
if(regionId == "" || number == "" || productId == ""){
alert("请选择配送区域！");
return;
}
if(bcQrcodePrice > 0){
location.href = "/mobile/order/toQuickOrderSubmit.html?productId="+productId+"&bcQrcodeId=${bcQrcodeId}";
}else if((ckCode > 0 || isCK >0) && packageId == 0){
location.href = "/mobile/ckcart/buyImmediately.html?number="+number+"&productId="+productId;
}else if(productActivitiesPrice > 0 || flashsalesPrice > 0 || packageId > 0){
location.href = "/mobile/order/toQuickOrderSubmit.html?productId="+productId;
}else{
location.href = "/mobile/item/buyImmediately.html?number="+number+"&productId="+productId;
}
});
});
//点赞
$("#praise").click(function(){
if($("#praiseIcon").hasClass("icon-praised")){return false;}
url = "/mobile/item/productPraise.html";
($).getJSON(url,{
productId : 6038
}, function(data, status) {
var json = data;
if(json.success){
var redirect = json.data.redirect;
if(redirect == null){
var count = 3893 + 1
//点赞成功
$("#praiseIcon").removeClass("icon-praise");
$("#praiseIcon").addClass("icon-praised");
$("#praiseCount").text(count);
}else{
window.location.href=redirect;
}
}else{
}
});
});
_cigPvUv();//CIG pv/uv单品监测
criteo_productMain("6038");//criteo广告投放
</script>
</body>
</html>
~~~
~~~
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="author" content="m.ehaier.com">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta content="false" id="twcClient" name="twcClient" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/style.css">
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/area.css">
<link rel="apple-touch-icon-precomposed" href="__PUBLIC__//images/ehaier-icon.png"/>
<link rel="shortcut icon" type="image/x-icon" href="__PUBLIC__//images/ehaier-icon.png"/><script type="text/javascript" src="__PUBLIC__/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/area.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/zepto.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/gs.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mediav.js"></script>
<script type="text/javascript" name="baidu-tc-cerfication" data-appid="4746793" src="__PUBLIC__/js/lightapp.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/criteo.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ld.js" async></script>
<meta name="keywords" content="" />
<meta name="description" content="覆膜高光面板，耐磨性好不退色，不沾油烟不积灰；三门三温区，独立制冷不串味；中门007软冷冻技术，0解冻时间，0时差保鲜，0～-7℃软冷冻存储，肉食不用化冻即时切。" />
<title>{$data['name']}</title>
<link type="text/css" rel="stylesheet" href="__PUBLIC__/css/details.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/swiper.css"/>
<script type="text/javascript" src="__PUBLIC__/js/pz.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/cig.js"></script>
</head>
<body>
<header class="header">
<span class="fh left"><a href="__PUBLIC__/"> </a></span>
商品详情
<span class="hd_right right">
<a class="gwc" href="__PUBLIC__//mobile/cart/myCart.html"><span id="count">0 </span> </a>
<a class="right_but" href="__PUBLIC__//mobile/common/navigate.html"> </a>
</span>
</header>
<div id="page">
<!--======main=====-->
<div class="main">
<form action="{:U('Index/addOrder')}" method="post">
<div class="details_text">
<div class="details_title">{$data['name']} {$data['pex']}</div>
<div class="details_nr">覆膜高光面板，耐磨性好不退色，不沾油烟不积灰；三门三温区，独立制冷不串味；中门007软冷冻技术，0解冻时间，0时差保鲜，0～-7℃软冷冻存储，肉食不用化冻即时切。</div>
<div class="details_jg">商城价格：<span>￥{$data['pirce']}</span> </div>
<input type="hidden" name="pirce" value="{$data['pirce']}">
<input type="hidden" name="id" value="{$data['id']}">
<input type="hidden" name="name" value="{$data['name']}">
<input type="hidden" name="pex" value="{$data['pex']}">
<a class="activemsg" href="__PUBLIC__/"></a>
<div class="details_nr">服务承诺：<span id="isSupportCOD"></span><span>送货上门，按约送达</span></div>
<div class="details_nr"> 购买数量：<span class="count_num">
<a href="javascript:void(0)" id="btnMinus" class="inputcheckbox">-</a>
<div class="count-input">
<input type="text" maxlength="2" name="num" value="{$data['num']}" id="proCount" readonly>
</div>
<a href="javascript:void(0)" id="btnAdd" class="inputcheckbox">+</a>
</span>
<span class="count-msg" id="stockStatus"></span>
<span style="display:none;" id="stockType"></span></div>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<input type="hidden" id="tzpid" name="tzpid" value="6038" />
<tr>
<td height="45" align="right" valign="middle" width="20%">姓 名：</td>
<td height="45" align="left" valign="middle" width="80%"><input type="text" id="name" name="name" value="" class="tz_wbk"></td>
</tr>
<tr>
<td height="45" align="right" valign="middle">邮 箱：</td>
<td height="45" align="left" valign="middle"><input type="text" id="email" name="email" value="" class="tz_wbk"></td>
</tr>
<tr>
<td height="45" align="right" valign="middle">手机号：</td>
<td height="45" align="left" valign="middle"><input type="text" id="mobile" name="mobile" value="" class="tz_wbk"></td>
</tr>
<tr>
<tr>
<td height="45" align="right" valign="middle">配送区域：</td>
<td height="45" align="left" valign="middle"><input class="address_input1" type="text" placeholder="省市区" name="city" id="shengshi" onClick="getProvinceBuy()" readonly></td>
</tr>
<tr>
<td height="45" align="right" valign="middle">详细地址：</td>
<td height="45" align="left" valign="middle"><input type="text" name="detail"></td>
</tr>
</table>
<div class="details_but" id="you">
<input type="submit" value="微信支付">
<!--订金尾款、限时抢购、二维码、套装走快捷购物流程-->
<!-- <a href="__PUBLIC__/javascript:void(0);" class="gwc" id="addCart">加入购物车</a> -->
</div>
<div class="details_qh" style="display:none" id="tongzhi"><a href="__PUBLIC__/javascript:void(0);" class="dhtz">到货通知</a></div>
<div class="details_qh" style="display:none" id="wu"><a href="__PUBLIC__/javascript:void(0)">无货</a></div>
<!--======到货通知=====-->
<div class="dhtz_tc" id="tongZhiCeng">
<header class="header"><span class="fh left"><a href="__PUBLIC__/javascript:history.go(-1);"> </a></span>到货通知</header>
<div class="dhtz_bottom">
</div>
</div>
</div>
</form>
<script type="text/javascript" src="__PUBLIC__/js/ehaier.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/baidu.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ga.js"></script>
<script type="text/javascript">
//ntalk
NTKF_PARAM = {
siteid:"kf_9949",
settingid: "kf_9949_1358748431343"
,itemid:"6038"
}
//联系客服打开
$(".lxkf").click(function(){
if ($('#load_mask').length) {}
else{
var h = $(document.body).height()+"px";
$("<div id='load_mask' class='tc_zz' style='height:"+h+"' />").appendTo("body");
}
$("#load_mask").show();
var t = $(window).scrollTop(), h = $(window).height(), iTop = 0;
iTop = ((h - $(".tc2").height()) / 2 + t) + "px";
$(".tc2").css("top", iTop).show();
})
//联系客服关闭
$(".lxkf_close").click(function(){
$(".tc2").hide();
$("#load_mask").hide();
})
</script>
<script type="text/javascript" src="__PUBLIC__/js/ntkfstat.js" charset="utf-8"></script>
</div>
<!--zepto and extend-->
<script type="text/javascript" src="__PUBLIC__/js/touch.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/selector.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/swiper-2.4.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/util.js"></script>
<script type="text/javascript">
$(document).ready(function (e) {
//商品图片展示
var gallery = $('.swiper-container').swiper({
slidesPerView: 'auto',
centeredSlides: true,
pagination: '.pagination',
paginationClickable: true,
/*resizeReInit: true,*/
keyboardControl: true,
grabCursor: true,
/*loop: true,*/ //slidesPerView为auto时不支持loop模式
autoplay:4000//自动播放的开关及延时
})
//购买数量增加或减少
var doEvent = document.hasOwnProperty("ontouchstart") ? "tap" : "click";
//减少
$("#btnMinus").on(doEvent, function () {
var count = parseInt($("#proCount").val());
if (count > 1) {
$("#proCount").val(--count);
}
});
//增加，最多99个
$("#btnAdd").on(doEvent, function () {
var count = parseInt($("#proCount").val());
if (count < 100) {
$("#proCount").val(++count);
}
});
//通知层显示
$("#tongzhi").click(function(){
$("#tongzhi").hide(); //通知按钮隐藏
$("#tongZhiCeng").show(); //通知层显示
});
//通知层提交
$("#tj").click(function(){
var name=$("#name").val();
var productId=$("#tzpid").val();
var emall=$("#email").val();
var mobile=$("#mobile").val();
if(Zepto.trim(name) == ""){
alert("姓名不能为空");
return false;
}
if(emall=="" && mobile==""){
alert("请填写邮箱或手机，不能都为空");
return false;
}
if(emall != ""){
if(!isEamll(emall)){
return false;
}
}
if(mobile != ""){
if(!isMobileNO(mobile)){
return false;
}
}
var regionId = $("#regionId").val();
var provinceName = $("#provincetip").text();
var cityName = $("#citytip").text();
var regionName = $("#regiontip").text();
$.post("/mobile/item/inform.html"
,{ name:name,
productId:productId,
emall:emall,
mobile:mobile,
regionId:regionId,
provinceName:provinceName,
cityName:cityName,
regionName:regionName
},
function(data)
{
if(data.success){
alert("设置到货通知成功")
$("#tongZhiCeng").hide(); //通知层显示
$("#tongzhi").show();
}
else{
alert("设置到货通知失败");
$("#tongZhiCeng").hide(); //通知层显示
$("#tongzhi").show();
}
}, "json")
});
//手机号校验
function isMobileNO(mobileNum){
var pattern = new RegExp("^((13[0-9])|(14[57])|(15[^4,\\D])|(18[0-9]))\\d{8}$");
if(!pattern.test(mobileNum)){
alert("手机号不正确！");
return false;
}
return true;
}
//邮箱校验
function isEamll(emall){
var pattern = new RegExp("^([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)*@([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$");
if(!pattern.test(emall)){
alert("邮箱不正确！");
return false;
}
return true;
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
var provinceId = '';
var cityId = '';
var regionId = '';
var provinceName = '';
var cityName = '';
var regionName = '';
if( provinceId == '') { provinceId='16';}
if( cityId == '') { cityId='173';}
if( provinceName == '') { provinceName='山东';}
if( cityName == '') { cityName='青岛';}
//所有省市区json
var prcJson = {};
var province_da = [];
var city_da = [];
var region_da = [];
//加载省市区
$.ajax({
type: 'POST',
url: '/mobile/item/getRegion.html',
data:'',
dataType: 'json',
success: function(data){
parsePrcJson(data.data);
},
/*
type : 'get',
dataType : 'jsonp',
url : 'http://www.ehaier.com/region.php?a=outRegionJson&pid=5949&acid=0&m=1',
success : function (data) {
alert(data);
parsePrcJson(data);
}
*/
});
//解析prcJson
function parsePrcJson(data){
for( var i=0;i<data.length;i++ ){
var cur_province = data[i];
province_da.push({
'id':cur_province.id,
'name':cur_province.regionName
});
for( var j=0;j<cur_province.childs.length;j++ ){
var cur_city = cur_province.childs[j];
city_da.push({
'id':cur_city.id,
'name':cur_city.regionName,
'fid':cur_province.id
});
for( var k=0;k<cur_city.childs.length;k++ ){
var cur_region = cur_city.childs[k];
region_da.push({
'id':cur_region.id,
'name':cur_region.regionName,
'fid':cur_city.id
});
}
}
}
//初始化省
for(var i=0; i<province_da.length;i++){
$("#provinceId").append("<option value='"+province_da[i].id+"'>"+province_da[i].name+"</option>");
}
//初始化市
for(var i=0; i<city_da.length;i++){
if( city_da[i].fid == provinceId ){
$("#cityId").append('<option value="'+city_da[i].id+'">'+city_da[i].name+'</option>');
}
}
//初始化区
for(var i=0; i<region_da.length;i++){
if( region_da[i].fid == cityId ){
$("#regionId").append('<option value="'+region_da[i].id+'">'+region_da[i].name+'</option>');
}
}
//省市区回显或设置默认值
//省
$("#provinceId option[value='"+provinceId+"']").attr("selected","selected");
$("#provincetip").text(provinceName);
//市
$("#cityId option[value='"+cityId+"']").attr("selected","selected");
$("#citytip").text(cityName);
//区
if(regionId == '') {
var count = 0;
for(var i=0; i<region_da.length;i++){
if( region_da[i].fid == cityId ){
count++;
if(count == 1){
regionId = region_da[i].id;
regionName = region_da[i].name;
$("#regionId option[value='"+region_da[i].id+"']").attr("selected","selected");
$("#regiontip").text(region_da[i].name);
break;
}
}
}
Zepto.post("/mobile/item/storeRegion.html",
{
province : provinceId,
city : cityId,
region : regionId,
regionName : provinceName + " " + cityName + " " + regionName
},
function(json,status){
if(!json.success){
//console.log("省市区存储失败！");
}
}
);
}else{
$("#regionId option[value='"+regionId+"']").attr("selected","selected");
$("#regiontip").text(regionName);
}
$("#estore").hide();
//校验库存
checkStock(regionId);
}
(function(){
if(false){
//已收藏
$("#collectIcon").removeClass("icon-collect");
$("#collectIcon").addClass("icon-nav-fav");
}
if(false){
//已点过赞
$("#praiseIcon").removeClass("icon-praise");
$("#praiseIcon").addClass("icon-praised");
}
})();
//省选择事件
$("#provinceId").change(function(){
var $provinceSel = $("#provinceId option:selected");
var parentId = $provinceSel.val();
$("#stockStatus").empty();
$("#provincetip").text($provinceSel.text());
$("#cityId option").remove();
$("#cityId").append('<option value="">选择市</option>');
$("#citytip").text("选择市");
$("#regionId option").remove();
$("#regionId").append('<option value="">选择区</option>');
$("#regiontip").text("选择区");
if(parentId == null || parentId == "" || parentId == 0){
return;
}
for( var i=0;i<city_da.length;i++ ){
if( city_da[i].fid == parentId ){
$("#cityId").append('<option value="'+city_da[i].id+'">'+city_da[i].name+'</option>');
}
}
hasStock();
});
//市选择事件
$("#cityId").change(function(){
var $citySel = $("#cityId option:selected");
var parentId = $citySel.val();
$("#stockStatus").empty();
$("#citytip").text($citySel.text());
$("#regionId option").remove();
$("#regionId").append('<option value="">选择区</option>');
$("#regiontip").text("选择区");
if(parentId == null || parentId == "" || parentId == 0){
return;
}
for( var i=0;i<region_da.length;i++ ){
if( region_da[i].fid == parentId ){
$("#regionId").append('<option value="'+region_da[i].id+'">'+region_da[i].name+'</option>');
}
}
hasStock();
});
//区选择事件
$("#regionId").change(function(){
var $provinceSel = $("#provinceId option:selected");
var $citySel = $("#cityId option:selected");
var $regionSel = $("#regionId option:selected");
var province = $provinceSel.val();
var city = $citySel.val();
var region = $regionSel.val();
var provinceName = $provinceSel.text();
var cityName = $citySel.text();
var districtName = $regionSel.text();
var regionName = provinceName + " " + cityName + " " + districtName;
$("#regiontip").text($regionSel.text());
if(region == null || region == "" || region == 0){
$("#stockStatus").empty();
return;
}
checkStock(region);
($).post("/mobile/item/storeRegion.html",
{
province : province,
city : city,
region : region,
regionName : regionName
},
function(json,status){
if(!json.success){
//console.log("省市区存储失败！");
}
}
);
});
//库存校验
function checkStock(regionId){
var sku = 'BA09X0B8F';
var productId = '6038';
$.getJSON("/mobile/item/checkStock.html?sku="+sku+"®ionId="+regionId+"&prodId="+productId,function(data,status){
var json = data;
if(json.success){
if(json.data.hasStock){
if(json.data.expectTime != null){
hasStock();
$("#buyImmediately").text("立即购买");
$("#addCart").show();
$("#stockStatus").text(json.data.expectTime);
$("#stockType").text(json.data.stockType);
$("#tongzhi").hide();
$("#you").css('display','block');
}
if(json.data.isSupportCOD){
$("#isSupportCOD").text("货到付款，");
}else{
$("#isSupportCOD").text("");
}
}else if(json.data.bookable){
if(json.data.expectTime != null){
hasStock();
$("#stockStatus").text(json.data.expectTime);
$("#stockType").text(json.data.stockType);
$("#tongzhi").hide();
$("#you").css('display','block');
}
if(json.data.bookable){
$("#buyImmediately").text("立即预定");
$("#addCart").hide();
$("#isSupportCOD").text("");
}
}else{
noStock();
$("#you").hide();
$("#tongzhi").show();
}
}else{
noStock();
$("#you").hide();
$("#tongzhi").show();
}
checkStore(regionId);
});
}
function checkStore(regionId){
var stockType = $("#stockType").text();
if(stockType=="WA" || stockType == "" || stockType == null) return;
$.ajax({
url:"/mobile/productmain/storeregion.html",
type:"POST",
dataType:"json",
data:{regionId:regionId},
success:function(result){
if(result.success){
$("#estore").show();
$("#estore a").attr("href","/mobile/o2omini/"+ result.data.storeCode+".html?storeId="+result.data.storeId);
}else{
$("#estore").hide();
}
}
});
/*var regions = [2444,2445,2446,2447,2448,2449,2450,2451,2452,2453,2454];
for(var index = 0;index < regions.length;index++)
{
if(regionId==2452){
$("#estore").show();
$("#estore a").attr("href","http://www.ehaier.com/tpl/pddf/m/index.html");
break;
}else if(regionId == regions[index]){
$("#estore").show();
$("#estore a").attr("href","http://www.ehaier.com/tpl/hcyt/m/index.html");
break;
}else{
$("#estore").hide();
}
}*/
}
//有货
function hasStock(){
$("#stockStatus").text("");
}
//无货
function noStock(){
$("#stockStatus").text("无货");
}
//收藏
$("#collect").click(function(){
if($("#collectIcon").hasClass("icon-nav-fav")){return false;}
url = "/mobile/item/productCollect.html";
($).getJSON(url,{
productId : 6038,
productName : '海尔 冰箱 BCD-206STPA',
imageUrl : 'http://cdn21.ehaier.com/file/566ef238b702af925d2b8d50.png'
}, function(data, status) {
var json = data;
if(json.success){
var redirect = json.data.redirect;
if(redirect == null){
//收藏成功
var count = 1240 + 1
$("#collectIcon").removeClass("icon-collect");
$("#collectIcon").addClass("icon-nav-fav");
$("#collectCount").text(count);
}else{
window.location.href=redirect;
}
}else{
}
});
});
//加入购物车
$("#addCart").click(function(){
var regionId = $("#regionId").val();
var number = $("#proCount").val();
var productId = 6038;
/*var ckPrice = 0;*/
var ckCode = 0;
var isCK = 0;
if(regionId == "" || number == "" || productId == ""){
alert("请选择配送区域！");
return;
}
if(ckCode > 0 || isCK > 0){
$.getJSON("/mobile/ckcart/addProduct.html?number="+number+"&productId="+productId, function(data, status) {
var json = data;
if(json.success){
location.href ="/mobile/ckcart/myCart.html";
}else{
alert("购物车添加失败");
}
});
}else{
$.getJSON("/mobile/cart/addToCart.html?number="+number+"&productId="+productId, function(data, status) {
var json = data;
if(json.success){
location.href ="/mobile/cart/myCart.html";
}else{
alert("购物车添加失败");
}
});
}
});
//立即购买
$("#buyImmediately").click(function(){
var number = $("#proCount").val();
var productId = 6038;
var ckPrice = 0;
var productActivitiesPrice = 0;
var flashsalesPrice = 0;
var packageId = 0;
var bcQrcodePrice = 0;
/*var ckPrice = 0;*/
var ckCode = 0;
var isCK = 0;
if(regionId == "" || number == "" || productId == ""){
alert("请选择配送区域！");
return;
}
if(bcQrcodePrice > 0){
location.href = "/mobile/order/toQuickOrderSubmit.html?productId="+productId+"&bcQrcodeId=${bcQrcodeId}";
}else if((ckCode > 0 || isCK >0) && packageId == 0){
location.href = "/mobile/ckcart/buyImmediately.html?number="+number+"&productId="+productId;
}else if(productActivitiesPrice > 0 || flashsalesPrice > 0 || packageId > 0){
location.href = "/mobile/order/toQuickOrderSubmit.html?productId="+productId;
}else{
location.href = "/mobile/item/buyImmediately.html?number="+number+"&productId="+productId;
}
});
});
//点赞
$("#praise").click(function(){
if($("#praiseIcon").hasClass("icon-praised")){return false;}
url = "/mobile/item/productPraise.html";
($).getJSON(url,{
productId : 6038
}, function(data, status) {
var json = data;
if(json.success){
var redirect = json.data.redirect;
if(redirect == null){
var count = 3893 + 1
//点赞成功
$("#praiseIcon").removeClass("icon-praise");
$("#praiseIcon").addClass("icon-praised");
$("#praiseCount").text(count);
}else{
window.location.href=redirect;
}
}else{
}
});
});
_cigPvUv();//CIG pv/uv单品监测
criteo_productMain("6038");//criteo广告投放
</script>
</body>
</html>
~~~
3. 在浏览器输入：域名/index.php/Shop/Index
4. 点击产品列表中的产品可以进入详情页面
5. 点击立即下单可以进入订单页面
6. 填写表格，点击微信支付
7. 本节源码下载（下载密码：gg3m）点击[下载](https://pan.baidu.com/s/15R3SaxqkhfkGJAldZF5xyQ)
- 空白目录
- 常用功能
- PHP中常用的header头部定义
- 压缩包下载1
- 压缩包下载2
- 文件下载
- php常用加密函数总结
- url请求参数加解密
- PHP操作大全
- 指定月份的第某个月
- PHP 数组和字符串互相转换实现方法
- php字符串截取的简单方法
- php 根据子分类循环获取其父级分类
- PHP文件操作功能函数大全
- PHP常用到的功能函数
- 自定义php常用函数110个
- 自定义PHP常用功能函数
- 开发中常用自定义小功能函数
- PHP判断远程文件是否存在
- PHP写文件函数
- PHP生成GUID的函数
- PHP常用正则表达式汇总
- php字符串压缩
- PHP无限分组
- PHP简单 对象(object) 与 数组(array) 的转换
- PHP数组常用函数
- PHP调式测试函数
- PHP常用字符串的操作函数
- mysql 常用内置函数
- PHP通用请求函数CURL封装
- 裁剪图片PHP代码
- PDO操作MYSQL封装类
- 10个实用的PHP代码片段
- 获取访问者IP地址
- PHP实现发红包程序
- PHP把文本转换成图片
- curl重写php file_get_contents
- PHP生成一个随机字符串
- PHP读文件和写文件
- PHP根据key 给二维数组分组
- php中curl模拟post提交多维数组
- 33个超级有用必须要收藏的PHP代码样例
- PHP防XSS 防SQL注入的代码
- php常用数组array函数实例总结
- 用PHP遍历目录下的全部文件
- GBK2UTF8
- php函数类库
- 一、php一些常用的校验
- 1.1、校验是否为空(null/空串)1
- 1.2、校验是否为纯数字1
- 1.3、校验是否为纯数字(正则)1
- 1.4、检验手机号1
- 1.5、校验邮箱格式1
- 1.6、检查密码长度是否符合规定1
- 二、手机类型访问判断
- 三、字符集文件转换
- 3.1、utf8转gbk
- 3.2、gbk转utf8
- 3.3、繁体转简体
- 3.4、简体转繁体
- 3.5、unicode转utf8
- 3.6、utf8转unicode
- 3.7、Ascii转拼音
- 3.8、gbk转拼音
- 3.9、数组 utf8转gbk
- 3.10、数组 gbk转utf8
- 3.11、json 处理gbk转码utf-8问题（ json_encode转换数组，值为null）
- 3.12、Unicode解码
- 四、文档目录操作
- 4.1、转化 \ 为 /
- 4.2、创建目录
- 4.3、拷贝目录及下面所有文件
- 4.4、转换目录下面的所有文件编码格式
- 4.5、列出目录下所有文件
- 4.6、设置目录下面的所有文件的访问和修改时间
- 4.7、目录列表
- 4.8、删除目录及目录下面的所有文件
- 4.9、取得文件扩展
- 4.10、查询字符是否存在于某字符串
- 4.11、获取文件目录列表
- 4.12、删除一个路径下的所有文件夹和文件的方法
- 4.13、文件下载
- 五、session与cookie
- 5.1、设置session
- 5.2、读取session
- 5.3、清除session
- 六、CURL操作
- 6.1、发起get请求
- 6.2、发起post请求
- 6.3、curl获取跳转后的网址的url
- 6.4、curl判断远程图片是否加防盗链
- 6.5、curl获取301页面的内容
- 6.6、curl判断文件是否存在（404）
- 6.7、php的curl封装类
- 七、日期、时间与字节转换
- 7.1、转换字节数为其他单位（Gb、Mb等）
- 7.2、时间转换（将秒转换为时间）
- 7.3、将秒转换成 天-时分秒
- 7.4、时间转换（将时分秒转换为秒）
- 7.5、计算两个时间相差的天
- 7.6、获取文件大小并格式化
- 7.7、返回13位时间戳
- 7.8、返回与当前时间的差距，如1分钟前，2小时前，5月前等
- 7.8、PHP中DateTime的常用方法
- 八、对象、数组、字符串、转义等
- 8.1、将数组转换为对象
- 8.2、将对象转换为数组
- 8.3、将字符串转换为数组
- 8.4、将数组转换为字符串
- 8.5、将文本格式成适合js输出的字符串
- 8.6、返回经addslashes（转义）处理过的字符串或数组
- 8.7、返回经stripslashes（删除反斜杠）处理过的字符串或数组
- 8.8、返回经htmlspecialchars（字符转html）处理过的字符串或数组
- 8.9、安全过滤函数
- 8.10、xss过滤函数
- 8.11、过滤ASCII码从0-28的控制字符
- 8.12、格式化文本域内容
- 8.13、将文本格式成适合js输出的字符串
- 8.14、转义 javascript 代码标记
- 8.15、数组转码
- 8.16、php用逗号格式化数字
- 8.17、数组去重
- 8.18、字符串去重
- 8.19、数组排序
- 九、加密扩展
- 9.1、简单的字符串加密、解密函数
- 9.2、简单的加密解密类
- 9.3、简单对称加密算法2
- 9.4、常用对称加密算法（DES/AES）类
- 9.5、3des加密解密类-三重数据加密算法
- 十、随机数、获取请求ip等
- 10.1、产生随机字符串
- 10.2、获取请求ip
- 10.3、生成一定范围内的随机数字
- 10.4、生成不重复的随机数
- 10.5、生成一定数量的随机数，并且不重复
- 10.6、生成32位随机数
- 10.7、生成9位随机数字（可以做qq用）
- 十一、其他
- 11.1、php对html页面压缩函数
- 11.2、构建层级（树状）数组、
- 11.3、获取内容中的图片
- 11.4、生成sql语句，如果传入$in_cloumn 生成格式为 IN('a', 'b', 'c')
- 11.5、打印各种类型的数据，调试程序时使用。
- 11.6、URL重定向
- 11.7、替换html代码里的所有图片的url，新增url
- 11.8、去除html里的p标签
- 11.9、去除字符串中所有html代码（格式化代码html）
- 11.10、将number_format的输出转换为php数字
- 11.7、内容里批量替换图片的url地址为自己的地址
- 十二、类库
- 1、php 5.6.3PHP封装的数据库模型Model类完整示例【基于PDO】
- 2、Curl类库
- 3、php PDO数据库类库
- 4、获取网站title
- 字符串配置转数组
- 数组助手类1
- 获取随机字符串
- 获取头像存储路径
- 单位转换函数
- 获取字符串长度
- 获取中文字符拼音首字母
- 获取当前页面URL地址
- 获取n天前的时间戳
- 获取n天前0点的时间戳
- 获取ip地址所在的区域
- 邮箱验证
- PHP常用函数总结(160多个)
- PHP判断输入数据是否合法常用的类
- 无限极分类
- php ajax实现分页功能
- 代码
- html
- sendAjax.js
- data.js
- page.js
- page.css
- php基础
- 字符串
- 字符串1
- 字符串常用函数
- 数组
- 数组简介
- 数组的定义
- 数组的操作
- 1 数组的计算
- 2 for循环遍历索引数组
- 3 foreach遍历关联数组
- 4 list、each函数遍历数组
- 5 常用操作数组函数
- 数组的常用函数
- 时间
- PHP的日期和时间
- 1 获取时期时间信息函数
- 2 日期验证函数
- 3 获取本地化时间戳函数
- 4 程序执行时间检测
- 文件操作
- 文件处理系统
- 1 读取文件
- 2 创建和修改文件内容
- 3 创建临时文件
- 4 移动、拷贝和删除文件
- 5 检测文件属性函数
- 6 文件常用函数和常量
- 7 文件锁处机制
- 8 目录处理函数
- 9 文件权限设置
- 10文件路径函数
- 11 小小文件留言本
- 12 修改配置文件的实例
- 流程控制
- 流程控制结构
- if条件结构流程
- 1 if语句
- 2 嵌套if...else...elseif结构
- 3 if语句多种嵌套
- 分支结构switch语句的使用
- 循环语句的使用
- 1 while循环
- 2 do...while循环的区别
- 3 for循环控制语句
- 4 goto语法
- 5 declare 语法
- 函数
- PHP函数
- 自定义函数
- 自定义函数高级调用
- 1 回调函数
- 2 变量函数
- 3 匿名函数
- 4 内部函数
- 5 变量作用域
- 6 参数的引用
- 7 递归函数
- 8 静态变量
- 使用系统内置函数
- 文件包含函数
- 数学常用函数
- 正则
- PHP正则表达式
- 1 正则表达示的定界符
- 2 正则表达示中的原子
- 3 正则表示中的元字符
- 4 正则达达示中的模式修正符
- 5 写正则的诀窍和常用正则
- 6 用正则写一个UBB文本编辑器
- 常用正则
- 错误处理
- 1 禁止显示错误
- 2 错误报告级别
- 3 错误记录日志
- 4 自定义错误处理函数
- 错误及异常处理机制、错误日志
- 过滤器
- 表达式
- PHP基本语法
- PHP基本语法（一）
- PHP基本语法（二）
- GD库图像处理
- 文件上传和下载
- PHP文件上传
- 1 文件上传需要注意php.ini文件
- 2 文件上传的步骤
- 3 文件上传表单注意事项
- 4 按照数组和步骤完成文件上传
- 5 多文件上传
- 6 文件上传进度处理
- PHP图像处理
- 1 学习前的准备工作
- 2 用图片处理函数画一张图
- 3 生成验证码
- 4 图像缩放和裁剪技术
- 5 图片水印处理
- 常量和变量
- 1 用常量限制用户跳过某些文件
- .2 可变变量
- 3 外部变量
- 4 环境变量
- 5 变量引用
- PHP表达式与运算符
- 1 算术运算
- 2 赋值运算
- 3 自加、自减运算
- 4 比较运算
- 5 逻辑运算
- 6 位运算
- 7 运算符优先级
- 8 三元运算符和其它运算符
- 会话管理和控制
- 1 Cookie概述
- 2PHP中的Cookie
- 3 session概述
- 4 PHP中使用session
- 5 SESSION应用实例
- 会话技术(cookie session)
- 会话技术 session场景使用介绍！
- PHP.in中session和cookie的配置说明
- 通过cURL来做小偷程序
- 1 curl的使用步骤
- 2 自定义get方法抓取网页
- 3 使用post发送数据
- PHP基础数据类型及运算符介绍
- 数据类型
- 1 整型就是整数
- 2 布尔就是易经的知识
- 3 字符串
- 4 浮点型
- 5 重要：if和else语法
- 6 NULL类型
- 7对象以后会学
- 8 数组会有单纯的一个章节
- 9 资源类型
- 10 眼前了解回调类型即可
- 11 查看和判断数据类型
- 12 数据类型的自动转换和强制转换
- PHP版本
- php自动加载
- xml的介绍
- openssl的介绍
- php文件管理
- 数据库Mysql
- 数据库之MySQL(概述)
- PHP数据库编程
- 数据库编程（2）
- SQL常见的可优化点
- Mysql设计与优化专题
- mysql的最佳索引攻略
- 详解慢查询
- ER图，数据建模与数据字典
- 数据中设计中的范式与反范式
- 字段类型与合理的选择字段类型
- 表的垂直拆分和水平拆分
- 21分钟 MySQL 入门教程
- 一、MySQL的相关概念介绍
- 二、Windows下MySQL的配置
- 三、MySQL脚本的基本组成
- 四、MySQL中的数据类型
- 五、使用MySQL数据库
- 六、操作MySQL数据库
- 七、创建后的修改
- 八、附录
- 3天入门MySQL
- 前言1
- 01. 数据库的用途和概念
- 02. 娱乐化讲解表关系
- 03. mysql 数据库安装
- 04. 数据语句操作类型
- 05. 连接数据库
- 06. 数据库结构定义语句
- 6.2 数据表操作
- 6.1 数据库操作
- 6.3 数据字段操作
- 07. 类型、字符集、引擎和索引
- 7.1 数据类型
- 7.2 字符集
- 7.3 表引擎
- 7.4 索引
- 08. 增删改查
- 12.8.1 插入记录
- 12.8.2 查询记录
- 12.8.3 多表联合查询
- 12.8.4 更新记录
- 12.8.5 删除记录
- 09. DCL语句
- 10. 常用工具简介
- 附录1 . 学习MySQL常用的英文单词
- MySQL 超新手入门
- （1） 重新开始
- （2） 数据库概论和 MySQL 安装
- （3） SELECT 基础查询
- （4） 运算式和函数
- （5） JOIN 和 UNION 查询
- （6） CRUD 和资料维护
- （7） 字符集和数据库
- （8） 存储引擎和数据类型
- （9） 表格和索引
- （10） 子查询
- （11） 视图
- （12） 预处理语句
- （13） 存储过程入门
- （14） 存储过程的变量和流程
- （15） 存储过程进阶
- （16） 触发器
- （17） 资料库资讯
- （18） 错误处理和查询
- （19） 导入和导出数据
- （20） 性能
- php常用类
- 面向对象
- 面向对象(OOP)编程完全教程
- 1.什么是面向对象
- 2.什么是类，什么是对象，类和对象这间的关系
- 3.什么是面向对象编程呢
- 4.如何抽象出一个类
- 5.如何实例化对象
- 6.如何去使用对象中的成员
- 7.特殊的引用this的使用
- 8.构造方法__construct()与析构方法__destruct()
- 9.封装性（var与public，protected，private的关系）
- 10.__set()，__get()，__isset()，__unset()四个方法的应用
- 11.类的继承
- 12.重载新的方法（parent::）
- 13.访问类型（public，protected，private）
- 14.final关键字的应用
- 15.static和const关键字的使用（self::）
- 16.__toString()方法
- 17.克隆对象__clone()方法
- 18.__call()处理调用错误
- 19.抽象方法和抽象类（abstract）
- 20.PHP5接口技术(interface)
- 21.多态的应用
- 22.把对象串行化serialize()方法，__sleep()方法，__wakeup()方法
- 23.自动加载类 __autoload()函数
- PHPer进阶
- 单例模式
- 工厂方法模式
- 适配器模式
- 建造者模式(通过选择mysql,mongo数据库链接类型做说明)
- 委托模式
- 对象基础实践
- 深入了解面向对象高级特性
- 抽象类和接口类的实际作用
- PHP解决问题进化论(整理笔记)
- PHP7新特性整理介绍篇
- php-fpm 与 Nginx优化总结
- Centos+Nginx+PHP7.0编译安装(和PHP5.6老版本共存)
- PHP7:Mongodb API使用
- PHP之include/require深入了解
- PHP内核了解：生命周期及运行模式
- 面向对象总结
- 基础概念
- 什么是类
- 什么是对象
- 静态属性
- 三大特征
- 封装
- 继承
- 多态
- 9个常用的魔术方法
- __construct
- __destruct
- __call
- __get
- __set
- __sleep
- __toString
- __clone
- __autoload
- 抽象类
- 对象接口
- 面向对象设计模式
- 前言
- （一），单例模式
- （二），Builder模式
- （三），原型模式
- （四），工厂方法模式
- （五），策略模式
- （六），状态模式
- （七），观察者模式
- （八），责任链模式
- （九），适配器模式
- （十），代理模式
- （十一），装饰模式
- （十二），外观模式
- （十三），解释器模式
- PHP开发第一步，PHP5.6 + MySQL5.5 + Apache2.4环境搭建
- 面向对象1
- 类和对象
- 面向对象高级
- php编程总结
- PHP学习笔记
- MySQL学习笔记
- php基础知识
- javascript
- javascript DOM总结
- JavaScript (JS) 函数补充 (含arguments、eval()、四种调用模式)
- JavaScript (JS) 面向对象编程 浅析 (含对象、函数原型链、闭包解析)
- JavaScript (JS)基础：BOM 浅析 (含window对象相关基本方法、属性解析)
- JavaScript (JS)基础：DOM 浅析 (含数组Array、字符串String基本方法解析)
- JavaScript (JS)基础：ECMAScript 浅析 (含Math基本方法解析)
- js功能函数
- 一、js一些常用的校验
- 1.1、校验是否为空(null/空串)
- 1.2、校验是否为纯数字
- 1.3、校验是否为纯数字(正则)
- 1.4、检验手机号
- 1.5、验证座机号
- 1.6、校验ip
- 1.7、检验url地址
- 1.8、检验身份证
- 1.9、检验邮箱
- 1.10、检验日期
- 1.11、检验金额
- 1.12、检验否是汉字
- 1.13、校验数字的表达式
- 1.14、校验字符的表达式
- 1.15、特殊需求表达式
- 1.16、检测密码强度
- 二、手机类型判断
- 三、返回字符串长度，汉子计数为2
- 四、获取url中的参数
- 五、js 绑定事件 适用于任何浏览器的元素绑定
- 六、获得当前浏览器JS的版本
- 七、获取当前点击事件的Object对象
- 八、字符串截取方法
- 九、JS 弹出新窗口全屏
- 十、全选/全不选
- 十一、js 判断浏览器
- 十二、JS判断两个日期大小
- 十三、移除事件
- 十四、回车提交
- 十五、JS 执行计时器
- 十六、JS 写Cookie
- 十七、JS 读Cookie
- 十八、Ajax 请求
- 十九、JS StringBuilder 用法
- 二十、JS 加载到顶部LoadJS
- 二十一、清空 LoadJS 加载到顶部的js引用
- 二十二、JS 替换非法字符
- 二十三、按Ctrl + Entert 直接提交表单
- 二十四、获取当前时间
- 二十五、Js 去掉空格方法
- 二十六、js 动态移除 head 里的 js 引用
- 二十七、整个URL 点击事件 加在URL里的onclick里
- 二十八、判断浏览器使用的是哪个 JS 版本
- 二十九、加入收藏夹
- 三十、动态加载 CSS 样式文件
- 三十一、返回脚本内容
- 三十二、清除脚本内容
- 三十三、返回按ID检索的元素对象
- 三十四、显示元素 待验证
- 三十五、与insertBefore方法（已存在）对应的insertAfter方法
- 三十六、光标停在文字的后面，文本框获得焦点时调用
- 三十七、检验URL链接是否有效
- 三十八、格式化CSS样式代码
- 三十九、压缩CSS样式代码
- 四十、 获取当前路径
- 四十一、ip 转 整型
- 四十二、整型解析为IP地址
- 四十三、删除cookies
- 四十四、判断是否以某个字符串结束
- 四十五、判断是否以某个字符串开头
- 四十六、根据样式名称检索元素对象
- 四十七、 获取移动设备初始化大小
- 四十八、 获取移动设备最大化大小
- 四十九、获取移动设备屏幕宽度
- 五十、获取页面scrollLeft
- 六十、获取页面宽度
- 六十一、获取页面scrollTop
- 六十二、获取页面可视高度
- 六十三、判断数组元素是否重复
- 六十四、生成随机数
- 六十五、数组去重
- 六十六、深度拷贝对象
- 六十七、全部替换replaceAll
- 六十八、阻止冒泡
- 六十九、返回顶部
- 七十、jsonp跨域请求
- 七十一、到某一个时间的倒计时
- 七十二、清除对象中值为空的属性
- 七十三、获取文件后缀名的方法
- 七十四、判断一个对象是不是数组类型
- 七十五、冒泡排序
- 七十六、实现一个最简单的模板引擎
- 七十七、数组最大值最小值
- 七十八、数组求和，平均值
- 七十九、从数组中随机获取元素
- 八十、返回对应元素在数组中的下标
- 八十一、返回数组（字符串）一个元素出现的次数
- 八十二、得到n1-n2下标的数组，即返回数组下标arr[n1]到数组arr[n2]的值
- 八十三、筛选数组，这里所做的就只是删除相应的数组
- 八十四、去除字符串空格
- 八十五、字母大小写切换
- 八十六、字符串循环复制，前面的要循环的字符串，后面的要循环的次数
- 八十七、字符串替换，这里的要替换的字符串必须是连续的
- 八十九、将时间戳转换成日期格式
- 九十、检验字符串是否超过某个值，超出出现省略号
- 九十一、随机码，这里的参数count必须是 2 ~ 36 之间的整数
- 九十二、查找字符串中某字符出现的次数
- 九十三、JS插入排序
- 九十四、获取前num天的日期
- 九十五、js实时计算rem,宽度大于1920px时1rem=100px
- 九十六、原生JS获取鼠标XY轴的值
- 九十七、转成XML对象
- 九十八、Js身份证验证函数
- 九十九、格式化数字串
- 一百、原生Ajax 请求
- 一百零一、两条直角边算角度
- 一百零二、禁止readonly和disabled的input退格键返回上一页
- 一百零三、生成随机字母字符串
- 一百零四、float偏移处理
- 一百零五、根据月份获取起止时间戳
- 一百零六、工具函数对象书写例子，可自己扩展
- 一百零七、js字符串压缩算法与解压
- 一百零八、指定数组元素排序（正序倒序）
- 一百零九、js所有的内置方法
- JavaScript 常用函数总结
- js常用函数整理
- JavaScript基础
- javaScript基础&DOM（一）
- javaScript基础&DOM（二）
- JavaScript语法基础1
- javascript数组对象
- javascript字符串函数
- jquery、javascript实现(get、post两种方式)跨域解决方法
- php MVC原理
- php基础知识(语法与原理)
- PHP编程经验
- 第一章 代码风格
- 第二章 代码注释
- 第三章 目录结构
- 第四章 文件管理
- 第五章 代码整理
- 第六章 路径和路由
- 第七章 实用表格
- 第八章 实用开发软件
- 第九章 技术提升心得
- 第十章 实用插件搭配
- 第十一章 常用设计模式
- PHP编码规范文档
- PHP加快执行效率的写法规范
- VUE避坑指南
- 从零开始学Vue
- Vue-cli
- PHP工具类
- 数组助手类
- 通用助手类
- 时间助手类
- 图像
- 拼音助手类
- 字符串助手类
- 验证助手类
- 时间类封装
- 数据库链式调用封装
- curl 封装 / 发送文件 / 远程下载到服务器
- php Captcha 驗證碼類
- php 替换敏感字符串
- php返回数据格式化类
- php XML文件解释类
- php CSS Update Class
- PHPMailer - PHP email transport class
- PHP 遍历文件夹及文件类及处理类
- 自动登入google play下载app report
- php click captcha 验证码类
- php 获取页面中的指定内容类
- php 支持断点续传的文件下载类
- php 缩略图生成类,支持imagemagick及gd库两种处理
- php 根据url自动生成缩略图
- php 过滤html标记属性类
- php HTTP请求类，支持GET,POST,Multipart/form-data
- php Cookies 操作类
- php 密码生成类
- php main 与 iframe 相互通讯类(同域/跨域)
- php 根据url自动生成缩略图，并处理高并发问题
- php Timer 页面运行时间监测类
- php 双向队列类
- php 导出CSV抽象类
- php zip文件内容比较类
- php 获取/设置用户访问页面语言类
- php 获取Youtube某个User所有Video信息
- php 字符编码转换类，支持ANSI、Unicode、Unicode big endian、UTF-8、UTF-8+Bom 互相转换
- php 版本处理类
- TP5
- 验证器
- 内置规则
- tp5数据库操作
- 数据添加或更新
- 静态增删改查 / 关联操作
- 日志操作
- 路由
- taglib-自制标签
- migrations 数据库迁移
- TP3.2
- 数据库操作
- 发送邮箱
- Tp6
- Redis
- 字符串 / 列表 / Hash / Set / Zet / 基数统计算法
- 队列 /订阅发布 php实例
- 事务 / bitmap 位图 / 地理位置
- 备份与恢复 / 性能测试
- 设置密码 / 模糊查询
- 性能优化
- php+redis实现高并发模拟下单、秒杀、抢购操作
- Redis 的简单介绍
- Redis 最常见的问题
- 扩展thinkphp5的redis类方法
- php for redis
- 前言11
- 字符串11
- 集合
- 有序集合
- 列表
- 哈希
- key操作
- Redis 基础教程
- 简介
- 递增
- 过期
- 列表1
- 集合1
- 可排序集合
- 哈希表
- Redis学习文档
- 序言
- 简介1
- Window 下安装
- 执行
- Linux 下安装
- 数据类型1
- String
- Hash
- List
- Set
- zset
- 区别和详解
- 命令
- Keys
- flushall
- del
- ping
- 设置密码
- 实例
- PHP+Redis 实例【一】点赞 + 热度
- Thinkphp+Redis
- 数据队列
- 字符串111
- 列表11
- 集合11
- 哈希1
- 有序集合1
- 添加redis函数助手
- 基础知识
- Redis的7个应用场景
- 深入解析Redis中常见的应用场景
- MongoDB和Redis的区别
- 相关书籍
- 函数整理
- redis知识总结
- redis学习文档
- 常用命令
- 运维常用命令
- 通用操作相关命令
- 字符串相关命令
- 链表list相关命令
- 集合set相关命令
- 有序集合相关指令
- 哈希hash
- 事务
- 订阅和发布
- rdb快照持久化
- aof日志持久化
- redis集群 主从配置
- sentinel监视
- key的设计
- Redis实践技巧
- 前言111
- 第1章 keys键操作
- 第2章 string类型
- 第3章 list类型
- 第4章 set类型
- 第5章 sort set排序类型
- 第6章 hash类型
- 第7章 redis备份
- 第8章 主从复制
- 第9章 设置密码
- 第10章 事务
- 第11章 php操作redis
- Redis常见7种使用场景(PHP实战)
- redis
- jQuery学习总结
- jquery总结2
- Git
- php微信接口开发
- php微信接口开发（卷一）
- 开发心得
- 申请微信测试号
- 打通服务器与微信之间的通信
- 接受微信发送的信息
- 回复微信发送的信息
- 微信回复单图文消息
- 微信回复多图文消息
- curl用法小测试
- 获取access_token
- 获取微信的media_id
- 微信回复图片消息
- 关注自动回复
- 微信生成自定义菜单
- 【实战】后台管理自定义菜单
- 1.页面数据提交并展示
- 2.组装一、二级菜单
- 3.完成简略自定义菜单
- 【实战】thinkphp框架开发微信接口
- 1.相关东西下载地址
- 2.配置thinkphp3.2.3
- 3.微信回复文本消息
- 4.微信获取个人基本信息
- php微信接口开发（卷二）
- 网页授权获取用户基本信息
- 1.输出回调地址
- 2.获取用户信息页面
- 3.数据写入数据库
- 用户分组接口的使用
- 1.对上节代码的优化处理
- 2.获取所有用户组
- 3.创建一个分组
- 4.查询指定用户的分组
- 群发消息的接口的使用
- 1.创建新控制器
- 2.预览群发消息接口
- 3.群发消息
- 生成带参数的二维码
- 长连接转短连接
- 微信js-SDK的引入
- 1.获取jsapi_ticket
- 2.判断当前客户端版本是否支持指定JS接口
- 图像接口的使用
- 扫一扫二维码接口
- php微信接口开发（卷三）
- 微信公众号
- 1.前提条件
- 2.微信公众平台需要做的设置
- 微信支付商户平台
- 1.操作证书
- 2.配置密钥
- 3.配置支付授权目录
- 公众号支付（Jsapi支付）
- 1.SDK与demo下载
- 2.测试DEMO
- 3.将支付接口更为真实公众号信息
- 微信商城
- 1.tp3+bootstrap使用实战
- 2.图片上传实战
- 3.商城后台实战
- 4.购买商城实战
- 5.下订单后使用微信支付
- 小程序基础
- 简介12
- 接入指南
- 开发者工具的使用
- 代码审核与发布
- 小程序申请微信认证
- 小程序申请微信支付
- 小程序绑定微信开放平台帐号
- app.json配置
- 配置demo
- pages
- window
- tabBar
- networkTimeout
- debug
- page.json
- API
- 发起网络请求
- 网络请求提交表单
- 引入
- WeUI