如何使用Python更新HTML文件中的值?

时间:2017-03-17 19:11:01

标签: python html css serial-communication

我正在从Arduino接收数据,使用Python解析它,我的意图是使用串行数据更新HTML中的值。与<h6>value</h6>类似,因此当我刷新页面时,新值将存在。怎么做?

1 个答案:

答案 0 :(得分:1)

我不确定你的情况,但是,我们使用python作为服务器端语言,并且为了制作动态HTML,我们使用为Django开发的Django模板(基于python的框架)。 这是一个用一些数据制作简单html的例子:

<!DOCTYPE html>
<html>
 <head>
  <meta name="keywords" content="{{ meta.keywords }}" />
  <meta name="robots" content="index,follow" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  <meta name="HandheldFriendly" content="true"/>

  <title>{{ meta.title}}</title>
  <meta name="description" content="{{ meta.description }}">
  <meta name="og:description" content="{{ meta.description }}">
  <meta property="og:title" content="{{ meta.title }}" />
  <meta property="og:image" content="{{ meta.image_url}}" />
  <meta property="og:image:type" content="image/png" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8">
</head>
<body>
  <h1>{{ data.title }}</h1>

  <h2>{{ data.description }}</h2>

  {% if data.additional_info %}
   <p>
    {{ data.additional_info }}
   </p>
  {% endif %}

  {% if data.list1|length > 0  %}
   {% for item in data.list1 %}
    <h2>{{ item.title }}</h2>
    <p>
     {{ item.content }}
    </p>
   {% endfor %}
  {% endif %}

 {% if data.list2|length > 0  %}
   {% for item in data.list2 %}
    <h2>{{ item.title }}</h2>
    <p>
      {{ item.content }}
    </p>
  {% endfor %}
{% endif %}

{% if data.list3|length > 0  %}
  {% for item in data.list3 %}
    <h2>{{ item.title }}</h2>
    <p>
       {{ item.content }}
    </p>
   {% endfor %}
 {% endif %}

 </body>
</html>