TRIGGERBLOCK: December 2017

Thursday, December 28, 2017

html / javascript : Make elements visible / hidden on drop down values

Make elements visible / hidden on drop down values

<html>
Display Element
<select id="display" name="form_select" onchange="showDiv()">
   <option value="no">No</option>
   <option value="yes">Yes</option>
</select>
<div id="hidden_div" style="display:none;">Hello hidden content</div>

<script type="text/javascript">
   function showDiv()
   {
       if(document.getElementById('display').value=="yes")
        document.getElementById('hidden_div').style.display = "block";
        else
        document.getElementById('hidden_div').style.display = "none";
   }
</script>
</html>

Wednesday, December 27, 2017

Python : Flask accept data from user (POST)

Flask Accept data from user

Pre - Req :

1. Make sure u have installed Flask module , Requests module

2. Currently using Liclipse as python IDE

Example 1 :
To accept data from user ( post request ) and display result in same page

----------------------Paste below code inside Your_Project/templates/vote.html------------------------------
<html>
<body>
<form action="" method = "POST">
<p>Enter Name : <input name="name" type="text" /></p>
<p>Enter Age :<input name="age" type="text" /> </p>
<! note : button should always be type ="submit">
<p><input name="OK" type="submit" value="submit" /></p>
</form>

{% if name %}
<p><strong>{{name}} is {{eligible}} to vote</span></strong></p>
{% endif %}

</body>
</html>
--------------------------------------------------------------------------------------------------------

from flask import request,Flask,json,render_template
from flask.json import jsonify
app = Flask(__name__)

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

@app.route('/',methods=['POST'])
def vote1():
result1 = request.form
#input fields values are stored as dictionary and key = input name given in html

if (int(result1['age'])>=18):
eligible="is eligible"
else:
eligible="is not eligible"
return render_template("vote.html",name=result1['name'],eligible=eligible)

if __name__ == "__main__":

app.run(host='0.0.0.0', port=1111 , debug=True)#http://localhost:1111/"

Steps :
1. Run the above code

2. Open browser

3. Open http://localhost:1111/ or http://your_sytem_name:1111

Example 2 :
To accept data from user ( post request ) and display result in different page

----------------------Paste below code inside Your_Project/templates/vote2.html-----------------------------
<html>
<body>
<form action="http://den01bro.us.oracle.com:1111/result" method = "POST">
<p>Enter Name : <input name="name" type="text" /></p>
<p>Enter Age :<input name="age" type="text" /> </p>
<! note : button should always be type ="submit">
<p><input name="OK" type="submit" value="submit" /></p>
</form>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------

from flask import request,Flask,json,render_template

from flask.json import jsonify

app = Flask(__name__)

@app.route('/<string:name>')

def temp(name):

return render_template('vote2.html')

@app.route('/result' ,methods=['POST'])

def temp2():

result1 = request.form

if (int(result1['age'])>=18):

eligible="is eligible"

else:

eligible="is not eligible"

return (result1['name']+" "+eligible)

if __name__ == "__main__":

app.run(host='0.0.0.0', port=1111 , debug=True)#http://localhost:8000/"

Steps :
1. Run the above code
2. Open browser
3. Open http://localhost:1111/any_string or http://your_sytem_name:1111/any_string_here

Example 3:
Adding example 1 + example 2 , ie.,

scenario 1 : If user opens http://localhost:1111/ , User will get result in the same page.

scenario 2 : If user opens http://localehost:1111/any_string , User will get result in different page .

----------------------Paste below code inside Your_Project/templates/vote.html------------------------------
<html>
<body>
<form action="" method = "POST">
<p>Enter Name : <input name="name" type="text" /></p>
<p>Enter Age :<input name="age" type="text" /> </p>
<! note : button should always be type ="submit">
<p><input name="OK" type="submit" value="submit" /></p>
</form>

{% if name %}
<p><strong>{{name}} is {{eligible}} to vote</span></strong></p>
{% endif %}

</body>
</html>
----------------------Paste below code inside Your_Project/templates/vote2.html-----------------------------
<html>
<body>
<form action="http://den01bro.us.oracle.com:1111/result" method = "POST">
<p>Enter Name : <input name="name" type="text" /></p>
<p>Enter Age :<input name="age" type="text" /> </p>
<! note : button should always be type ="submit">
<p><input name="OK" type="submit" value="submit" /></p>
</form>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------

from flask import request,Flask,json,render_template

from flask.json import jsonify

app = Flask(__name__)

@app.route('/')

def vote():

return render_template('vote.html')

@app.route('/',methods=['POST'])

def vote1():

result1 = request.form

if (int(result1['age'])>=18):

eligible="is eligible"

else:

eligible="is not eligible"

return render_template("vote.html",name=result1['name'],eligible=eligible)

@app.route('/<string:name>')

def temp(name):

return render_template('vote2.html')

@app.route('/result' ,methods=['POST'])

def temp2():

result1 = request.form

if (int(result1['age'])>=18):

eligible="is eligible"

else:

eligible="is not eligible"

return (result1['name']+" "+eligible)

