个人微信小程序开发

// pages/login/login.js
Page({
    data: {
        username: '',
        password: ''
    },
    onUsernameInput: function (e) {
        this.setData({
            username: e.detail.value
        });
    },
    onPasswordInput: function (e) {
        this.setData({
            password: e.detail.value
        });
    },
    login: function () {
        let that = this;
        wx.request({
            url: 'https://your - server - address/login',
            method: 'POST',
            data: {
                username: that.data.username,
                password: that.data.password
            },
            success: function (res) {
                if (res.data.status === 'success') {
                    // 登录成功后的操作，例如跳转到主页面
                    wx.navigateTo({
                        url: '/pages/home/home'
                    });
                } else {
                    wx.showToast({
                        title: '登录失败',
                        icon: 'none'
                    });
                }
            },
            fail: function () {
                wx.showToast({
                    title: '网络错误',
                    icon: 'none'
                });
            }
        });
    }
});

<!-- pages/login/login.wxml -->
<view class="login - container">
    <input type="text" placeholder="用户名" bindinput="onUsernameInput"/>
    <input type="password" placeholder="密码" bindinput="onPasswordInput"/>
    <button bindtap="login">登录</button>
</view>

/* pages/login/login.wxss */
.login - container {
    padding: 20px;
}
input {
    margin - bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
}
button {
    background - color: #1AAD19;
    color: white;
    padding: 10px;
    border: none;
}