微信小程序+PHP实现登录注册（手把手教程）

已于 2023-05-07 12:48:12 修改
阅读量2.1w 收藏 413
点赞数 49
文章标签： 微信小程序 php
于 2020-06-07 14:00:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46034990/article/details/106600565
版权

1.环境说明

环境版本

  • PHP版本号：PHP7（！！！！注意本文基于PHP7环境开发，PHP5与PHP7有很多语法不兼容，如果您的本地环境为PHP5，则需修改PHP代码中不兼容语法部分）
  • MySQL版本号：5.7.26

开发工具

  • PhPstudy 8.1.0.5
  • 微信开发者工具
  • Navicat12

2.创建 user 表

首先创建用户表，这里以 Navicat 工具为例

2.1 新建数据库

如果是第一次使用 Navicat，需要新建连接

  1. 点击左上角的 连接 -> 选择 MySQL…
    在这里插入图片描述
  2. 设置连接属性

在这里插入图片描述
这里需要注意的是：如果本机已安装了 MySQL，而安装 PhPstudy 时又安装了 PhPstudy 自带的 MySQL，这里如果想要连接 PHPstudy 安装时带的 MySQL，就需输入 PHPstudy 安装时带的 MySQL 的密码，参考链接：https://blog.csdn.net/weixin_46034990/article/details/104742459

2.1.1 选择连接右键 -> 新建数据库：
在这里插入图片描述
2.1.2 输入数据库信息：
在这里插入图片描述

2.2 导入 SQL 语句

在新建的数据库右键 -> 选择新建查询
在这里插入图片描述
将如下 SQL 复制粘贴到新建查询页面：

