还没有账号?
马上注册
登录页面的js
import request from ‘…/…/utils/request.js’
Page({
/**
页面的初始数据
*/
data: {
phone:‘’, //手机号
password:‘’//用户密码
},
/**
生命周期函数–监听页面加载
*/
onLoad: function (options) {
},
//表单项内容发生改变的回调
handleInput(event){
// let type = event.currentTarget.id; //id传值
// console.log(type, event.detail.value);
let type = event.currentTarget.dataset.type; //data-type=value
this.setData({
})
},
//登录的回调
async login(){
//1、收集表单数据
let{phone,password} = this.data;
//2、前端验证
/*
1、内容为空
2、手机号格式不正确
3、手机号格式正确,验证通过
*/
if(!phone){
//提示用户
wx.showToast({
title:“手机号不能为空”,
icon:‘none’
})
return;
}
//定义正则表达式
let phoneReg =/^1(3|4|5|6|7|8|9)\d{9}$/;
if(!phoneReg.test(phone)){
wx.showToast({
title: “手机号不正确”,
icon: ‘none’
})
return;
}
if(!password){
wx.showToast({
title: “密码不能为空”,
icon: ‘none’
})
return;
}
//后端验证
let result = await request(‘/login/cellphone’,{phone,password})
if(result.code === 200){
wx.showToast({
title: ‘登录成功’,
})
//将用户信息存储至本地
wx.setStorageSync(‘userInfo’, JSON.stringify(result.profile))
//跳转至个人中心
wx.reLaunch({
url: ‘/pages/personal/personal’,
})
}
else if(result.code === 400){
wx.showToast({
title: ‘手机号错误’,
icon:‘none’
})
}else if(result.code === 502){
wx.showToast({
title: ‘密码错误’,
icon:‘none’
})
}else{
wx.showToast({
title: ‘登录失败’,
icon:‘none’
})
}
},
个人中心的界面
{{userInfo.nickname?userInfo.nickname:‘游客’}}
立即开通
硅谷会员
atguigu Union
开通会员听歌, 撸代码
bindtouchstart=“handleTouchStart” bindtouchmove=“handleTouchMove” bindtouchend=“handleTouchEnd” style=“transform:{{coverTransform}}; transition:{{coverTransition}}” 我的消息 我的好友 个人主页 个性装扮 最近播放 我的音乐 > 我的收藏 > 我的电台 > 个人中心的js let startY =0; //手指起始的坐标 let moveY = 0; //手指移动的坐标 let moveDistance = 0; //手指移动的距离 Page({ /** 页面的初始数据 */ data: { coverTransform :“translateY(0)”, coverTransition:‘’, userInfo:{} ,//用户信息 }, /** 生命周期函数–监听页面加载 */ onLoad: function (options) { //读取用户基本信息 let userInfo = wx.getStorageSync(‘userInfo’) if (userInfo) { //更新userinfo状态 this.setData({ userInfo:JSON.parse(userInfo) }) } }, handleTouchStart(event){ 自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。 深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前! 因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。 既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化! 由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新 如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端) 前端框架 前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。 以 Vue 为例,我整理了如下的面试题。 一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长! 片转存中…(img-ix9yNoSW-1712879527965)] 前端框架 前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。 以 Vue 为例,我整理了如下的面试题。 一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长! [外链图片转存中…(img-iTzQpwuP-1712879527966)] 精彩文章
发表评论