if __name__ == "__main__":

app.run(host='0.0.0.0', port=1111 , debug=True)

Example 4:
Accept 2 input from a html file and display same value into another html .

----------------------Paste below code inside Your_Project/templates/input_data.html--------------------

</form>

----------------------Paste code in Your_Project/templates/output_2data.html--------------------

----------------------input_data2.py----------------------

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')

def index():

return render_template('input_data.html')

@app.route('/submit', methods=['POST'])

def submit():
data=request.form

data1=data['text']

data2=data['text2']

return render_template("output_2data.html",text1=data1,text2=data2)

#return 'You entered: {}'.format(request.form['text'])

if __name__ == "__main__":

app.run(host='0.0.0.0', port=8003)

-------------------------------------------------------------------------------------------------------------------------

Monday, December 11, 2017

python : Flask Basic

Flask (Python WebFramework )

Pre Req :

1. make sure python is installed in your system

2. pip install flask in terminal or cmd line.(python package installer)

Note:

1. Default method =GET (if not mentioned)

2. Use ARC , Postman etc., to make post statements

3. “submit” button in html triggers post.

 Use host="0.0.0.0" and port forward when using with docker 

Example #app.run(host='0.0.0.0', port="5432",debug=True)

https://medium.com/@umerfarooq_26378/web-services-in-python-ef81a9067aaf

Html Template :

from flask import request,Flask,json,render_template

app = Flask(__name__)

@app.route(“/resource”)

Def xxx(resource)

….

…..

if __name__ == "__main__":

app.run(host='0.0.0.0', port=1234 , Debug=true)

Passing Args

#http://localhost:1234/hello?name=Luis

@app.route('/hello')

def api_hello():

if 'name' in request.args:

return 'data: ' + request.args['name']

else:

return 'Data: no data'

Any Resource

'''http://localhost:1234/any_string

@app.route("/<string:name>/")

def string_var(name):

return "string_variable: "+name

Any Resource displaying html

#http://localhost:1234/random_string

#make sure “templates” folder is created insede project with image.html

@app.route("/<string:name>/") #<int:value>

def hello(name):

return render_template('image2.html', name=name)

All Methods

''' GET/POST/PATCH/PUT/DELETE

http://localhost:1234/verb ‘’’

@app.route('/verb', methods = ['GET', 'POST', 'PATCH', 'PUT', 'DELETE'])

def api_echo():

if request.method == 'GET':

return "verb: GET\n"

elif request.method == 'POST':

return "verb: POST\n"

elif request.method == 'PATCH':

return "verb: PACTH\n"

elif request.method == 'PUT':

return "verb: PUT\n"

elif request.method == 'DELETE':

return "verb: DELETE"

POST with body in REST

'''example

POST http://localhost:1234/messages

H "Content-type: application/json"

-body '{"message":"Hello Data"}'

'''

@app.route('/messages', methods = ['POST'])

def api_message():

if request.headers['Content-Type'] == 'text/plain':

return "Text Message: " + str(request.data)

elif request.headers['Content-Type'] == 'application/json':

return "JSON Message: " + json.dumps(request.json)

else:

return "returns raw data:"+request.get_data()

POST accept from Html and send to html

Note:

1. submit button in html to trigger POST

2. Save html code in Project/templates/name.html

3. Use Javascript inside html to manipulate data.

4. Data is received to flask as dictionary

5. Python data accessed in html as “{{}}”

6. “url_for” used instead of “http://localhost:8003/submit”

input_data.html

</form>

output_2data.html

input_data2.py

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')

def index():

return render_template('input_data.html')

@app.route('/submit', methods=['POST'])

def submit():

data=request.form

data1=data['text']

data2=data['text2']

return render_template("output_2data.html",text1=data1,text2=data2)

#return 'You entered: {}'.format(request.form['text'])

if __name__ == "__main__":

app.run(host='0.0.0.0', port=8003)

Error handle

@app.errorhandler(404)

def not_found(error=None):

message = { 'status': 404, 'message': 'Not Found: ' + request.url}

resp = jsonify(message)

resp.status_code = 404

return resp

Thursday, December 28, 2017

html / javascript : Make elements visible / hidden on drop down values

Make elements visible / hidden on drop down values

Wednesday, December 27, 2017

Python : Flask accept data from user (POST)

Flask Accept data from user

Pre - Req :

Example 1 :To accept data from user ( post request ) and display result in same page

Example 2 :To accept data from user ( post request ) and display result in different page

Example 3:Adding example 1 + example 2 , ie.,

Example 4:Accept 2 input from a html file and display same value into another html .

Monday, December 11, 2017

python : Flask Basic

Flask (Python WebFramework )

Html Template :

Passing Args

Any Resource

Any Resource displaying html

All Methods

POST with body in REST

POST accept from Html and send to html

Error handle

Example 1 :
To accept data from user ( post request ) and display result in same page

Example 2 :
To accept data from user ( post request ) and display result in different page

Example 3:
Adding example 1 + example 2 , ie.,

Example 4:
Accept 2 input from a html file and display same value into another html .