登陆表单MUI中提供了代码：

     
            
      
用户登录
        
     
        
     
            
      
                
       
                    
        用户名                    
                        
       
                
       
                    
        密码                    
                        
       
                
       
                    
        确认                    
        取消                
       
            
      
        
     

通过监听确认按钮的点击来发送ajax请求，把用户名和密码封装到字典以post方式发送给flask后台服务器去处理请求。

注意APP发送请求给服务器，所以ip为服务器的地址，此次为本地回环ip

后台flask处理post请求，并返回相应结果：

 

from flask import Flask,request,jsonifyfrom setting import mongoDBapp=Flask(__name__)@app.route('/login',methods=["POST"])def login():    user_info=request.form.to_dict()　　　　#将post中的数据json转化为dict类型，便于取值    mdb=mongoDB.user.find_one({
    "username": user_info["user"], "password":user_info["pwd"]})   #后台数据库查询数据    if mdb:        return jsonify({
    'status':200,'msg':"欢迎你,{0}!".format(user_info["user"])})    return jsonify({
    'status':201,'msg':"用户名或者密码错误!"})if __name__ == '__main__':    app.run("0.0.0.0",9527,debug=True,)

 

连接MongoDB数据库：

import pymongoclient=pymongo.MongoClient(host="127.0.0.1",port=27017)mongoDB=client["sc"]

 

数据以json传递来，以jsonify返回，则前端app能直接解析到数据 ------> mui.toast(data.msg)

最终实现效果：