以下是微信小程序登录功能的示例代码，包括前端界面和后台处理：

前端界面（`login.wxml`）：

```html
<view class="container">
  <view class="title">欢迎使用我的小程序</view>
  <form bindsubmit="login">
    <view class="input-wrapper">
      <input type="text" name="username" placeholder="请输入用户名" />
    </view>
    <view class="input-wrapper">
      <input type="password" name="password" placeholder="请输入密码" />
    </view>
    <button formType="submit">登录</button>
  </form>
</view>
```
此代码中，我们创建了一个包含输入框和登录按钮的表单。当用户点击“登录”按钮时，将触发名为“login”的事件。

对应的JS代码（`login.js`）如下所示：

```javascript
Page({
  login: function (e) {
    var username = e.detail.value.username;
    var password = e.detail.value.password;
    wx.request({
      url: 'https://example.com/login', // 后台接口地址
      method: 'POST',
      data: {
        username: username,
        password: password
      },
      success: function (res) {
        if (res.statusCode == 200 && res.data.code == 0) {
          wx.setStorageSync('token', res.data.token); // 存储用户登录凭证
          wx.showToast({
            title: '登录成功！',
            icon: 'success'
          });
          wx.switchTab({
            url: '/pages/index/index' // 登录成功跳转到主页
          });
        } else {
          wx.showToast({
            title: '用户名或密码错误',
            icon: 'none'
          });
        }
      },
      fail: function (res) {
        wx.showToast({
          title: '网络异常，请重试',
          icon: 'none'
        });
      }
    });
  }
});
```

该代码中，我们定义了一个名为“login”的事件处理函数。当用户点击登录按钮时，将触发该事件。事件处理函数首先获取用户名和密码，然后通过wx.request方法向服务端发送POST请求，以进行用户验证操作。

如果用户名和密码正确，则服务端会返回一个有效的token值，并保存到本地存储中。此后，我们就可以利用这个token来保持用户的登录状态，以便在小程序的其他页面中进行用户操作。

如果用户名或密码不正确，则返回错误提示信息，供用户重新输入。
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence