Flask Python：フラスコにIonicアプリからのデータを受け入れる

MySQLからデータを取得できるAPIを作成しました。 stockListListが定義されていれば動作します。しかし、実際の世界では、Ionicアプリから取得する必要があり、stockListは個々のユーザーによって定義されます。Flask Python：フラスコにIonicアプリからのデータを受け入れる

単にstockList =[]を入力しても機能しません。現在flask_app.pyは以下の通りです：

from flask import Flask,jsonify,abort,make_response,request 
import MySQLdb 
import MySQLdb.cursors 

app = Flask(__name__) 
@app.route('/KLSEwatch', methods=['GET']) 
def KLSEwatch(): 
    db = MySQLdb.connect(host='vinvin.mysql.pythonanywhere-services.com',user='vinvin',passwd='xxx',db='vinukdb$default',cursorclass=MySQLdb.cursors.DictCursor) 
    curs = db.cursor() 
    stockList = ['SHELL','GENM'] 
    placeholders = ','.join(['%s'] * len(stockList)) 
    query = 'SELECT * FROM KLSE WHERE Stock IN ({})'.format(placeholders) 
    curs.execute(query,tuple(stockList)) 
    f = curs.fetchall() 
    return jsonify({'Stock': f})

それがイオンアプリからであるユーザーからデータを取得するものとして、私はstockListを交換するものとするもの。データは文字列または4桁の番号の下

あなたは私達にあなたのイオンのコードのいずれかを示さなかった

//setting get counter-number of get requests- 
    var getCounter = 0; 
    for (var market in watchListQuery) { 
     if(watchListQuery[market].length>0){ 
     getCounter += 1; 
     } 
    } 
    if(getCounter == 0) 
     $ionicLoading.hide(); 


    $scope.watchedStocks = []; 
    for (var market in watchListQuery) { 
     if(watchListQuery[market].length>0){ 
     var queryString = watchListQuery[market].toString().replace(/,/g, "','"); 

     $webServicesFactory.get($marketProvider[market].queryURL+"/watchlist_query", {AnonymousToken: $marketProvider[market].token}, {parameters:{stockList:queryString}}).then(
      function success(data) { 
      getCounter -=1 ; 

      $scope.watchedStocks = $scope.watchedStocks.concat(data); 
      if(getCounter <= 0) 
       $ionicLoading.hide(); 
      }, 
      function error() { 
      $ionicLoading.hide(); 
      } 
     ); 
     } 
    }//end of for each loop

出典

2017-01-02 vindex

イオンアプリでwatchlistCtrl.jsのコードであることが可能であるが、ここでは簡単な例ですあなたのIonicアプリからの入力を受け取り、それをFlaskに提出してください。まず、いくつかの（つまり、ここでは共通のテーマであるので、私は、アンギュラ使用しています - イオンの残りの部分では、この問題に関連していない）フロントエンドのためのHTML：

<!-- templates/home.html --> 
<!doctype html> 
<html lang="en"> 
<head> 
    <title>Ionic/Flask</title> 
</head> 
<body> 
<div ng-app="app"> 
    <div ng-controller="MyCtrl"> 
    <p>Enter a comma-separated string value, like "BAC,XYZ"</p> 
    <input type="text" ng-model="stockList"> 
    <button ng-click="submit()">Submit</button> 
    </div> 
</div> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.14/angular.js"></script> 
<script> 
    angular.module('app', []) 
    .controller('MyCtrl', function ($http, $log, $scope) { 
     $scope.stockList = ''; 
     $scope.submit = function() { 
     $http.get('/KLSEwatch', {params: {stockList: $scope.stockList}}).then(function (result) { 
      $log.log('This is the query to execute: ',result.data) 
     }) 
     }; 
    }) 
</script> 
</body> 
</html>

そして、その後、ここでの修正版ですこれが正しいクエリを生成することを実証するために、あなたのフラスコアプリ、：あなたがする必要があるすべての

# app.py 
from flask import Flask,jsonify,abort,make_response,request, render_template 
import MySQLdb 
import MySQLdb.cursors 

app = Flask(__name__) 
app.config['DEBUG'] = True 

@app.route('/') 
def home(): 
    return render_template('home.html') 

@app.route('/KLSEwatch', methods=['GET']) 
def KLSEwatch(): 
    stockList = request.args['stockList'].split(',') 
    placeholders = ','.join(['%s'] * len(stockList)) 
    query = 'SELECT * FROM KLSE WHERE Stock IN ({})'.format(placeholders) 
    print('This is the query: %s' % (query % tuple(stockList))) 
    return query % tuple(stockList) 

app.run()

はアプリケーションを実行され、入力フィールドに文字列値を入力し&は、それを提出した後、あなたの中に結果を確認しますブラウザのコンソールログ、Flaskアプリの出力に表示されます。

出典

2017-01-02 23:05:44 YellowShark

'render_template（' home.html '）が返す' @ pp.route（ '/'） 'は何ですか？ – vindex

watchlistCtrl.jsにあるイオンコード部分を追加します – vindex

Flask Python：フラスコにIonicアプリからのデータを受け入れる

答えて

関連する問題