如何将我的Python的后端连接到我的HTML前端,以创建双重散列的GUI?创建GUI的任何其他方法



这是我的迷你项目。我使用HTML和CSS创建了前端,但我无法将后端连接到前端。

我使用html和css

在python和前端编写了我的代码

html中的双hash页面我需要嵌入我的python代码:

<html>
<head>
<link href='style1.css' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--<script src="hash.js"></script>-->
<!-- method i tried to embed my code -->    
<!--<script type="text/javascript">
function runPyScript(input){
var jqXHR = $.ajax({
type: "POST",
url: "/double",
async: false,
data: { mydata: input }});
return jqXHR.responseText;}
$('#submitbutton').click(function(){
datatosend = 'this is my matrix';
result = runPyScript(datatosend);
console.log('Got back ' + result);
});
</script>-->
<!-- end of method -->  
<title>DOUBLE HASHING IMPLEMENETATION</title>
</head>
<br>
<br>
<body>
<h1> DOUBLE HASHING</h1>
<!--<h3 class="probingName">Type of Probing: </h3>-->
<div id="container">
<a href="fe.html"><i class="icon-home">Home</a></i><br>
</div>
<br>
<div id="instructions">
<p>Enter the size of the hash table:</p>
<form method="post">
<input type="text" name="size" placeholder="size" required>
<input class="btn btn-primary" type="submit" name="ENTER" value="ENTER">
</form>
</div> 
<div id="content">
<br />
<!-- my pyhton code -->     
<% def double_hashing(keys, hashtable_size, double_hash_value %>
<%hashtable_list = [None] * hashtable_size %>
<%for i in range(len(keys)): %>
<% hashkey = keys[i] % hashtable_size %>
<%if hashtable_list[hashkey] is None: %>
<% hashtable_list[hashkey] = keys[i] %>
<% else: %>
<% new_hashkey = hashkey%>
<%while hashtable_list[new_hashkey] is not None: %>
<%steps = double_hash_value - (keys[i] % double_hash_value) %>
<%new_hashkey = (new_hashkey + steps) % hashtable_size%>
<%hashtable_list[new_hashkey] = keys[i]%>
<%return hashtable_list %>

<% values = [26, 54, 94, 17, 31, 77, 44, 51] %>
<%=print(double_hashing(values, 21, 19))%>
<!-- end code -->
</div>
</html>

带有Python软件包Flask,您可以在只有几行代码中设置带有HTML前端的Web服务器和Python后端。

这是Flask网站:http://flask.pocoo.org/

这是Flask服务器的一个非常基本的示例,它显示了一个网页,您可以将数据发布到:

from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/', methods=['GET'])
def index():
    return render_template('index.html')
@app.route('/post', methods=['POST'])
def post():
    return "recived: {}".format(request.form)
if __name__ == "__main__":
    app.run(debug=True)

注意:要使render_template工作,您的HTML文件必须在一个名为templates

的文件夹中

要使用Python将前端连接到后端,您需要一个后端开发框架。在Python中流行的是Django全堆,烧瓶微型框架和金字塔全堆栈。在将所有前端技术放入1个文件夹之后,在HTML中创建网页,但无论如何您都需要链接的框架。您也可以使用API,但最终需要一个框架。

最新更新