This commit is contained in:
2020-10-14 19:56:49 +08:00
parent 6cd849889f
commit 23e9fdd83f
3 changed files with 94 additions and 32 deletions
+38 -10
View File
@@ -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')
+43 -10
View File
@@ -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");
}
})
});
});
+13 -12
View File
@@ -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>