flask基礎 MUI

先下載hbuilder和一個模擬器這裏使用的是夜神模擬器：

須要修改一些配置：

　　

 右擊進入編輯：

而後新建一個移動app：

運行剛纔修改的adb.bat文件，成功後，點擊按鈕。檢測到鏈接手機成功後就能夠了。

 

 

HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。 ^[1]  HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder自己主體是由Java編寫。

 快，是HBuilder的最大優點，經過完整的語法提示和代碼輸入法、代碼塊等，大幅提高HTML、js、css的開發效率

 每次打開時，要保證模擬器和Hbuilder都要開啓，而且運行adb.bat文件。

咱們新建立一個demo，

Hbuilder默認不自動保存，修改沒有同步到手機上的注意一下 ctrl+s

ctrl+shift+f 規範代碼格式化

參看官方文檔   http://dev.dcloud.net.cn/mui/snippet/

查看官方文檔搭建頁面：

 

 

 

 

 

 

 

 

也能夠給後端發送請求:

後端代碼：

from flask import Flask,request,jsonify

app = Flask(__name__) # type:Flask

@app.route('/login',methods=['post'])
def login():
    ret = {
        'code':0,
        'msg':'登錄成功',
        'data':{}
    }
    username = request.form.get('username')
    password = request.form.get('password')
    if username == 'yangbo' and password == 123:
        ret['data'] = {'user_id': 9527,'username': 'yangbo','nickname':'bobo'}
        return jsonify(ret)
    else:
        ret['code'] = 1
        ret['msg'] = '登陸失敗'
        return jsonify(ret)

if __name__ == '__main__':
    app.run('0.0.0.0',9527,debug=True)