html
<?php if(!defined(\'PIGCMS_PATH\')) exit(\'deny access!\');?> <!doctype html> <html> <head> <meta charset="utf-8"/> <title>首页 - <?php echo $store_session[\'name\']; ?> | <?php if (empty($_SESSION[\'sync_store\'])) { ?><?php echo $config[\'site_name\'];?><?php } else { ?>微店系统<?php } ?></title> <meta name="copyright" content="<?php echo $config[\'site_url\'];?>"/> <link href="<?php echo TPL_URL;?>css/base.css" type="text/css" rel="stylesheet"/> <link href="<?php echo TPL_URL;?>css/store.css" type="text/css" rel="stylesheet"/> <link href="<?php echo TPL_URL;?>css/wx_menu.css?r=<?php echo time();?>" type="text/css" rel="stylesheet"/> <link href="<?php echo STATIC_URL;?>css/jquery.ui.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="<?php echo STATIC_URL;?>js/jquery.min.js"></script> </head> <body class="font14 usercenter"> <?php include display(\'public:header\');?> <div class="wrap_1000 clearfix container"> <?php if (!empty($_SESSION[\'drp_diy_store\'])) { ?> <?php include display(\'sidebar\');?> <?php } ?> <div class="app" <?php if (empty($_SESSION[\'drp_diy_store\'])) { ?>style="width: 100%;"<?php } ?>> <div class="app-inner clearfix"> <div class="app-init-container"> <div class="nav-wrapper--app"></div> <div class="app__content page-showcase-dashboard" <?php if (empty($_SESSION[\'drp_diy_store\'])) { ?>style="width: 100%;"<?php } ?>> <div class="widget-app-board ui-box member_degree" style="border: none;"> <div class="widget-app-board-info"> <h3>温馨提示：</h3> <div> <p>如果您输入的字数超过规定的字数，提交到微信服务器审核，会报错或审核不通过,请到pc端设置公众号菜单。</p> </div> </div> </div> <div class="msg_menu"> <div class="msg_menu_bord"> <div class="msg_menu_left"> <div class="msg_menu_top"></div> <div class="msg_menu_two"> <?php foreach($menu as $k => $v){?> <div class="msg_menu_chlid" style="width: <?php echo ((-(count($menu)>2?2:count($menu)) + 3) * 32.55)?>%;"> <div class="msg_menu_add_chlid" data-ac="add" data-pid="<?php echo $v[\'id\']?>" data-pname="<?php echo $v[\'title\']?>">+</div> <?php if(isset($menuChlid)) foreach($menuChlid as $kk =>$vv){?> <?php if($vv[\'pid\'] == $v[\'id\']){?> <div class="msg_menu_add_chlid"> <a href="javascript:;" data-id="<?php echo $vv[\'id\'];?>" data-ac="edit" class="edit_menu"><?php echo $vv[\'title\']?></a> </div> <?php }?> <?php }?> </div> <?php }?> </div> <div class="msg_menu_three"> <?php foreach($menu as $v){?> <div class="msg_menu_fa " style="width: <?php echo ((-(count($menu)>2?2:count($menu)) + 3) * 32.9)?>%;" ><a href="javascript :;" data-id="<?php echo $v[\'id\'];?>" data-ac="edit" class="edit_menu"><?php echo $v[\'title\'];?></a></div> <?php }?> <?php if(count($menu) < 3){?> <div class="msg_menu_fa add-menu" <?php if(count($menu) == 0) echo \'style="width:99.7%"\';?> data-ac="add" data-pid="0" data-pname="选择父级菜单">+</div> <?php }?> </div> </div> </div> <!-- 左面s --> <div class="msg_menu_bord"> <div class="msg_menu_bord_border"> </div> </div> <!-- end --> <div class="msg_menu_butt"> <a href="javascript:;" class="btn btn-add-wx-menu">一键生成菜单</a></div> </div> </div> </div> </div> </div> </div> <?php include display(\'public:footer\');?> <div id="nprogress"><div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div></div> </body> </html> <script type="text/javascript" src="<?php echo STATIC_URL;?>js/layer/layer.min.js"></script> <script type="text/javascript" src="<?php echo TPL_URL;?>js/base.js"></script> <script type="text/javascript" src="<?php echo TPL_URL;?>js/wx_menu.js?r=<?php echo time();?>"></script> <script type="text/javascript"> $(function(){ $(\'.msg_menu_add_chlid,.add-menu,.edit_menu\').click(function(){ var finfo = {} finfo.ac = $(this).data(\'ac\'); if(finfo.ac == \'add\'){ finfo.pid = $(this).data(\'pid\'); finfo.pname = $(this).data(\'pname\'); commWxMenu(12,finfo); }else if(finfo.ac == \'edit\'){ $.post(\'?c=bonus&a=wx_find\', {id: $(this).data(\'id\')}, function(re) { re.msg.ac = finfo.ac; commWxMenu(re.f_menu,re.msg); },\'json\'); //console.log(finfo.pid); } }); $(\'.btn-add-wx-menu\').click(function(){ if (confirm(\'你确定要生成吗！\')) { $.post(\'?c=bonus&a=add_wx_menu\', {admin:\'yepai\'},function(re){ console.log(re); if(re.error == 0){ alert(re.msg); }else{ alert(re.msg); } },\'json\'); } }); }); lk.auto(); function commWxMenu(f,finfo){ lk.wx_add_menu(f,finfo,function(data){ console.log(data); if(data.type == 1){ $.post(\'?c=bonus&a=wx_creat\', data, function(re) { if(re.error == 0){ alert(re.msg); lk.rel(1000); }else{ alert(re.msg); } },\'json\'); }else if(data.type == 2){ if (confirm(\'你确定要删除吗！\')) { $.post(\'?c=bonus&a=del_ment\', data, function(re) { if(re.error == 0){ alert(re.msg); lk.rel(1000); }else{ alert(re.msg); } },\'json\'); } } }); } </script>
css
.msg_menu{ border: 1px solid #f4f5f9; width: 100%; height: 676px; background: #fff; } .msg_menu_butt{ border-top: 1px solid #f4f5f9; width: 100%; clear: both; height: 74.1px; line-height: 74.1px; text-align: center; } .btn-add-wx-menu{ /* margin-left: 50%; */ } .msg_menu_left{ clear: both; border: 1px solid #2f4050; width:78%; height:525px; margin:10px auto; background: #dfdfdf; } .msg_menu_top{ width: 100%; height: 60px; background: url(\'/static/images/img_card_control.png?r=23\'); background-size: 100% 60px; } .msg_menu_two{ border-bottom: 1px solid #2f4050; border-right: 1px solid #2f4050; width:100%; height:407px; background: #fff; } .msg_menu_three{ width:100%; min-height:57px; padding-right: 30px: } .msg_menu_chlid,.msg_menu_fa{ border-left:1px solid #2f4050; width:32.88%; float: left; background:#fff; text-align: center; } .msg_menu_chlid{ border-right:1px solid #fff; border-left:1px solid #fff; min-height: 300px; margin-top: 105px; } .msg_menu_add_chlid{ border: 1px solid #000; width: 95%; margin: 0px auto; } .msg_menu_add_chlid,.msg_menu_fa{ min-height:57px; line-height: 57px; color: #000; } a { color:#000; } .msg_menu_bord{ border: 1px solid #f4f5f9; width: 49.70%; height: 560px; float: left; } .msg_menu_bord_border{ border: 1px solid #000; width: 90%; height: 500px; margin:40px auto 0px; clear: both; } .msg_menu_bord_border_tops{ width: 90%; height:60px; margin:10px auto; line-height: 60px; } .msg_menu_bord_border_top{ border-bottom: 1px solid #000; } .form-control, .single-line { margin-left: 32px; height: 32px; } .btn-wx{ width: 68px; height: 30px; line-height: 30px; margin-left: 56px; } .msg_menu_del{ float: right; }
js
var lk = { a:1, arrs:function(a){ var arrs = [a[0],a[1]]; return arrs; }, id:function(e){ return document.getElementById(e); }, die:function(e){ alert(e); }, isUrl:function(url){ var re =/^((https|http|ftp|rtsp|mms)?:\/\/)+[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\\':+!]*([^<>\"\"])*$/; if (re.test(url)) { return true; }else{ return false; } }, rel:function(e){ setTimeout(function(){ window.location.reload(); },e) }, auto:function(){ var menu_chlid = document.getElementsByClassName(\'msg_menu_chlid\'); for (var i = 0; i< menu_chlid.length; i++) { var sum_height = 0; for(var j = 0; j <menu_chlid[i].children.length;j++ ){ sum_height += menu_chlid[i].children[j].offsetHeight; } var sum = menu_chlid[i].offsetHeight - sum_height; if(j < 6){ menu_chlid[i].children[0].style.marginTop = sum+"px"; }else if(j == 6){ menu_chlid[i].children[0].remove(); menu_chlid[i].children[0].style.marginTop = "4.2px"; } } } }; (function($,window){ $.wx_add_menu = function(f_menu,inputdata,backfun){ var CLASS_MSG = \'msg_menu_bord_border_tops\'; var title = \'\'; var keyword = \'\'; var url = \'\'; var sort = \'\'; if(inputdata.ac == \'edit\'){ title = inputdata.title; keyword = inputdata.keyword; url = inputdata.url; sort = inputdata.sort; } var msg_menu = document.getElementsByClassName(\'msg_menu_bord_border\'); var html = \'<div class="\'+CLASS_MSG+\' msg_menu_bord_border_top"><span style="font-size:18px">菜单信息</span>\'; if(inputdata.ac == \'edit\'){ html+=\'<span class="msg_menu_del"><a href="javascript:;" id="del" data-id="\'+inputdata.id+\'">X</a></span>\' } html+=\'</div><div class="\'+CLASS_MSG+\'">菜单名称:<input type="text" id="title"value="\'+title+\'"class="form-control"placeholder="输入菜单名"/></div><div class="\'+CLASS_MSG+\'">*父级菜单:<select class="form-control"id="pid">\'; if(inputdata.ac == \'add\'){ html+=\'<option value="\'+inputdata.pid+\'">\'+inputdata.pname+\'</option>\'; }else if(inputdata.ac == \'edit\'){ var ps = inputdata.pid == 0?\'selected = "selected"\':\'\'; html+=\'<option value="0" \'+ps+\'>选择父类菜单</option>\'; for(var o in f_menu){ var p_ss = inputdata.pid == f_menu[o].id?\'selected = "selected"\':\'\'; html+=\'<option value="\'+f_menu[o].id+\'" \'+p_ss+\'>\'+f_menu[o].title+\'</option>\'; } } html+=\'</select></div><div class="\'+CLASS_MSG+\'">*菜单类型:<select class="form-control"id="menu_type">\'; if(inputdata.ac == \'add\'){ html+=\'<option value="0">关键词回复菜单</option><option value="1">url链接菜单</option>\'; }else if(inputdata.ac == \'edit\'){ var bs_u = inputdata.url?\'selected = "selected"\':\'\'; var bs_k = inputdata.keyword?\'selected = "selected"\':\'\'; html+=\'<option value="0" \'+bs_k+\'>关键词回复菜单</option><option value="1" \'+bs_u+\'>url链接菜单</option>\'; } html+=\'</select></div><div class="\'+CLASS_MSG+\'" id="keyword">关联关键词:<input type="text"id="keywords"value="\'+keyword+\'"class="form-control"placeholder="请输入关键词"/></div>\'; html+=\'<div class="\'+CLASS_MSG+\'"style="display: none;" id="url_css">*外链接url:<input type="text" id="url"value="\'+url+\'"class="form-control"placeholder="输入url"/></div><div class="\'+CLASS_MSG+\'">*菜单排序:<input type="text"id="sort"value="\'+sort+\'"class="form-control"placeholder="输入序号"/></div><div class="\'+CLASS_MSG+\'"><a href="javascript:;"class="btn btn-wx">取消</a><a href="javascript:;"class="btn btn-wx">确定</a></div>\'; msg_menu[0].innerHTML = html; if(inputdata.ac == \'edit\'){ if(inputdata.url){ $.id(\'url_css\').style.display = \'block\'; $.id(\'keyword\').style.display = \'none\'; }else{ $.id(\'url_css\').style.display = \'none\'; $.id(\'keyword\').style.display = \'block\'; } } var removePopupElement = function() { while(msg_menu[0].hasChildNodes()) //当div下还存在子节点时 循环继续 { msg_menu[0].removeChild(msg_menu[0].firstChild); } }; var popup = { close: function(index) { var data = {type:index}; if(index == 1){ data.title = $.id(\'title\').value; if(data.title.length < 1){ $.die(\'菜单信息不能为空\');return false; } data.pid = $.id(\'pid\').value; data.menu_type = $.id(\'menu_type\').value; if($.id(\'menu_type\').value == 0){ data.keyword = $.id(\'keywords\').value; data.url = \'\'; if(data.keyword.length < 1){ $.die(\'关联关键词不能为空\');return false; } }else{ data.keyword = \'\'; data.url = $.id(\'url\').value; console.log($.id(\'url\').value); if(!$.isUrl(data.url)){ $.die(\'url格式不对\');return false; } } data.sort = $.id(\'sort\').value; if(inputdata.id){ data.id = inputdata.id; } } backfun(data); removePopupElement(); } }; var btn = document.getElementsByClassName(\'btn-wx\'); var handleEvent = function(e){ popup.close($.arrs(btn).indexOf(e.target)); } var menuType = function(){ var a = this.value; var keyword = $.id(\'keyword\'); var url = $.id(\'url_css\'); if(a == 0 ){ keyword.style.display = \'block\'; url.style.display = \'none\'; }else{ keyword.style.display = \'none\'; url.style.display = \'block\'; } } var menuDel = function(){ var data = {type:2,id:inputdata.id}; backfun(data); removePopupElement(); } for (i=0; i<btn.length; i++) { var re_obj = btn[i].addEventListener(\'click\', handleEvent); } $.id(\'menu_type\').addEventListener(\'click\', menuType); $.id(\'del\').addEventListener(\'click\', menuDel); } })(lk,window);
php
/** * 微信公众号菜单展示 */ public function wx_creat() { if (IS_POST) { $data = $this->clear_html($_POST); unset($data[\'type\'],$data[\'menu_type\']); if(!$data[\'id\']){ $data[\'mid\'] = $this->mid; $data[\'is_show\'] = 1; //D(\'Aaep_wxmenu\')->data($data)->add(); if(D(\'Aaep_wxmenu\')->data($data)->add()){ $this->dexit(array(\'error\'=>0,\'msg\'=>\'添加成功\')); }else{ $this->dexit(array(\'error\'=>1,\'msg\'=>\'添加失败\')); } }else{ $menu = D(\'Aaep_wxmenu\')->where(array(\'id\'=>$data[\'id\']))->find(); //检查子父类的修改 if($data[\'pid\'] != $menu[\'pid\']){ $count = D(\'Aaep_wxmenu\')->where(array(\'pid\'=>$data[\'pid\'],\'mid\'=>$this->mid))->count(\'*\'); if($count == 5 ){ $this->dexit(array(\'error\'=>1,\'msg\'=>\'子类菜单不能多于5个\')); } if($data[\'pid\'] == 0 && $count == 3){ $this->dexit(array(\'error\'=>1,\'msg\'=>\'父类菜单不能多于3个\')); } } //检查父类 if($menu[\'pid\'] == 0){ $counts = D(\'Aaep_wxmenu\')->where(array(\'pid\'=>$menu[\'id\'],\'mid\'=>$this->mid))->count(\'*\'); if($counts != 0){ $this->dexit(array(\'error\'=>1,\'msg\'=>\'还有子类不能修改！\')); } } $id = $data[\'id\'];unset($data[\'id\']); if (D(\'Aaep_wxmenu\')->data($data)->where(array(\'mid\'=>$this->mid,\'id\'=>$id))->save()) { $this->dexit(array(\'error\'=>0,\'msg\'=>\'修改成功\')); }else{ $this->dexit(array(\'error\'=>1,\'msg\'=>\'修改失败\')); } } } $menu = D(\'Aaep_wxmenu\')->field(\'id,title\')->where(array(\'mid\'=>$this->mid,\'pid\'=>0))->order(\'sort\')->select(); $menuChlid = D(\'Aaep_wxmenu\')->field(\'id,pid,title\')->where(array(\'mid\'=>$this->mid,\'pid\'=>array(\'<>\',0)))->order(\'sort\')->select(); //dump($menuChlid); $this->assign(array(\'menu\'=>$menu,\'menuChlid\'=>$menuChlid)); $this->display(); } /** * 查询一个菜单 */ public function wx_find() { $id = $this->clear_html($_POST[\'id\']); $menu = D(\'Aaep_wxmenu\')->where(array(\'id\'=>$id))->find(); $f_menu = D(\'Aaep_wxmenu\')->field(\'id,title\')->where(array(\'mid\'=>$this->mid,\'pid\'=>0))->select(); $this->dexit(array(\'error\'=>0,\'msg\'=>$menu,\'f_menu\'=>$f_menu)); } /** * 删除菜单 */ public function del_ment() { $id = $this->clear_html($_POST[\'id\']); $menu = D(\'Aaep_wxmenu\')->where(array(\'id\'=>$id))->find(); if($menu[\'pid\'] == 0){ $conut = D(\'Aaep_wxmenu\')->where(array(\'pid\'=>$id,\'mid\'=>$this->mid))->count(\'*\'); if($conut != 0){ $this->dexit(array(\'error\'=>1,\'msg\'=>\'还有子类菜单不能删除！\')); } } if(D(\'Aaep_wxmenu\')->where(array(\'id\'=>$id))->delete()){ $this->dexit(array(\'error\'=>0,\'msg\'=>\'删除成功\')); }else{ $this->dexit(array(\'error\'=>1,\'msg\'=>\'删除失败\')); } } /** * 一键生成微信菜单 * admin:方法条件 */ public function add_wx_menu() { if(IS_POST){ if ($this->clear_html($_POST[\'admin\']) == \'yepai\') { $re = $this->createmenu(); if($re == 1){ $this->dexit(array(\'error\'=>0,\'msg\'=>\'微信公众号菜单生成成功\')); }else{ $this->dexit(array(\'error\'=>1,\'msg\'=>\'微信公众号菜单生成失败\'.$re)); } } } } //创建菜单操作 public function createmenu() { $url = \'https://api.weixin.qq.com/cgi-bin/menu/create?access_token=\'.$this->getAccessToken(); $where1 = array(\'pid\'=>0,\'mid\'=>$this->mid); $wxmenu_model = D(\'Aaep_wxmenu\'); $class = $wxmenu_model->where($where1)->order(\'sort\')->limit(\'3\')->select(); $kcount =$wxmenu_model->where($where1)->count(\'*\'); $data = \'{"button":[\'; foreach($class as $key=>$vo){ $data.=\'{"name":"\'.$vo[\'title\'].\'",\'; $where2 = array(\'pid\'=>$vo[\'id\'],\'mid\'=>$this->mid); $c = $wxmenu_model->where($where2)->order(\'sort\')->select(); $count = $wxmenu_model->where($where2)->count(\'*\'); if($c!=false){ $data.=\'"sub_button":[\'; }else{ if($vo[\'keyword\']){ $data.=\'"type":"click","key":"\'.$vo[\'keyword\'].\'"\'; }else if($vo[\'url\']){ $data.=\'"type":"view","url":"\'.htmlspecialchars_decode($vo[\'url\']).\'"\'; }else if($vo[\'wxsys\']){ $data.=\'"type":"\'.$this->_get_sys(\'send\',$vo[\'wxsys\']).\'","key":"\'.$vo[\'wxsys\'].\'"\'; } } $i=1; foreach($c as $voo){ if($i==$count){ if($voo[\'keyword\']){ $data.=\'{"type":"click","name":"\'.$voo[\'title\'].\'","key":"\'.$voo[\'keyword\'].\'"}\'; }else if($voo[\'url\']){ $data.=\'{"type":"view","name":"\'.$voo[\'title\'].\'","url":"\'.htmlspecialchars_decode($voo[\'url\']).\'"}\'; }else if($voo[\'wxsys\']){ $data.=\'{"type":"\'.$this->_get_sys(\'send\',$voo[\'wxsys\']).\'","name":"\'.$voo[\'title\'].\'","key":"\'.$voo[\'wxsys\'].\'"}\'; } }else{ if($voo[\'keyword\']){ $data.=\'{"type":"click","name":"\'.$voo[\'title\'].\'","key":"\'.$voo[\'keyword\'].\'"},\'; }else if($voo[\'url\']){ $data.=\'{"type":"view","name":"\'.$voo[\'title\'].\'","url":"\'.htmlspecialchars_decode($voo[\'url\']).\'"},\'; }else if($voo[\'wxsys\']){ $data.=\'{"type":"\'.$this->_get_sys(\'send\',$voo[\'wxsys\']).\'","name":"\'.$voo[\'title\'].\'","key":"\'.$voo[\'wxsys\'].\'"},\'; } } $i++; } if($c!=false){ $data.=\']\'; } if($k==$kcount){ $data.=\'}\'; }else{ $data.=\'},\'; } $k++; } $data.=\']}\'; //========================================== //3.发送请求 $content = $this->request($url,true,\'post\',$data); //4.处理返回值 $content = json_decode($content); if($content->errmsg == \'ok\'){ return 1; }else{ //echo \'创建菜单不成功！\'.\'<br />\'; return $content->errcode; } } private function _get_sys($type=\'\',$key=\'\') { $wxsys = array( \'扫码带提示\', \'扫码推事件\', \'系统拍照发图\', \'拍照或者相册发图\', \'微信相册发图\', \'发送位置\', ); if($type == \'send\'){ $wxsys = array( \'扫码带提示\'=>\'scancode_waitmsg\', \'扫码推事件\'=>\'scancode_push\', \'系统拍照发图\'=>\'pic_sysphoto\', \'拍照或者相册发图\'=>\'pic_photo_or_album\', \'微信相册发图\'=>\'pic_weixin\', \'发送位置\'=>\'location_select\', ); return $wxsys[$key]; exit; } return $wxsys; } public function getAccessToken() { $filename = \'./cache/token/accesstoken\'.$this->mid; if(!file_exists($filename) || (file_exists($filename) && (time()-filemtime($filename)) > 4000)){ $url = \'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=\'.$this->appid.\'&secret=\'.$this->appsecret; $content = $this->request($url); $content = json_decode($content); $access_token = $content->access_token; file_put_contents($filename, $access_token); }else{ $access_token = file_get_contents($filename); } return $access_token; } public function request($url,$https=true,$method=\'get\',$data=null) { $ch = curl_init($url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); if($https === true){ curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); } if($method == \'post\'){ curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_POSTFIELDS, $data); } $str = curl_exec($ch); curl_close($ch); return $str; }
mysql
CREATE TABLE IF NOT EXISTS `ep_aaep_wxmenu` ( `id` int(11) NOT NULL, `mer_id` int(11) NOT NULL, `pid` int(11) NOT NULL, `title` varchar(30) NOT NULL, `keyword` varchar(30) NOT NULL, `is_show` tinyint(1) NOT NULL, `sort` tinyint(3) NOT NULL, `url` char(255) NOT NULL, `wxsys` int(11) NOT NULL, `mid` int(11) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=utf8mb4; ALTER TABLE `ep_aaep_wxmenu` ADD PRIMARY KEY (`id`); ALTER TABLE `ep_aaep_wxmenu` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=19;