小康课堂-CSDN博客

原创微擎安装数据表与删除数据表

先删除以前的表，再创建新表，操作install.php<?phppdo_query("DROP TABLE IF EXISTS `ims_ewei_message_mass_sign`;CREATE TABLE `ims_ewei_message_mass_sign` ( `id` int(11) NOT NULL AUTO_INCREMENT, `uniacid` int(11) DEFAULT '0', `openid` varchar(50) DEFAULT NULL,

2020-08-09 17:33:42 633

原创微擎模块开发-微擎小程序商城全部订单功能详解（后端篇）

在用户中心，点击全部订单，可以看到待付款、待发货、待收货、待评价等各个状态下的订单。我的订单设计思路获取用户订单中心订单信息；支付成功后修改订单为代发货；点击订单商品后，跳转至订单详情；获取待付款、待发货、待评价等订单状态数据我的订单myorder.wxml<view class="container"> <view class="order-ti.

2020-08-02 10:22:02 1194

原创微擎模块开发-微擎小程序商城微信支付功能详解（后端篇）

微擎已将微信支付打包成函数，我们只需调用微擎函数，传入我们需要的参数即可ordering.wxml// 微信支付 weixinpay: function (outTradeNo, orderPrice, orderId, orderType) { var that = this app.util.request({ 'url': 'entry/wxapp/pay', //调用wxapp.php中的doPagePay方法获取支付参数 data: { outTradeNo:.

2020-08-02 10:07:36 1094 1

原创微擎模块开发-微擎小程序商城商品订单功能详解（后端篇）

CREATE TABLE `shancloudy`.`ims_shangcheng_xk_order` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `out_trade_no` VARCHAR(18) NOT NULL COMMENT '交易订单号' , `total_price` DECIMAL(10,2) NOT NULL DEFAULT '0' COMMENT '总价格' , `member_id` MEDIUMINT NOT NULL COMMENT

2020-08-02 10:04:07 841

原创微擎模块开发-微擎小程序商城收货地址功能详解（后端篇）

会员用户地址这个模块比较简单，主要调用的微信官方数据接口，存储到开发者服务中。创建address数据表CREATE TABLE `shancloudy`.`ims_shangcheng_xk_address` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `member_id` MEDIUMINT NOT NULL , `username` VARCHAR(60) NOT NULL , `telnumber` VARCHAR(11) NOT NULL ,.

2020-07-29 18:35:34 477

原创微擎模块开发-微擎小程序商城购物车功能详解（后端篇）

购物车是商城系统的重要组成部分之一，也是本次课程的难点之一。创建cart购物车数据表CREATE TABLE `shancloudy`.`ims_shangcheng_xk_cart` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `goods_name` VARCHAR(100) NOT NULL COMMENT '商品名称' , `price` DECIMAL(10,2) NOT NULL DEFAULT '0' COMMENT '商品价格' , `.

2020-07-28 20:17:59 537

原创微擎模块开发-微擎小程序商城清除本地缓存功能详解（后端篇）

本地缓存可以帮助大家实现很多功能，但有时候也会带来诸多不便，只要在该使用缓存的时候设置缓存，不用的时候清除缓存，就会让缓存百利无一害。设计思路在商城会员中心界面添加“清除缓存”功能选项，点击后，1秒钟执行清除缓存功能，并重新执行onload函数，刷新当前界面。// 清除本地缓存功能clearMemberStorage:function(){ var that = this wx.clearStorage() wx.showToast({ title: '清除缓存成功！', ic.

2020-07-27 09:33:40 1041

原创微擎模块开发-微擎小程序商城会员收藏商品功能详解（后端篇）

CREATE TABLE `shancloudy`.`ims_shangcheng_xk_goods_collect` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `user_id` INT NOT NULL COMMENT '用户id' , `goods_id` INT NOT NULL COMMENT '商品id' , `create_time` INT NOT NULL COMMENT '收藏时间' , PRIMARY KEY (`id`)) ENGIN

2020-07-26 18:32:54 530

原创微擎模块开发-微擎小程序商城会员注册功能详解（后端篇）

本节课开始制作会员功能模块，相较于商品模块和分类模块，会员模块相对简单一些…设计思路点击会员中心登录按钮，系统先查看缓存中是否用用户信息，如果有则获取缓存用户信息，如果没有则调用微信获取用户信息接口，将用户头像和昵称发送到开发者服务器，再从$_W中取出openid，一同存到member表中。新建member数据表CREATE TABLE `shancloudy`.`ims_shangcheng_xk_member` ( `id` INT UNSIGNED NOT NULL AUTO_INCREM.

2020-07-26 11:47:39 1189

原创微擎模块开发-微擎小程序商城分类页面分类跳转至商品分类列表页详解（后端篇）

相对于上节课的内容这节课想就行简单的不少，不过设计思路都是一样的，不过这个把这4次循环都写在了不同接口里，思路更明确。商城分类页面分类数据展示category.wxml<view class="rec-cate"> <block wx:for="{{ categorySonId }}" wx:key='id'> <navigator url="/shangcheng_xk/pages/category/cateDetail/cateDetail?cateid={{.

2020-07-26 08:58:39 672

原创微擎模块开发-微擎小程序商城首页推荐分类跳转至商品分类列表页详解（后端篇）

点击首页的分类图标跳转至对应的商品分类列表页，本节课牵扯的的内容稍微复杂一点，希望大家静下心来学习。设计思路点击首页的顶级分类图标，系统先找顶级分类的二级子分类，再找到对应子分类的下属商品，最后再找到下属商品对应的商品主图，共需要四次遍历循环，小新被绕晕啊。首页顶级推荐分类category.wxml<view class="category"> <block wx:for="{{ category }}" wx:key="id"&g.

2020-07-26 08:45:43 777

原创微擎模块开发-微擎小程序商城展示商品详细信息详解（后端篇）

当用户点击首页商品时，跳转至商品详情页。商品详情页展示页面goods.wxml<import src="../../resource/wxParse/wxParse.wxml"/><view class="container"> <scroll-view scroll-y="true" style="height:{{ screenHeight }}px;">.

2020-07-25 18:29:33 716

原创微擎模块开发-微擎小程序商城首页推荐商品前端与后端接口通信详解（后端篇）

后端已完成商品的增删改查，接下来将添加的商品展示到商城首页。商城首页商品展示页面源码index.wxml <view class="goods"> <view class="special-title"> <view class="special-rec">为您推荐</view> <view class="special-more">查看更多 ></view> .

2020-07-25 17:58:34 440

原创微擎模块开发-微擎小程序商城商品增、删、改、查详解（后端篇）

商品是商城的核心环节之一，本节课用到的知识点稍微多一点，希望大家静下心来学习。新建商品表和商品图标表在商城中，一个商品可能有好几张对应的商品主图，这使用一张数据表很难实现商品和主图的完美匹配，如果设计成两张表，则可以轻松实现。新建商品表CREATE TABLE `shancloudy`.`ims_shangcheng_xk_goods` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `goods_name` VARCHAR(100) NOT NULL.

2020-07-23 11:57:36 1009

原创微擎模块开发-微擎小程序商城商品分类前端与后端通信详解（后端篇）

本节课主要完成了小程序首页顶级分类展示，和分类页面数据展示以及切换分类的数据展示；微擎小程序商城商品分类页面category.wxml<view class="container"> <view class="left"> <view class="cate-left"> <block wx:for=.

2020-07-22 17:31:38 602

原创微擎模块开发-微擎小程序商城产品分类增、删、改、查详解（后端篇）

本节课给大家介绍微擎小程序商城产品分类增、删、改、查功能，小程序商城的体量一般都比较少，所以大多数商城的商品都只有二级，两级的设计思路比较简单，如有需要可以文章留言，我单独给您说制作方法，这里给大家介绍的是无限分类，应用场景更广泛。无限分类数据库设计数据库执行语句：CREATE TABLE `shancloudy`.`ims_shangcheng_xk_category` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `cate_name` VARC.

2020-07-22 10:05:08 533

原创微擎模块开发-微擎小程序商城轮播图前端与后端通信详解（后端篇）

完成微擎小程序banner图前端与后端对接，实现在微擎后端对banner图增删改查的效果反应到微擎小程序前端。将从微擎获取到的banner数据，反应到index.js页面上var app = getApp();Page({ data: { category : '', text: "demo" }, onLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 var that = this //获取首页banner图.

2020-07-22 09:50:17 660 1

原创微擎模块开发-微擎小程序商城轮播图增、删、改、查详解（后端篇）

微擎小程序前端页面已完成，接下来的主要工作都在后端，本节课的内容主要介绍商城banner的增删改查，让大家对微擎框架有一个初步的认识。新建banner数据库下面是具体的数据库执行语句，点击保存即可。CREATE TABLE `shancloudy`.`ims_shangcheng_xk_banner` ( `id` INT UNSIGNED NOT NULL AUTO_INCREMENT , `title` VARCHAR(60) NOT NULL COMMENT '轮播图名称' , `bann.

2020-07-21 09:37:29 1356

原创微擎模块开发-微擎小程序商城订单详情页面布局详解（前端篇）

订单详情页面主要展示订单的状态和订单详细信息。微擎小程序商城订单详情页面orderdetail.wxml<view class="container"> <view class="order-status"> <text>买家已付款</text> </view> <view class=".

2020-07-20 15:59:57 1327

原创微擎模块开发-微擎小程序商城我的订单页面布局详解（前端篇）

我的订单分为全部、待付款、待配送、配送中、待评价。微擎小程序商城我的订单页面ordering.wxml<view class="container"> <view class="order-title"> <text class="active">全部</text> <text>待付款</text>.

2020-07-20 14:39:34 993

原创微擎模块开发-微擎小程序商城商品下单页面布局详解（前端篇）

微擎小程序商城完成商品下单页面布局微擎小程序商城商品下单页面ordering.wxml<view class="container"><scroll-view scroll-y="true" style="height: {{screenHeight}}px;" > <view class="address"> <image .

2020-07-20 10:36:37 565

原创微擎模块开发-微擎小程序商城商品详情页面布局详解（前端篇）

商品详情页主要分类商品主图，商品信息，底部购买模块。微擎小程序商城商品详情页面goods.wxml<view class="container"> <scroll-view scroll-y="true" style="height:{{ screenHeight }}px;"> <view class="goods-img"> <swiper .

2020-07-19 18:08:34 557

原创微擎模块开发-微擎小程序商城会员中心页面布局详解（前端篇）

会员中心主要分为会员信息状态、订单状态、商城功能列表。微擎小程序商城会员中心页面member.wxml<view class="container"> <view class="member"> <view class="member-info"> <view class="avatar"> <image src="htt.

2020-07-19 16:10:30 869

原创微擎模块开发-微擎小程序商城购物车页面布局详解（前端篇）

主要分类三大部分，满包邮标题、购物车列表、总结结算本节课程就稍微有点难度了，主要用到了scroll-view组件，还有一个就是微擎小程序的一个函数wx.getsysteminfo()获取屏幕的高度，然后减去满包邮和总价结算的高度就是中间滚动区域的高度，第一次接触到小程序函数，具体的介绍，大家可以到“微信小程序官方文档”查一下，有问题可在文章底部留言，小编看到了回及时回复。微擎小程序商城购物车cart.wxml文件<!--shangcheng_xk/pages/cart/cart.wxml-.

2020-07-19 11:25:13 572

原创微擎模块开发-微擎小程序商城分类页布局详解（前端篇）

完成微擎小程序商城分类页面。微擎小程序商城分类页源代码category.wxml文件<view class="container"> <view class="left"> <view class="cate-left"> <view class="cate-name active">手机&l.

2020-07-18 20:55:25 398

原创微擎模块开发-微擎小程序商城首页布局详解（前端篇）

微擎小程序首页分为轮播图、分类、商品列表、底部版权四个部分。商城首页预览图做好后大致是这个样子，一个常规的商城首页布局，下面是详细代码，希望能给大家提供帮助。小编建议大家在学习布局之前，尽量看两遍“微信小程序开发文档”，这样写起来前端代码更得心应手。index.wxml文件代码<view class="container">  <view class="banner"> <swiper indicator-dots=.

2020-07-18 18:14:55 921

原创微擎模块开发-微擎小程序基本配置（前端篇）

配置商城名称、主题色、基础页面以及底部菜单在app.json文件中修改商城名称、名称颜色、导航背景色以及内容区域背景色另外新建三个页面，分类页面、购物车页面、会员中心页面，点击保存，系统自动生成另外三个页面。在app.json中添加tabBar选项，tabbar与window是同一级别。"tabBar": { "list": [ { "pagePath": "shangcheng_xk/pages/index/index", "text":.

2020-07-17 23:07:04 1287

原创微擎模块开发-导入微擎小程序报错处理办法（前端篇）

第一次打开微擎小程序，系统会提示各种错误，接下来告诉大家如何处理报错的提示。先打开app.js文件，修改微擎小程序默认首页为我们要制作的商城首页"shangcheng_xk/pages/index/index"，第一个位置默认为系统首页。这个图片就是要制作的商城首页界面，接下来处理右下角报错的红色提示信息，简单粗暴，删除相关目录即可。删除红箭头对应的三个文件夹和右侧箭头指向的选中部分，切记"shangcheng_xk/pages/index/index"后面的逗号也要删除。点.

2020-07-17 18:35:14 997