纯手机号注册登录只有一个页面，后端根据数据库中是否存在手机号自动判断是注册还是登录

整页模板，可Ctrl+A复制完整粘贴

<template> <view> <view style="padding:200rpx;text-align:center;font-size:48rpx;font-weight:bold;color:#f56c6c"> 欢迎登录 </view> <view style="padding:0 70rpx;"> <u-form :model="form" ref="uForm"> <u-form-item label-position="top" label="手机号" prop="user_phone" labelWidth="150rpx"> <u-input type="tel" v-model="form.user_phone" placeholder="请输入手机号" border="bottom" :customStyle="{paddingLeft:0}" /> </u-form-item> <u-form-item label-position="top" label="验证码" prop="user_smscode" labelWidth="150rpx"> <u-input placeholder="请输入短信验证码" v-model="form.code" border="bottom" :customStyle="{paddingLeft:0}"> <template slot="suffix"> <u-code ref="uCode" @change="codeChange" seconds="60" changeText="X秒重新获取"></u-code> <u-button @tap="getCode" :text="tips" type="error" size="mini"></u-button> </template> </u-input> </u-form-item> <u-form-item label-position="top" labelWidth="150rpx"> <u-checkbox-group placement="column" @change="apply_check_change"> <view class="flex-start"> <u-checkbox name="apply_check_1"></u-checkbox> <text>阅读并同意</text> <text style="color:#f56c6c;" @click="toNav('/pages/index/agreement?type=service_agreement')">《服务协议》</text> <text>和</text> <text style="color:#f56c6c;" @click="toNav('/pages/index/agreement?type=privacy_policy')">《隐私政策》</text> </view> </u-checkbox-group> </u-form-item> <u-form-item label-position="top" labelWidth="150rpx"> <u-button type="error" text="登录" @click="login_code"></u-button> </u-form-item> <u-form-item label-position="top" labelWidth="150rpx"> <view style="color:#666;" class="flex-start"> <u-icon name="info-circle"></u-icon> <text class="m-l-10">若手机号未注册，则登录自动注册</text> </view> </u-form-item> </u-form> </view> <view style="width:750rpx;height:40vh;position:fixed;bottom:0;"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMax slice"> <defs> <linearGradient id="bg"> <stop offset="0%" style="stop-color:rgba(130, 158, 249, 0.06)"></stop> <stop offset="50%" style="stop-color:rgba(76, 190, 255, 0.6)"></stop> <stop offset="100%" style="stop-color:rgba(115, 209, 72, 0.2)"></stop> </linearGradient> <path id="wave" fill="url(#bg)" d="M-363.852,502.589c0,0,236.988-41.997,505.475,0 s371.981,38.998,575.971,0s293.985-39.278,505.474,5.859s493.475,48.368,716.963-4.995v560.106H-363.852V502.589z" /> </defs> <g> <use xlink:href='#wave' opacity=".3"> <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="10s" calcMode="spline" values="270 230; -334 180; 270 230" keyTimes="0; .5; 1" keySplines="0.42, 0, 0.58, 1.0;0.42, 0, 0.58, 1.0" repeatCount="indefinite" /> </use> <use xlink:href='#wave' opacity=".6"> <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="8s" calcMode="spline" values="-270 230;243 220;-270 230" keyTimes="0; .6; 1" keySplines="0.42, 0, 0.58, 1.0;0.42, 0, 0.58, 1.0" repeatCount="indefinite" /> </use> <use xlink:href='#wave' opacty=".9"> <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="6s" calcMode="spline" values="0 230;-140 200;0 230" keyTimes="0; .4; 1" keySplines="0.42, 0, 0.58, 1.0;0.42, 0, 0.58, 1.0" repeatCount="indefinite" /> </use> </g> </svg> </view> </view> </template> <script> export default { data() { return { form: { code: '', user_phone: '', }, apply_check: [], tips: '发送验证码', } }, onLoad() { if (uni.getStorageSync('user_id') && uni.getStorageSync('user_hash')) { this.toTab('/pages/index/index') } }, methods: { apply_check_change(e) { this.apply_check = e }, codeChange(text) { this.tips = text; }, login_code() { if (this.apply_check.length < 1) { uni.showToast({ title: '请阅读并同意《服务协议》和《隐私政策》', icon: "none" }); return; } uni.request({ url: `${this.__API__}/auth/login_or_register_by_sms.html`, method: 'post', data: this.form, header: { 'content-type': 'application/x-www-form-urlencoded' }, success: (res) => { uni.showToast({ title: res.data.msg, icon: "none" }) if (res.data.status == 1) { uni.setStorageSync("user_id", res.data.data.user_id) uni.setStorageSync("user_hash", res.data.data.user_hash) uni.reLaunch({ url: '/pages/index/index' }) } } }) }, getCode() { if (this.form.user_phone == '') { uni.showToast({ title: '请输入手机号', icon: "none" }); return false; } if (this.$refs.uCode.canGetCode) { uni.showLoading({ title: '正在获取验证码' }) uni.hideLoading(); uni.request({ url: `${this.__API__}/sms/send_code.html`, method: 'post', data: { phone: this.form.user_phone }, header: { 'content-type': 'application/x-www-form-urlencoded' }, success: (res) => { } }) } else { uni.$u.toast('倒计时结束后再发送'); } }, } } </script> <style lang="scss"> ::v-deep .u-form-item__body__left { margin-bottom: 10rpx !important; } ::v-deep .u-form-item { margin-bottom: 20rpx; } </style>

PHP代码

public function login_or_register_by_sms() { $user_phone = input('user_phone'); $code = input('code'); if (empty($user_phone)) { return error('请输入账号'); } if (empty($code)){ return error('请输入短信验证码'); } $storage = Db::name('storage')->where('storage_type','smsCode')->where('storage_key',$user_phone)->find(); if (!$storage){ return error('短信验证码不存在，请发送短信验证码'); } if ($storage['storage_addtime'] + 300 < time()){ return error('短信验证码过期，请重新发送'); } if ($storage['storage_error'] >= 5){ Db::name('storage')->where('storage_type','smsCode')->where('storage_key',$user_phone)->delete(); return error('验证码错误次数超出限制，请稍后再试'); } if ($code != $storage['storage_value']){ Db::name('storage')->where('storage_key',$user_phone)->update([ 'storage_error'=>$storage['storage_error'] + 1, ]); return error('短信验证码错误，请重新输入'); } $user = Db::name('user')->where('user_phone',$user_phone)->find(); if (!$user) { $id = Db::name('user')->insertGetId([ 'user_type' => 1, 'user_phone' => $user_phone, 'user_password' => md5('zx55wcv36bn'.'123456'), 'user_addtime' => time(), ]); } else { $id = $user['user_id']; if ($user['user_status'] == 0){ return error('账户已被禁用，请联系管理员'); } } $resp['user_id'] = $id; $resp['user_hash'] = hash('sha256', md5($id)); return json(['status'=>1,'msg'=>'登录成功','data'=>$resp]); }

数据库

CREATE TABLE `ai_storage` ( `storage_id` int(11) NOT NULL AUTO_INCREMENT, `storage_key` char(255) DEFAULT NULL COMMENT '手机号', `storage_type` char(255) DEFAULT NULL COMMENT 'smsCode', `storage_value` char(255) DEFAULT NULL COMMENT '验证码', `storage_addtime` bigint(20) DEFAULT NULL, `storage_sort` int(11) DEFAULT NULL, `storage_error` int(11) NOT NULL DEFAULT '0', PRIMARY KEY (`storage_id`) ) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COMMENT='手机验证码';