/*
 Navicat Premium Data Transfer

 Source Server         : phpstudy
 Source Server Type    : MySQL
 Source Server Version : 50726
 Source Host           : localhost:3306
 Source Schema         : tea_work

 Target Server Type    : MySQL
 Target Server Version : 50726
 File Encoding         : 65001

 Date: 07/06/2020 13:19:49
*/

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for tb_user
-- ----------------------------
DROP TABLE IF EXISTS `tb_user`;
CREATE TABLE `tb_user`  (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
  `password` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
  `email` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
  `phone` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NULL DEFAULT NULL,
  `role` int(2) NULL DEFAULT 0,
  `RFID` int(8) NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = MyISAM AUTO_INCREMENT = 36 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Dynamic;

-- ----------------------------
-- Records of tb_user
-- ----------------------------
INSERT INTO `tb_user` VALUES (1, 'bbb', '08f8e0260c64418510cefb2b06eee5cd', 'bbb@163.com', '12222222222', 0, NULL);

然后点击运行按钮，执行建表语句，创建 tb_user 表
在这里插入图片描述

3.小程序前台部分

3.1 登录部分

3.1.1 登录界面

在这里插入图片描述

3.1.2 登录代码
wxml——类似 HTML

注意：

  1. form 标签的 bindsubmit='login' 表示提交此表单后触发 login 方法。
  2. input 的 name="xxx" 属性要与 js 中的 e.detail.value.xxx 相对应。
  3. 一定要有一个 <button form-type='submit'> 按钮，点击此按钮后会提交表单，触发 login 方法。
  4. 所有标签的 class 属性均是为了调节样式使用，如不追求页面美观，可不添加 class="xxx"。
<!--pages/login/login.wxml-->
<view>
	<form bindsubmit='login'>
		<view class="first">
			<input id="username" placeholder="请输入用户名" placeholder-class="plas" class="inputs" type="text" name="username"></input>
		</view>
		<view class="second">
			<input id="password" placeholder="请输入密码" placeholder-class="plas" class="inputs" type="password" name="password"></input>
		</view>
		<!--按钮-->
		<view>
			<button class="loginBtn" type="primary" form-type='submit'>登录</button>
		</view>
		<view class="cha" bindtap="enroll"><text class="no">没有账号，点我注册</text></view>
	</form>
</view>
wxss——类似 CSS

为了调节前台显示样式使用的，为了美观效果，与功能实现无关

/* pages/login/login.wxss */
page{
  left:10rpx;
  right:10rpx;
  background-color: white;
}
.first{
  width: 90%;
  height: 100rpx;
  margin-top: 80rpx;
  margin-left: 5%;
  margin-right: 5%;
  /* 排列方式 */
  display: flex;
  /* 纵向排列 */
  flex-direction: row;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 8rpx;
}
.plas{
  font-size: 30rpx;
  color: #ccc;
}
.inputs{
  /* 行高 */
  line-height: 100rpx;
  font-size: 30rpx;
  color: #000;
  margin:auto;
  margin-left: 20rpx;
  width: 100%;
}
.second{
  width: 90%;
  height: 100rpx;
  margin-top: 30rpx;
  margin-left: 5%;
  margin-right: 5%;
  /* 排列方式 */
  display: flex;
  /* 纵向排列 */
  flex-direction: row;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 8rpx;
}
.cha{
  width: 90%;
  height: 50rpx;
  margin: auto;
  margin-top: 30rpx;
  margin-left: 5%;
  margin-right: 5%;
}
.no{
  color: black;
  font-size: 28rpx;
  margin-left: 15rpx;
  font-family: PingFangSC-regular;
}
json——公共配置

通用配置，比如用来调节小程序上栏标题及背景颜色，可以不写。

{
  "usingComponents": {},
  "navigationBarBackgroundColor":"#349e20",
  "navigationBarTitleText": "用户登录",
  "navigationBarTextStyle":"black"
}
js——重点部分

1. const app = getApp();：为了获取 app.js 声明的全局变量 globalData，如果无需获取全局变量，则可以不引入此条语句。
2. const util = require('../../utils/util.js');：为了获取 util.js 内声明的变量，比如我这里将 url 的公共前缀部分声明在了 util.js 里面，每次要发起请求访问后台时，都需获取这个公共前缀，然后进行拼接：url: util.basePath + '/app/user-list.php',。（也可以直接声明为：url:http://192.168.0.105:8888/tea_work/app/user-list.php，就无需引入此 util.js 了）
在这里插入图片描述
3. const { $Toast } = require('../../dist/base/index');为了其他额外功能，如不需要，则可以不引用。

login.js

具体看代码内的注释：

// pages/login/login.js
const app = getApp();
const util = require('../../utils/util.js');
const { $Toast } = require('../../dist/base/index');
Page({

  /**
   * 页面的初始数据
   */
  data: {
  },
  // 点击“注册”后触发 enroll 方法，跳转到 enroll 模块
  enroll: function (e) {
  	// 发起网络请求
    wx.navigateTo({
	  // 开发者服务器接口地址
      url: '/pages/enroll/enroll',
    })
  },

	// 点击登录按钮后，触发此login方法
  login: function (e) {
    var me = this;
    // 获取前台form表单传递过来的信息，
    // e.detail.value.xxx：xxx为name属性的值
    var formObject = e.detail.value;
    console.log(e.detail);
    var username = formObject.username;
    var password = formObject.password;
    console.log("username..." + username);
    console.log("password....." + password);
    // 发起网络请求
    wx.request({
      url: util.basePath + '/app/login.php', 
      // 声明请求方式为 POST 请求
      method: 'POST',
      // 向后台传递的数据：用户名、密码（通过e.detail.value.xxx获取input输入框输入的值）
      data: {
        'username': e.detail.value.username,
        'password': e.detail.value.password
      },
      // POST请求，则header声明为如下：
      // 若为 GET请求，则header内声明为'content-type': 'application/json'
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      // 接口请求成功的返回数据
      success(res) {
        console.log(res.data);
        // 如果后台返回的数据为 "普通用户登录成功"，则跳转到用户首页
        if ("普通用户登录成功" == res.data) {
          wx.switchTab({
            url: '../index/index'
          })
        } else if ("管理员登录成功" == res.data) {
        // 如果后台返回的数据为 "普通用户登录成功"，则跳转到管理员首页
          wx.switchTab({
            url: '../index/index'
          })
        } else if ("用户名或密码错误" == res.data) {
        // 如果后台返回的数据为 "用户名或密码错误"，则模态弹框，然后跳转到登录界面
          wx.showModal({
            title: '提示',
            content: '用户名或密码错误',
            showCancel: "false",
            success: function (res) {
              if (res.confirm) {
                console.log('用户点击确定');
                wx.redirectTo({
                  url: '../login/login'
                })
              }
            }
          })
        }

      }
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})
uitl.js

login.js 中引入的 utils/util.js：
主要使用的为 const basePath = 'http://localhost:8888/tea_work'; 这一行代码

const basePath = 'http://localhost:8888/tea_work';

function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()


  return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

/**
 * 封封微信的的request
 */
function request(url, data = {}, method = "POST", header = "application/x-www-form-urlencoded") {
  wx.showLoading({
    title: '加载中...',
  });
  return new Promise(function (resolve, reject) {
    wx.request({
      url: url,
      data: data,
      method: method,
      header: {
        'Content-Type': header,
        'X-Nideshop-Token': wx.getStorageSync('token'),
      },
      success: function (res) {
        wx.hideLoading();
        if (res.statusCode == 200) {

          if (res.data.errno == 401) {
            wx.navigateTo({
              url: '/pages/auth/btnAuth/btnAuth',
            })
          } else {
            resolve(res.data);
          }
        } else {
          reject(res.errMsg);
        }

      },
      fail: function (err) {
        reject(err)
      }
    })
  });
}


// 时间戳转换成刚刚、几分钟前、几小时前、几天前

//刚刚
var just = new Date().getTime();

//几分钟前
var afewminutesago = new Date("Nov 29, 2016 00:50:00").getTime();

//几周前
var afewweekago = new Date("Nov 29, 2016 00:50:00").getTime();

//几年前
var someday = new Date("Nov 21, 2012 01:15:00").getTime();

var helloData = {
  time: afewweekago
}

function getDateDiff(date) {
  date = date.substring(0, 19);
  date = date.replace(/-/g, '/');
  var dateTimeStamp = new Date(date).getTime();

  var result;
  var minute = 1000 * 60;
  var hour = minute * 60;
  var day = hour * 24;
  var halfamonth = day * 15;
  var month = day * 30;
  var now = new Date().getTime();
  var diffValue = now - dateTimeStamp;
  if (diffValue < 0) {
    return;
  }
  var monthC = diffValue / month;
  var weekC = diffValue / (7 * day);
  var dayC = diffValue / day;
  var hourC = diffValue / hour;
  var minC = diffValue / minute;
  if (monthC >= 1) {
    if (monthC <= 12)
      result = "" + parseInt(monthC) + "月前";
    else {
      result = "" + parseInt(monthC / 12) + "年前";
    }
  }
  else if (weekC >= 1) {
    result = "" + parseInt(weekC) + "周前";
  }
  else if (dayC >= 1) {
    result = "" + parseInt(dayC) + "天前";
  }
  else if (hourC >= 1) {
    result = "" + parseInt(hourC) + "小时前";
  }
  else if (minC >= 1) {
    result = "" + parseInt(minC) + "分钟前";
  } else {
    result = "刚刚";
  }

  return result;
};

module.exports = {
  formatTime,
  basePath,
  getDateDiff
}
index.js

login.js 中引入的 dist/base/index.js：
（可以不添加）

function getCtx (selector) {
    const pages = getCurrentPages();
    const ctx = pages[pages.length - 1];

    const componentCtx = ctx.selectComponent(selector);

    if (!componentCtx) {
        console.error('无法找到对应的组件，请按文档说明使用组件');
        return null;
    }
    return componentCtx;
}

function Toast(options) {
    const { selector = '#toast' } = options;
    const ctx = getCtx(selector);

    ctx.handleShow(options);
}

Toast.hide = function (selector = '#toast') {
    const ctx = getCtx(selector);

    ctx.handleHide();
};

function Message(options) {
    const { selector = '#message' } = options;
    const ctx = getCtx(selector);

    ctx.handleShow(options);
}

module.exports = {
    $Toast: Toast,
    $Message: Message
};

3.2 注册部分

3.2.1 注册界面

在这里插入图片描述

3.2.2 注册代码
enroll.wxml
<!--pages/enroll/enroll.wxml-->
<form bindsubmit="regist">
	<view>
		<view class="first">
			<input id="username" placeholder="请输入用户名" placeholder-class="plas" class="inputs" type="text" bindinput="usernameInput" name="username"></input>
		</view>
		<view class="second">
			<input id="password" placeholder="请输入密码" placeholder-class="plas" class="inputs" type="password" bindinput="passwordInput" name="password"></input>
		</view>
		<view class="second">
			<input id="passwordAck" placeholder="请再次输入密码" placeholder-class="plas" class="inputs" type="password" bindinput="passwordInputAck"></input>
		</view>
		<view class="second">
			<input id="email" placeholder="请输入邮箱" placeholder-class="plas" class="inputs" type="email" bindinput="emailInput" name="email"></input>
		</view>
		<view class="second">
			<input id="phoneNumber" placeholder="请输入手机号" placeholder-class="plas" class="inputs" type="number" bindinput="phoneNumberInput" name="phone"></input>
		</view>
		<view class="second">
			<input id="role" placeholder="角色" placeholder-class="plas" class="inputs" type="number" bindinput="roleInput" name="role"></input>
		</view>
		<!-- <view id="btn" class="click" bindtap="regist"><input type="submit">注册</input></view> -->
		<view>
			<button class="click" type="primary" form-type='submit'>注册</button>
		</view>
		<view class="cha" bindtap="signin"><text class="no">已有账号，点我登录</text></view>
	</view>
</form>
enroll.wxss
/* pages/enroll/enroll.wxss */
page{
  left:10rpx;
  right:10rpx;
  background-color: white;
}
.first{
  width: 90%;
  height: 100rpx;
  margin-top: 80rpx;
  margin-left: 5%;
  margin-right: 5%;
  /* 排列方式 */
  display: flex;
  /* 纵向排列 */
  flex-direction: row;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 8rpx;
}
.plas{
  font-size: 30rpx;
  color: #ccc;
}
.inputs{
  /* 行高 */
  line-height: 100rpx;
  font-size: 30rpx;
  color: #000;
  margin:auto;
  margin-left: 20rpx;
  width: 100%;
}
.second{
  width: 90%;
  height: 100rpx;
  margin-top: 30rpx;
  margin-left: 5%;
  margin-right: 5%;
  /* 排列方式 */
  display: flex;
  /* 纵向排列 */
  flex-direction: row;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 8rpx;
}
.click{
  width: 90%;
  height: 100rpx;
  line-height: 100rpx;
  margin:auto;
  margin-top: 80rpx;
  background-color: #43CD80;
  border-radius: 8rpx;
  text-align: center;
  color: white;
  font-size: 33rpx;
}
.cha{
  width: 90%;
  height: 50rpx;
  margin: auto;
  margin-top: 30rpx;
  margin-left: 5%;
  margin-right: 5%;
}
.no{
  color: black;
  font-size: 28rpx;
  margin-left: 15rpx;
  font-family: PingFangSC-regular;
}
enroll.js
// pages/enroll/enroll.js
const app = getApp();
const util = require('../../utils/util.js');
const { $Toast } = require('../../dist/base/index');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 定义变量用来存储input输入的值
    username:"",
    password:"",
    passwordAck:"",
    email:"",
    phoneNumber:"",
    role:""
  },
  signin:function(e){
    //关闭当前页面，返回上一页面或多级页面。
    wx.navigateBack({
      // 返回上 1 页
      delta: 1
    })
  },
  // 注册
  regist:function(e){
    var that = this;
    if(that.data.username == ''){
      wx.showModal({
        title: '提示',
        content: '请输入用户名',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.password == ''){
      wx.showModal({
        title: '提示',
        content: '请输入密码',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.passwordAck == ''){
      wx.showModal({
        title: '提示',
        content: '请再次输入密码',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.passwordAck != that.data.password){
      wx.showModal({
        title: '提示',
        content: '两次密码输入不一致',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.email == ''){
      wx.showModal({
        title: '提示',
        content: '请输入邮箱',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.phoneNumber == ''){
      wx.showModal({
        title: '提示',
        content: '请输入手机号',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.phoneNumber.length != 11){
      wx.showModal({
        title: '提示',
        content: '手机号位数不正确，请重新输入',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.phoneNumber.length != 11){
      wx.showModal({
        title: '提示',
        content: '手机号不合法',
        showCancel:false,
        success (res) {
        }
      })
    }else if(that.data.role == ''){
      wx.showModal({
        title: '提示',
        content: '请输入角色',
        showCancel:false,
        success (res) {
        }
      })
    }else{
      wx.request({
        url: util.basePath + '/app/register.php', 
        method:"POST",
        data: {
          'username':e.detail.value.username,
          'password':e.detail.value.password,
          'email':e.detail.value.email,
          'phone':e.detail.value.phone,
          'role':e.detail.value.role,
        },
        header: {
          'content-type': 'application/x-www-form-urlencoded'  
        },
        success (res) {
          console.log(res.data);
        }
      })
    }
  },
  // 每当 input 发生改变，触发这个方法
  usernameInput:function(e){
    // 获取 input 输入框的值
    this.data.username = e.detail.value;
  },
  passwordInput:function(e){
    // 获取 input 输入框的值
    this.data.password = e.detail.value;
  },
  passwordInputAck:function(e){
    // 获取 input 输入框的值
    this.data.passwordAck = e.detail.value;
  },
  emailInput:function(e){
    // 获取 input 输入框的值
    this.data.email = e.detail.value;
  },
  phoneNumberInput:function(e){
    // 获取 input 输入框的值
    this.data.phoneNumber = e.detail.value;
  },
  roleInput:function(e){
    // 获取 input 输入框的值
    this.data.role = e.detail.value;
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

4.PHP后台代码

如果本地没有PHP环境，要先使用 phpStudy 一键搭建PHP开发环境

4.1 连接数据库部分

connect.php：

<?php
$server = "localhost";//主机
$db_username = "root";// MySQL 数据库用户名
$db_password = "root";// MySQL 数据库密码
$db_name = "tea_work";//你的数据库名字

$con = new mysqli($server, $db_username, $db_password,$db_name);//链接数据库

// 检测连接
if (!$con) {
    die("Connection failed: " . mysqli_connect_error());
}
//echo "连接成功";
?>

4.2 登录部分

login.php

<?php

header("Content-Type: text/html; charset=utf8");

$name=$_POST['username'];//post获取表单里的name
$password=md5($_POST['password']);//post获取表单里的password


include('connect.php');//链接数据库
$q="select * from `tb_user` where `username` = '$name' and `password` = '$password'";//向数据库查询表单传来的值的sql
$con->query('SET NAMES UTF8');
$result = $con->query($q);// 执行 sql

// 获取执行 sql 后的返回对象
$obj=$result->fetch_assoc();

if (mysqli_num_rows($result) > 0){

    // 管理员
    if($obj["role"] == '1'){
        echo"管理员登录成功";
    }else{
        echo"普通用户登录成功";
    }

}else{
    echo "用户名或密码错误";
}
$con->close();//关闭数据库

?>

4.3 注册部分

register.php：

<?php

header("Content-Type: text/html; charset=utf8");

$username=$_POST['username'];//post获取表单里的name
$password=md5($_POST['password']);//post获取表单里的password
$email=$_POST['email'];//post获取表单里的email
$phone=$_POST['phone'];//post获取表单里的phone
$role=$_POST['role'] ;//post获取表单里的role

include('connect.php');//链接数据库
$q="insert into tb_user(id,username,password,email,phone,role) values (null,'$username','$password','$email','$phone','$role')";//向数据库插入表单传来的值的sql
$reslut=$con->query($q);//执行sql

echo $q;
if (!$reslut){
    echo "注册失败";
}else{
    echo "注册成功";
}
$con->close()//关闭数据库
?>

补充：在小程序开发工具内进行本地调试（即请求url为127.0.0.1://xxx或localhost://xxx）时，如果出现如下报错信息：
http://127.0.0.1 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html在这里插入图片描述
解决方法：勾选如下选项即可。
在这里插入图片描述

补充注意

对于纯小白的新手，一定要先按照此教程顺序，从上到下依次执行，不要做任何修改，先跑通这个 demo，在这个过程中熟悉字段与属性的对应关系。
看到成功的效果后，再考虑在这个 demo 的基础上进行修改，添加或删除字段，注意：如果修改数据库字段，一定要在代码中进行全局搜索，找到对应字段的位置，进行相应的修改或删除。

悄悄地努力
关注
  • 49
    点赞
  • 踩
  • 413
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 87
    评论
PHP实现微信小程序登录(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
05-19 202
PHP实现微信小程序登录(附完整源码)
一个经典的php小程序（对初学者很有帮助）
02-24
在现代世界，软件的基本用途之一就是生产和使用数据。现在，我需要做的就是将我的生日发布为一个机器可以处理的事实。
php微信小程序全套源代码（后台和小程序）
11-28
php微信小程序全套源代码（后台、小程序php） 微信小程序,完整项目，源代码，后台，小程序 基于腾讯云
PHP+微信小程序（2）：微信小程序教程
最新发布
a3226976的专栏
02-19 786
开始开发小程序之前，先看看官方公布的「小程序」教程吧！（以下内容来自微信官方公布的「小程序」开发指南）本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。
PHP+微信小程序（1）：开发环境搭建
a3226976的专栏
11-28 1317
搭建小程序，需要有后台服务端， JAVA 、PHP、Python都是后端服务语言的选择，考虑到JAVA对服务器的要求比较高，不符合轻量简单的原则，只有PHP、Python选择了，由于Python没接触过，不熟悉，所以选择使用 PHP技术。因为腾讯针对小程序专门封装了前端语言，所以学习也需要一定的时间成本，特别是腾讯的API文档有些地方说的不明不白，有些坑，遇到问题只能求助万能的互联网了，这也是必须经历的过程。完成PhpStudy 环境安装后，选择php7.0版本，使用工具就可以开始开发了。
微信小程序开发之注册登录
duke_ding2的博客
06-17 5541
微信小程序开发之注册登录
php获取微信小程序用户头像,微信小程序获取用户头像+昵称+openid，小程序登录！附前端后端源码！...
weixin_39807954的博客
03-12 1091
做一款小程序，如果需要判断用户，当然要获取一些基本信息，例如头像，昵称，openid。所以本次案例就直接上代码了。小程序前端index.wxml 获取头像昵称 {{userInfo.nickName}}{{motto}}index.js//index.js//获取应用实例const app = getApp()Page({data: {motto: 'Hello World',userInfo: ...
php微信小程序登录并获取手机号
x12301的博客
03-30 844
亲测可以正常使用 里面具体的返回参数自己去微信的文档看一下吧，这里就不再赘述了。最近公司开了新项目 做到微信小程序这一块 记录一下代码 废话不多说 上码。
apach+php+微信小程序
shiqingzu的博客
08-30 213
搭建过程apache压缩包安装1.下载apache2配置环境3注册apache安装PHP下载php2配置php3 Apache中配置加载PHP，修改http.conf文件3测试 apache压缩包安装 1.下载apache https://www.apachehaus.com/cgi-bin/download.plx 解压文件 2配置环境 打开Apach\conf\httpd.conf配置文件 1.修改安装路径(apche的解压位置) Define SRVROOT “C:/Apache24” 2.监听
微信小程序全套源代码（后台、小程序php）(转)
06-23
微信小程序全套源代码（后台、小程序php） 微信小程序,完整项目，源代码，后台，小程序 基于腾讯云，详细教程见 http://blog.csdn.net/wyx100/article/details/54319360
微信小程序源码（云脑后台、小程序php+前端）
11-06
http://blog.csdn.net/qq_35251328/article/details/78455802
微信小程序完整商城类demo：灵动云商（含PHP后端）（线上）程序源码
05-18
微信小程序完整商城类demo：灵动云商（含PHP后端）原文地址：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4718
Think PHP精仿网易严选微信小程序+前后端代码+配置教程.rar
01-12
4. **配置教程**：教程可能包含环境搭建、数据库配置、API接口对接、微信小程序的注册和配置等内容，帮助开发者一步步将项目运行起来。 5. **微信小程序开发流程**：包括小程序注册、开发者工具的使用、WXML（微信...
微信小程序成语小秀才，成语接龙超详细搭建教程
02-21
本教程将详细介绍如何利用PHP作为后端开发语言，构建一款名为“成语小秀才”的微信小程序，实现成语接龙游戏功能。此项目不仅提供了娱乐性，还可以帮助用户学习和积累丰富的成语知识。 首先，我们需要了解微信小...
GoEasyDemo微信小程序项目免费开源代码，前段+后端已打包
04-07
今日的前端技术发展可谓百花争鸣，为了确保本文能帮助到使用任何技术栈的前端工程师，Demo的源码实现上选择了最简单的HTML+JQuery的方式，所以,不论您是准备用Uniapp开发移动APP，还是准备写个小程序，不论你喜欢用...
（Shuttles；PHP后端）带后台的微信小程序，可对接开通流量主代码-对接广告获取收益
04-10
小程序源码-源码带搭建效果图片，目录结构和大多数小程序一样，app.js 文件的主要作用是充当微信小程序的脚本文件，适合新手开发使用，手把手带你玩转微信小程序二次开发，属于自己的小程序，开发能力强的话可对接...
小程序源码-Shuttles；PHP后端（有使用教程说明）
03-25
源码带搭建效果图片，目录结构和大多数小程序一样，app.js 文件的主要作用是充当微信小程序的脚本文件，适合新手开发使用，手把手带你玩转微信小程序二次开发，属于自己的小程序，开发能力强的话可对接开通流量主...
本地做后端数据库+navicat+微信小程序前端制做图片分享社区
09-15
本地使用Navicat作为后端数据库管理工具，可以实现对数据库的管理和操作。Navicat具有友好的图形界面，用户可以通过它轻松连接数据库、创建和修改表格、执行SQL查询和命令，以及备份和还原数据等。使用Navicat可以方便地管理和维护数据库。 微信小程序前端制作图片分享社区，可以实现用户在小程序上分享和浏览图片，并进行交流和评论。前端制作图片分享社区需要使用微信小程序开发工具，采用HTML、CSS和JavaScript等技术来实现页面的布局和功能。通过调用微信小程序提供的API，可以实现小程序的登录、图片上传、图片展示和用户交互等功能。 在图片分享社区中，用户可以上传自己的图片，并添加文字描述和标签。其他用户可以浏览、点赞和评论这些图片，还可以关注其他用户，查看其分享的图片和动态。同时，可以通过搜索功能查找感兴趣的图片和用户，为图片添加标签，方便分类和筛选。 为了提升用户体验，可以在小程序中加入推荐算法，根据用户的浏览历史和兴趣偏好，智能推荐相关的图片给用户。另外，加入用户积分和等级制度，鼓励用户积极参与分享和互动。 总结而言，使用Navicat作为后端数据库管理工具，结合微信小程序前端制作图片分享社区，能够实现用户之间的图片分享和交流，为用户提供一个便捷的图片社区平台。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 87
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悄悄地努力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值