![](https://img-blog.csdnimg.cn/20200321200010713.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
多店铺小程序开发实战(完结)
微擎多店铺微信小程序的开发实战
优惠券已抵扣
余额抵扣
还需支付
¥29.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
xinglei0352
这个作者很懒,什么都没留下…
展开
-
26、header.wxml 头部文件和 footer.wxml 底部文件 - 微擎小程序模块应用开发
头部调用文件位于小程序端 sx_haodian\sx_haodian\components 文件夹内,起名为 header.wxml<view class="header" style="background: {{wxConfig['backgroundColor']}}; color:{{wxConfig['frontColor']}}"> <icon class=...原创 2020-03-23 11:06:09 · 644 阅读 · 0 评论 -
25、login.wxml 小程序登录 - 微擎小程序模块应用开发
登录调用文件位于小程序端 sx_haodian\sx_haodian\components 文件夹内,起名为 login.wxml<view class="go-login" wx:if="{{is_login}}"> <view class="layout" id="gologin" style="{{gologin}}"> <view...原创 2020-03-23 11:04:42 · 685 阅读 · 0 评论 -
24、新增商铺 - 小程序端开发 - 微擎小程序模块应用开发
新增商铺分为4个文件,详情说明如下:1、addShop.js 接口数据交互var app = getApp();var upImg = require('../../resource/js/image.js')Page({ data: { imglist: [], item: '../../res/add.png', loading: false, ...原创 2020-03-23 11:03:23 · 194 阅读 · 0 评论 -
23、商铺编辑 - 小程序端开发 - 微擎小程序模块应用开发
商铺编辑分为4个文件,详情说明如下:1、editShop.js 接口数据交互var app = getApp();var upImg = require('../../resource/js/image.js')Page({ data: { imglist: [], item: '../../res/add.png', loading: false, ...原创 2020-03-23 10:57:42 · 192 阅读 · 0 评论 -
22、商铺列表 - 小程序端开发 - 微擎小程序模块应用开发
商铺列表分为4个文件,详情说明如下:1、shopList.js 接口数据交互var app = getApp();Page({ data: { index: 0, listData: [], listDisplay: false }, onLoad: function (op) { if (op.op != 'undefined') { ...原创 2020-03-23 10:55:33 · 199 阅读 · 0 评论 -
21、关于我们 - 小程序端开发 - 微擎小程序模块应用开发
关于我们分为4个文件,详情说明如下:1、about.js 接口数据交互var app = getApp();var WxParse = require('../../resource/wxParse/wxParse.js');Page({ data: { loadingHide: true, loadingText: "加载中", footer: '',...原创 2020-03-23 10:53:05 · 293 阅读 · 0 评论 -
20、个人信息 - 小程序端开发 - 微擎小程序模块应用开发
个人信息分为4个文件,详情说明如下:1、basics.js 接口数据交互var app = getApp();Page({ data: { phoneNumber: 0, hasLocation: false, mapGps: '位置信息尚未获取', }, onLoad: function (options) { var userInfo...原创 2020-03-23 10:51:26 · 209 阅读 · 0 评论 -
19、会员中心 - 小程序端开发 - 微擎小程序模块应用开发
中心页面分为4个文件,详情说明如下:1、user.js 接口数据交互var app = getApp();Page({ data: { uInfo: '', dataNum: 0 }, onLoad: function (options) { app.pageConfig(this); app.util.footer(this); ...原创 2020-03-23 10:49:22 · 397 阅读 · 0 评论 -
18、分类页面 - 小程序端开发 - 微擎小程序模块应用开发
分类页面分为4个文件,详情说明如下:1、shops.js 接口数据交互var app = getApp();Page({ data: { cateItems: [], curNav: 1, curIndex: 0, second_height: 0, openid: '', }, onLoad: function (options)...原创 2020-03-23 10:46:48 · 222 阅读 · 0 评论 -
17、内容页面 - 小程序端开发 - 微擎小程序模块应用开发
内容页面分为4个文件,详情说明如下:1、shopView.js 接口数据交互var app = getApp();var WxParse = require('../../resource/wxParse/wxParse.js');Page({ data: { viewData: {}, }, onLoad: function (options) { a...原创 2020-03-23 10:44:41 · 310 阅读 · 0 评论 -
16、首页功能 - 小程序端开发 - 微擎小程序模块应用开发
首页功能分为4个文件,详情说明如下:1、index.js 接口数据交互var app = getApp();Page({ data: { indicatorDots: false, autoplay: true, interval: 2500, duration: 1000, SwiperData: [], }, onLoad: fu...原创 2020-03-22 15:49:16 · 410 阅读 · 0 评论 -
15、wxapp - 小程序登录以及全局参数 - 微擎小程序模块应用开发
通过对 app.js 文件的调整建立,我们接下来要将对应的 微信小程序登录方法,以及全局参数的获取方法对应编写出来。接口的文件位于PC后端管理目录下/addons/sx_haodian/wxapp.php在当前文件新增微信登录方法的接口代码:public function doPageLogin(){ global $_GPC, $_W; $code = ...原创 2020-03-22 15:40:15 · 2592 阅读 · 0 评论 -
14、app.js - 小程序端配置文件 - 微擎小程序模块应用开发
app.js 内小程序端的登录,以及获取店铺整体参数的数据。var util = require('sx_haodian/resource/js/util.js');App({ onLaunch: function (res) { this.onLogin(); }, onShow: function (res) { }, onHide:...原创 2020-03-22 15:38:56 · 373 阅读 · 0 评论 -
13、app.json - 小程序端配置文件 - 微擎小程序模块应用开发
app.json 配置文件,建立几个对应的功能页面{ "pages": [ "sx_haodian/pages/index/index", "sx_haodian/pages/user/user", "sx_haodian/pages/user/shopList", "sx_haodian/pages/user/addShop", "sx_haod...原创 2020-03-22 15:37:41 · 555 阅读 · 0 评论 -
11、uninstall.php 插件卸载脚本 - 微擎小程序模块应用开发
插件卸载脚本,也可以理解为数据库内表的卸载脚本,具体的语句如下:<?phppdo_query("DROP TABLE IF EXISTS ".tablename('sx_hd_adver').";");pdo_query("DROP TABLE IF EXISTS ".tablename('sx_hd_cate').";");pdo_query("DROP TABLE IF EX...原创 2020-03-22 11:37:46 · 320 阅读 · 0 评论 -
10、install.php 插件安装脚本 - 微擎小程序模块应用开发
插件安装脚本,也可以理解为数据库内表的安装建立脚本,具体的语句如下:<?php$sql = <<<EOTCREATE TABLE IF NOT EXISTS `ims_sx_hd_adver` ( `cate_id` int(11) NOT NULL AUTO_INCREMENT, `sort` int(50) DEFAULT '0', `icon` ...原创 2020-03-22 11:36:44 · 413 阅读 · 0 评论 -
9、manifest.xml - 配置文件 - 微擎小程序模块应用开发
manifest.xml安装配置文件位于 /addons/sx_haodian/ 目录下,每次新增功能列表,需要添加到menu标签内。标签内新增完列表以后,记得修改 version 标签内的版本号。修改新增完成以后上传覆盖到插件目录下,然后通过后台去升级到最新版。这样后端就会有对应的操作项列表功能了。<?xml version="1.0" encoding="utf-8"?&g...原创 2020-03-22 11:35:38 · 801 阅读 · 0 评论 -
8、店铺分类 - 后端功能开发 - 微擎小程序模块应用开发
第一步: 模板创建依然是进入到 /addons/sx_haodian/template/ 目录,新建如下3个模板1、cate.html 列表模板创建{template 'common/header'}<div class="clearfix"> <div class="we7-padding-bottom clearfix"> <div c...原创 2020-03-22 11:33:00 · 234 阅读 · 0 评论 -
7、用户管理 - 后端功能开发 - 微擎小程序模块应用开发
第一步: 模板创建依然是进入到 /addons/sx_haodian/template/ 目录,新建如下2个模板1、users.html 用户列表模板{template 'common/header'}<div class="clearfix"><div class="clearfix we7-margin-bottom"> <form acti...原创 2020-03-22 11:27:37 · 328 阅读 · 0 评论 -
6、幻灯管理 - 后端功能开发 - 微擎小程序模块应用开发
第一步: 模板创建依然是进入到 /addons/sx_haodian/template/ 目录,新建如下3个模板1、adver.html 列表模板创建{template 'common/header'}<div class="clearfix"> <div class="we7-padding-bottom clearfix"> <div ...原创 2020-03-21 22:24:52 · 128 阅读 · 0 评论 -
5、店铺管理 - 后端功能开发 - 微擎小程序模块应用开发
第一步: 模板创建依然是进入到 /addons/sx_haodian/template/ 目录,新建如下3个模板1、shop.html 列表模板创建{template 'common/header'}<div class="clearfix"><div class="clearfix we7-margin-bottom"> <form actio...原创 2020-03-21 21:55:24 · 250 阅读 · 0 评论 -
4、系统设置 - 后端功能开发 - 微擎小程序模块应用开发
第一步: 模板创建按照图示表单功能先进行模板的创建,在 /addons/sx_haodian/template/ 目录下新建 setconfig.html 模板文件,代码如下:{template 'common/header'}<div class="panel-success"> <form class="form-horizontal form" id...原创 2020-03-21 21:39:09 · 345 阅读 · 0 评论 -
3、插件文件目录创建 - 微擎小程序模块应用开发
接下来我们直接进行目录的创建:直接在插件目录addons下创建sx_haodian目录,如下图:首次安装好微擎框架是没有 addons 目录的,大家可以在网站的根目录手动去创建。同时我们要登录到微擎的开发者中心,创建对应标识的插件(标识名称必须和目录名称一致),不明白的地方可以翻阅我在学院发布的相关视频教程。创建好插件之后,将对应的插件文件下载到本地(包含有PC和小程序端的文...原创 2020-03-21 20:30:28 · 1337 阅读 · 0 评论 -
2、了解小程序端要实现的功能 - 微擎小程序模块应用开发
微信小程序端直接给大家来个合集的展示包含页面有:首页、更多分类、内容页面、个人中心、商铺管理、信息发1、首页首页主要呈现了幻灯的滚动显示,以及推荐店铺的显示,通过点击对于的图标或者链接位置进入到对应的界面功能。2、更多分类通过点击首页的更多,进入更多分类列表,点击左侧的分类图标文字,展现不同分类下的店铺信息。3、内容页面内容页面呈现的是店铺的详细信息,地址、电话、...原创 2020-03-21 20:14:30 · 427 阅读 · 0 评论 -
1、了解电脑端要实现的功能 - 微擎小程序模块应用开发
微信小程序多店铺功能的开发,利用的是微擎的后端框架;前端采用微信小程序与其交互实现。这里后端框架的安装就不再进行详细的解说,大家可以登录到微擎的官方进行下载安装(免费版的即可)首先我们预览一下前端功能的实现目标:1、系统设置系统设置包含了小程序字体颜色的定义,以及背景颜色的性质;当然这里也可以同样定义图标的颜色;从而达到小程序端的整体色系统一。另外系统设置项还包含了关于我们文字内...原创 2020-03-21 20:10:57 · 338 阅读 · 0 评论