编写用户登录页面，提示输入用户名和密码进行登录。显示：本人姓名登录成功，或失败。 微信开发小程序

在微信小程序中编写用户登录页面，你可以按照以下步骤进行：

1. 首先，在`pages/login/login.wxml`文件中创建登录表单结构，包括输入框用于用户名和密码输入，以及按钮提交信息：

<view class="login-page">
  <view class="form-container">
    <label for="username">用户名：</label>
    <input type="text" id="username" placeholder="请输入用户名"/>
    
    <label for="password">密码：</label>
    <input type="password" id="password" placeholder="请输入密码"/>

    <button open-type="submit" id="login-btn">登录</button>
  </view>
  <view class="result-message" hidden></view>
</view>

2. 在`pages/login/login.js`文件中，添加事件处理器处理登录操作，并检查用户输入：

Page({
  data: {
    username: '',
    password: '',
    loginResult: ''
  },
  
  formSubmit: function(e) {
    const { detail } = e;
    this.setData({
      username: detail.value.username,
      password: detail.value.password
    });
    
    // 模拟登录验证，实际应用需要连接服务器
    if (this.data.username === 'your_username' && this.data.password === 'your_password') {
      this.setData({ loginResult: '本人姓名登录成功' });
    } else {
      this.setData({ loginResult: '登录失败，请核对用户名和密码' });
    }
  }
})

3. 更新`login.wxss`文件，设置样式和隐藏结果消息：

.result-message {
  color: red;
  margin-top: 20rpx;
}

当用户点击登录按钮时，会触发`formSubmit`函数，验证用户名和密码，然后更新`loginResult`的状态并根据验证结果显示相应的提示。