小程序界面
[微信扫码]打开小程序,修改定位到湖北省宜昌市夷陵区云计算中心,即可查看演示活动数据
管理后台界面
链接地址:.
搭建准备
认证公众号(服务号),需开通微信支付,创建小程序审核
服务器(推荐阿里云服务器)
域名:微信未拦截的备案域名(如果用阿里云服务器,备案域名接入商也需是阿里云的)
腾讯地图key:
获取地址:/dev/console/key/manage
获取方法:前往上面链接,注册账号,创建应用,绑定小程序APPID,即可获取。
搭建方法
下载源码解压文件到服务器目录,程序运行目录public,配置好数据库参数,修改域名为你的域名,然后访问后台进入设置,配置好小程序、微信支付的参数即可。然后用微信开发者工具,导入项目,提交审核。
微信开发者工具,导入项目,提交审核
主要功能介绍
1.独立用户端小程序
2.独立商家端小程序
3.邀请分销功能
4.邀请用户会员兑换会员共
5.会员开通及权益
更多功能欢迎咨询了解
<view class="shoplist"><view class="shoplist-title"><text class="title-xhx u-font-xl u-font-w-600">附近商家</text></view><view class="shaixuan"><view class="dropdown"><xfl-select:list="listssss":typelist="typelist":clearable="false":showItemNum="5" :isCanInput="true" :style_Container="listBoxStyle":placeholder = "'placeholder'":initValue="'综合排序'":selectHideType="'independent'"@change="selecetchange"@tabChange="tabChange"@switchChange="switchChange"></xfl-select></view></view><view class="shop-list"><view class="shop-item" v-for="(item,index) in activityList" :key="index" @click="goActivityInfo(item.id)"><view class="shop-box"><view class="shop-logo"><u-image :src="item.logo" width="160" height="160" mode="aspectFill"></u-image></view><view class="shop-content"><view class="shop-title"><text>{{item.title}}</text></view><view class="address u-font-sm"><view class="address-info"><text class="address-text">地址:{{item.address}}</text></view><view class="address-distance"><text>{{item.distance}}km</text></view></view><view class="businessHours u-font-sm"><text class="yy" v-if="item.sleep == '0'">营业时间:{{item.rangetime}}(营业中)</text><text class="yy" v-else>营业时间:{{item.rangetime}}(休息中)</text></view><view class="mata u-font-sm"><view class="matas"><text class="mata-type u-m-r-5" v-if="item.paytype == 'mt'">美团</text><text class="mata-type ele u-m-r-5" v-if="item.paytype == 'ele'">饿了么</text><view class="discounts-tag" v-for="(items,indexs) in item.card" :key="indexs"><text class="jn-tag"><text v-if="items.vip == 1">会员</text><text>满{{items.full}}减{{items.cut}}</text></text></view></view><view class="remain"><text v-if="item.number - item.has_count == 0" class="remains-tag">已抢光</text><text v-else class="remain-tag">剩余{{item.number - item.has_count}}份</text></view></view></view></view></view><u-loadmore :status="status" :icon-type="iconType" :load-text="loadText"/></view></view>catalist(id,image){this.$u.route({url: 'pages/classifyList/classifyList',params: {id: id,image:image}})},isGetSetting(){var that = this;uni.getSetting({success: (res) => {var statu = res.authSetting;if (!statu['scope.userLocation']) { //没授权that.txMap()}else {if(that.location.longitude == '' && that.location.latitude == ''){that.txMap()}else {// that.recommendstore();// that.getnearbyshopsList(that.page);}}}})},txMap(){var that = this;uni.getLocation({type: 'gcj02',geocode: true,success: function(res) {that.lng = res.longitudethat.lat = res.latitudeconsole.log(234)const QQMapWX = new qqmapsdk({key: 'Z7IBZ-WCG3O-EHVWB-SWYI3-ORMM3-Q6FWF'});QQMapWX.reverseGeocoder({location: {latitude: that.lat,longitude: that.lng},success: function(res) {that.$u.vuex('location.longitude', that.lng);that.$u.vuex('location.latitude', that.lat);that.$u.vuex('location.name', res.result.formatted_addresses.recommend);that.$u.vuex('location.address', res.result.address);// that.recommendstore();// that.getnearbyshopsList(that.page);},fail: function(res) {uni.showToast({title: '定位失败',duration: 2000,icon: 'none'});
全新霸王餐小程序 外卖霸王餐程序代码源码|美团/饿了么霸王餐系统 粉丝裂变分销 独立商家端
如果觉得《全新霸王餐小程序 外卖霸王餐程序代码源码|美团/饿了么霸王餐系统 粉丝裂变分销 独》对你有帮助,请点赞、收藏,并留下你的观点哦!