finish
This commit is contained in:
+38
-10
@@ -1,20 +1,33 @@
|
||||
#!/usr/local/bin/python
|
||||
|
||||
from flask import Flask, render_template, request, jsonify
|
||||
from flask import Flask, render_template, request, jsonify,session,redirect,json,url_for
|
||||
import MySQLdb
|
||||
|
||||
|
||||
app = Flask(__name__, static_url_path='')
|
||||
#app.debug = True
|
||||
|
||||
app.secret_key = '123456'
|
||||
|
||||
def get_db():
|
||||
# db = MySQLdb.connect(
|
||||
# host = "dursley.socs.uoguelph.ca",
|
||||
# user="yhuang20",
|
||||
# passwd="1008239",
|
||||
# db="yhuang20")
|
||||
db = MySQLdb.connect(
|
||||
host = "dursley.socs.uoguelph.ca",
|
||||
user="yhuang20",
|
||||
passwd="1008239",
|
||||
host = "47.97.197.244",
|
||||
user="root",
|
||||
passwd="LZHlzh.root123",
|
||||
db="yhuang20")
|
||||
return db;
|
||||
return db
|
||||
|
||||
def querry(sql):
|
||||
db=get_db()
|
||||
cur=db.cursor()
|
||||
cur.execute(sql)
|
||||
rs=cur.fetchall()
|
||||
return rs
|
||||
|
||||
|
||||
|
||||
@@ -22,20 +35,35 @@ def get_db():
|
||||
def index(name=None):
|
||||
return render_template('index.html', name=name)
|
||||
|
||||
@app.route('/index')
|
||||
def index2(name=None):
|
||||
return render_template('index.html', name=name)
|
||||
|
||||
@app.route('/user', methods=['POST','GET'])
|
||||
def user():
|
||||
if request.method == 'POST':
|
||||
print(request.form.get("username"))
|
||||
result = request.get_json()
|
||||
mydata=dict(request.get_json())
|
||||
username=mydata['username']
|
||||
password=mydata['password']
|
||||
sql="select * from UserTable where username='{}' and password='{}'".format(username,password)
|
||||
rs=querry(sql)
|
||||
if len(rs)!=0:
|
||||
session['username']=username
|
||||
return jsonify({"username":username})
|
||||
|
||||
return jsonify(result)
|
||||
return render_template('index.html')
|
||||
|
||||
return render_template('index.html')
|
||||
@app.route('/logout', methods=['POST','GET'])
|
||||
def logout():
|
||||
# remove the username from the session if it is there
|
||||
print("===============================")
|
||||
if request.method == 'POST':
|
||||
session.pop('username', None)
|
||||
return redirect(url_for('index'))
|
||||
|
||||
@app.route('/user1', methods=['PUT','DELETE'])
|
||||
def user1():
|
||||
if request.method == 'PUT':
|
||||
|
||||
result = request.get_json()
|
||||
return jsonify(result)
|
||||
return render_template('index.html')
|
||||
|
||||
@@ -8,6 +8,7 @@ $(document).ready(function (){
|
||||
result:JSON.stringify({"name":name}),
|
||||
success: function(result){
|
||||
console.log("yes");
|
||||
console.log(name)
|
||||
alert("Getting infomation from the user");}
|
||||
});
|
||||
|
||||
@@ -56,27 +57,59 @@ $(document).ready(function (){
|
||||
|
||||
$("#submit-button").click(function (){
|
||||
|
||||
var message = $("#message").val();
|
||||
var username=$("#username").val();
|
||||
alert(username);
|
||||
var password=$("#password").val();
|
||||
$.ajax({
|
||||
url: '/user',
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({"username":$("#username").val()}),
|
||||
success: function(result){
|
||||
data: JSON.stringify({"username":$("#user").val(),"password":$("#passwd").val()}),
|
||||
success: function(data){
|
||||
console.log("yes");
|
||||
console.log(result);
|
||||
alert("success!");}
|
||||
console.log(data);
|
||||
var LOGOUT="<h2>Welcome "+data.username+ "</h2>"+"<a href=\"#\" id=\"put-button\" class=\"btn btn-lg btn-info\">logout</a>"
|
||||
$("#login").html(LOGOUT)
|
||||
}
|
||||
|
||||
}).done(function(data){
|
||||
console.log(data);
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
$("#submit-button").click(function (){
|
||||
|
||||
$.ajax({
|
||||
url: '/user',
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({"username":$("#user").val(),"password":$("#passwd").val()}),
|
||||
success: function(data){
|
||||
console.log("yes");
|
||||
console.log(data);
|
||||
if (data.username) {
|
||||
var welecome = '<h2>Welcome ' + data.username + '</h2>'
|
||||
var logout = '<a href="#" id="logout-button" >logout</a>'
|
||||
$("#login").html(welecome)
|
||||
$("#button-group").html(logout)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}).done(function(data){
|
||||
console.log(data);
|
||||
});
|
||||
});
|
||||
|
||||
$("#button-group").click(function (){
|
||||
|
||||
$.ajax({
|
||||
url: '/logout',
|
||||
type: "POST",
|
||||
contentType: "application/json",
|
||||
data: JSON.stringify({}),
|
||||
success: function(data){
|
||||
console.log("yes");
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
@@ -17,6 +17,10 @@
|
||||
<link href="/css/cover.css" rel="stylesheet">
|
||||
<link href="/css/clippy.css" rel="stylesheet" type="text/css" media="all">
|
||||
<link href="/css/custom.css" rel="stylesheet">
|
||||
<script src="/js/jquery.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="/js/init.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -29,35 +33,32 @@
|
||||
<div class="inner cover">
|
||||
<h1 class="cover-heading">CIS*3210 Lab 1</h1>
|
||||
|
||||
<form class="form-login" role="form">
|
||||
<input type="text" name="username" class="textbox" id="user" placeholder="username" />
|
||||
<form id="login" class="form-login" role="form">
|
||||
<input type="text" name="username" class="textbox" id="user" placeholder="username" />
|
||||
<br>
|
||||
<input type="password" name="password" class="textbox" id="passwd" placeholder="password" />
|
||||
<br>
|
||||
<br>
|
||||
<input type="button" value="submit" id="submit-button" />
|
||||
<br>
|
||||
|
||||
<input type="button" value="submit" id="submit-button" />
|
||||
</form>
|
||||
|
||||
<br>
|
||||
|
||||
<div id="button-group">
|
||||
<a href="#" id="get-button" class="btn btn-lg btn-info">Get</a>
|
||||
|
||||
<a href="#" id="post-button" class="btn btn-lg btn-info">Post</a>
|
||||
|
||||
<a href="#" id="put-button" class="btn btn-lg btn-info">Put</a>
|
||||
|
||||
<a href="#" id="delete-button" class="btn btn-lg btn-info">Delete</a>
|
||||
<a href="#" id="put-button" class="btn btn-lg btn-info">Put</a>
|
||||
|
||||
<a href="#" id="delete-button" class="btn btn-lg btn-info">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="/js/jquery.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="/js/init.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user