微信小程序实现账号密码登入和传值显示

最新推荐文章于 2025-02-11 15:01:12 发布

回见青山

最新推荐文章于 2025-02-11 15:01:12 发布

阅读量6.5k

点赞数 11

文章标签：小程序

本文链接：https://blog.csdn.net/weixin_41094848/article/details/120574040

版权

本文详细记录了使用微信小程序实现账号密码登录及登录后值传递的过程，包括登录页面的WXML、WXSS和JS编写，以及在app.json中配置tabBar的跳转方法。在登录成功后遇到显示‘无此用户名’的问题，文章提醒读者检查数据库集合名称和字段命名。同时，强调了wx.reLaunch和wx.navigateTo在传值跳转中的区别，并指出wx.switchTab不能带参跳转。最后，展示了接收传递值的index页面代码，并提示读者注意代码中的变量一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序实现账号密码登入和传值显示

要帮学校做一个简单的阅读值登记系统，-1基础的我只能硬着头皮努力学习了！！
实现的效果是这样的：

有一个问题：就是登入成功后会显示无此用户名，不知道什么原因，有看出来麻烦说明下。

文章后面有拿去使用后的注意事项
在这里插入图片描述
接下来详细的记录下编写过程，方便自己以后查找。
首先是登入页面的login.wxml

<!--pages/login/login.wxml-->
<view class="content">

<view class="account">
<view class="title">账号</view>
<view class="num"><input bindinput="inputName" placeholder="教师姓名"  placeholder-style="color:#999999;"/></view>
</view>

<view class="hr"></view>

<view class="account">
<view class="title">密码</view>
<view class="num">
<input bindinput="inputPassword" placeholder="输入密码" password/></view>
</view>

<view class="hr"></view>

<button class="btn" type="primary" bindtap="login">登入</button> 
 
</view>

这个是login.wxss：

/* pages/login/login.wxss */
.content{
  margin-top: 40px;
}
.account{
   display: flex;
   flex-direction: ro

最低0.47元/天解锁文章