小程序用户登录无需数据库窗口代码

以下是一个示例的小程序用户登录窗口代码，该代码无需使用数据库：

<!-- login.wxml -->
<view class="container">
  <view class="form-group">
    <input class="input" type="text" placeholder="用户名" bindinput="handleUsernameInput" />
  </view>
  <view class="form-group">
    <input class="input" type="password" placeholder="密码" bindinput="handlePasswordInput" />
  </view>
  <view class="form-group">
    <button class="button" bindtap="handleLogin">登录</button>
  </view>
</view>

/* login.wxss */
.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-group {
  margin-bottom: 10px;
}

.input {
  width: 300px;
  height: 40px;
  padding: 5px;
  border: 1px solid #ccc;
}

.button {
  width: 100px;
  height: 40px;
  background-color: #007bff;
  color: #fff;
  border: none;
}

// login.js
Page({
  data: {
    username: '',
    password: ''
  },

  handleUsernameInput(event) {
    this.setData({
      username: event.detail.value
    });
  },

  handlePasswordInput(event) {
    this.setData({
      password: event.detail.value
    });
  },

  handleLogin() {
    const { username, password } = this.data;

    // 模拟验证逻辑
    if (username === 'admin' && password === '123456') {
      wx.showToast({
        title: '登录成功',
        icon: 'success'
      });
      // 进行其他操作，比如跳转到主页
    } else {
      wx.showToast({
        title: '用户名或密码错误',
        icon: 'none'
      });
    }
  }
});

以上代码使用了小程序的 WXML、WXSS 和 JavaScript 部分来实现一个简单的用户登录窗口。用户在输入框中输入用户名和密码后，点击登录按钮，会触发 `handleLogin` 方法进行验证。

请注意，这只是一个简单的示例，实际开发中可能需要更复杂的验证和处理逻辑。此外，该代码仅用于模拟验证，不会将用户数据保存在数据库中。在真实的应用中，您可能需要将用户数据存储在数据库中，并与输入的用户名和密码进行比对来实现真正的用户登录功能。