册实现

【微信小程序开发】宠物预约医疗项目实战-注册实现前言一、打开项目文件二、编写wxss代码2.1

配置主程序全局样式

注册是指向某个平台、网站或应用程序提供您的个人信息以获取账户的过程。

注册对于现代社会的人们来说非常重要以下是几个原因

方便性注册后您可以随时登录到您的账户使您能够方便地管理和使用平台的服务和功能。

个性化服务许多网站和应用程序需要您提供个人信息以提供个性化的服务例如推荐商品或根据您的兴趣推送内容。

安全性通过注册您可以创建一个账户和密码使您的个人信息更安全。

此外许多网站和应用程序要求您使用多种安全措施例如启用两步验证2FA等。

沟通注册后您可以参与交流、评论或定期接收电子邮件通知这有助于您跟进相关信息和最新动态。

授权某些平台需要您注册才能提供访问内容或服务的授权例如社交媒体平台或在线购物网站。

总之注册是连接您和平台、网站和应用程序的重要步骤可以为您提供许多方便、个性化的服务并加强您的个人安全。

一、打开项目文件

wxss文件是微信小程序中的样式文件用于定义小程序页面的样式和布局。

与CSS类似wXss文件支持选择器、属性和值等基本语法但是它有着自己的特点和限制。

例如wXss不支持外部链接和import语句需要直接在文件中定义所有样式。

此外wXss还支持一些微信小程序特有的样式属性例如rpx响应式像素用于适配不同屏幕大小的移动设备。

2.2

srchttps://gimg2.baidu.com/image_search/srchttp%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F24%2F20150224235124_vda4m.thumb.1000_0.jpegreferhttp%3A%2F%2Fc-ssl.duitang.comapp2002sizef9999,10000qa80n0g0nfmtauto?sec1677326688tb461a24be6ba1e8736e3bb9c525f925f/image/viewview

classlogin_boxview

bindgetuserinfobindGetUserInfo用户注册/button

button

bindgetuserinfookzhuche已有账号/登录/button!--底部确认--view

classshen_titleimage

在未经您同意及确认之前本程序不会将您的注册信息用于任何其它商业目的。

/viewview

classdes2.

此时保存后编译你可以看见展示的效果但是注册点击时没有效果的。

原因在于没有编写sign.js文件接入数据

.sign.js文件代码编写如下

js函数调用使用全局变量与局部变量使用request方法请求接口的使用

下面我们一个一个来

{//函数体},其中onReady为函数名称function(a)为函数定义参数。

多个参数通过区分如function(a,b)

onReady(a)

页面的全局变量定义在data中当需要获取data中的数据时通常写法如下

onReady:

this.data.username;},我们将data中的username的值传给了var

a局部变量

ip:http://127.0.0.1:9004/,ip:http://122.51.174.157:9004/},在定义一个时间生成函数

time()

ip:http://127.0.0.1:9004/,ip:http://122.51.174.157:9004/},time()

{var

[]logs.unshift(Date.now())wx.setStorageSync(logs,

logs)//

getAppIAppOption()如果你版本较低文件为sign.js则引入

var

(!pattern.test(e.detail.value))

none,duration:

{//用户按了允许授权按钮wx.showLoading({title:

正在注册...,})if

(!(/^1[3456789]\d{9}$/.test(this.data.mobile)))

手机号码格式有误请重新输入,icon:

注册这个账户之前我们首先要做的就是查询一下这个集合表中是否已经存在过这个用户了wx.request({url:

app.mydata.ipapi/user/checkname,data:

{username:this.data.username,},header:

{//

application/x-www-form-urlencoded},method:

POST,success:

//我写的数用户名和手机号都可以登录所以同一个手机号和用户名只能算一个账号也要验证一下手机号是否被注册过wx.request({url:

app.mydata.ipapi/user/checkphone,data:

{phone:that.data.mobile,},header:

{//

application/x-www-form-urlencoded},method:

POST,success:

//判断手机号是否被注册过等于空说明没被查询到就是没有注册过wx.request({url:

app.mydata.ipapi/user/register,data:

{id:1,

username:that.data.username,password:that.data.pass2,phone:that.data.mobile,root:1,sex:男,birthTime:app.time()},header:

{content-type:

这里面你可以加一下注册成功之后的逻辑是直接登录也好或者是跳到登录页面页面wx.hideLoading();wx.showToast({title:

注册成功,icon:

{wx.hideLoading();wx.navigateTo({url:

../login/login,})},

{//用户按了拒绝按钮wx.showModal({title:

警告,content:

您点击了拒绝授权将无法进行账号注册请授权之后再注册!!!,showCancel:

false,confirmText:

{wx.hideLoading();app.globalData.registertrue;},

300)},

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

function()

学习如逆水行舟不进则退。

视频教程于周内于哔哩哔哩更新同学需提前熟悉代码与操作。