制作一个单页web应用程序的最简单方法是什么,其中将有两个输入文本,其中输入变量a,b,以及一个用于访问python脚本以在接收到的URL处显示图像的按钮
def get_pic(a,b):
*magic*
return *pic url*
我尝试过Django,但由于我是初学者,我不明白如何将python函数调用分配给按钮。 也许有方法尽可能简单,没有不必要的麻烦,我需要一个基本的界面,如所附图片
附注。 在此之前,我从事于用PyQt创建桌面应用程序,在那里它要容易得多,您只需在编辑器中拖拽必要的按钮和文本块,然后用Python将函数绑定到它们,但是对于web应用程序,据我所知,它将无法工作
如果你需要一个简单的例子,如何从2个输入端拾取值,然后将它们发送到这里。
null
var btn = document.querySelector('button') ;
var in1 = document.querySelector('#nr1') ;
var in2 = document.querySelector('#nr2') ;
var img = document.querySelector('img') ;
// event on button click
btn.addEventListener( 'click', function() {
// bails. ..todo, security ?..?
if( !parseInt(in1.value) || !parseInt(in2.value) ) return;
// take values from input1 and input2 and replace attribute, browser will do ajax for you and render it
img.setAttribute( 'src', "https://placehold.it/" + in1.value + "x" + in2.value )
});
.img, .frm{
float: left;
width: 49%;
padding-left: 1%
}
<div class="img">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" />
</div>
<div class="frm">
<input id="nr1"> <p> </p>
<input id="nr2"> <p> </p>
<button>Render</button>
</div>