Как написать html / javascript на python для создания веб-приложения с использованием фляги? - PullRequest
Новая
       22

Как написать html / javascript на python для создания веб-приложения с использованием фляги?

0 голосов
/ 02 июля 2018

Я написал один файл JavaScript 

<!DOCTYPE html>
<html>
<body>
  <canvas id="canvas" width=300 height=300>
  <script >
     var canvas=document.getElementById("canvas");
     var ctx=canvas.getContext("2d");
     var cw=canvas.width;
     var ch=canvas.height;

     var PI=Math.PI;
     var PI2=PI*2;
     var cx=150;
     var cy=150;
     var r=80;
     var min=PI*.60;
     var max=PI2+PI*.40;
     var percent=50;

     ctx.lineCap='round';
     ctx.font='24px verdana';
     ctx.textAlign='center';
     ctx.textBaseline='middle';
     ctx.fillStyle='gray';

     drawGuage();

     function drawGuage(){
       ctx.clearRect(0,0,cw,ch);
       // draw full guage outline
       ctx.beginPath();
       ctx.arc(cx,cy,r,min,max);
       ctx.strokeStyle='lightgray';
       ctx.lineWidth=15;
       ctx.stroke();
       // draw percent indicator
       ctx.beginPath();
       ctx.arc(cx,cy,r,min,min+(max-min)*percent/100);
       ctx.strokeStyle='red';
       ctx.lineWidth=6;
       ctx.stroke();
       ctx.fillText(percent+'%',cx,cy);
     }
  </script>
  </body>
</html>

И это дает мне вывод, как это

LINK

Это значение изменится, и я смогу вернуть это значение, используя pandas dataframe, где оно возвращает мое значение. 

var percent=50;

Я хочу закодировать ту же самую вещь в python, где я использую колбу, а переменная процентов должна принимать возвращаемое значение моего pandas dataframe.

Я новичок в javascript на python и не могу понять, как написать тот же код на python, используя HTML, javascript и флешку, вызывающую мой py-файл.

1 Ответ

0 голосов
/ 04 июля 2018

Возможно рендерить шаблоны HTML с помощью приложения Python Flask. Вам необходимо сохранить 2 папки в родительском каталоге (где находится приложение «Колба питона»), шаблоны (для html) и статические (для js-файлов).

Либо включите свой код JavaScript в шаблон HTML, либо поместите его в отдельную статическую папку. Вам нужно иметь шаблон jinja, который будет заменен на процентное значение. Затем передайте значение процента, возвращаемое из фрейма данных, в render_template ('index.html', value = value).

Я нашел этот пост действительно полезным. http://www.patricksoftwareblog.com/tag/javascript/

...