【问题标题】:Python Bottle and Polymer Paper ElementsPython 瓶和聚合物纸元素
【发布时间】:2015-01-01 19:11:12
【问题描述】:

我有一个具有以下功能的网站。用户填写输入的十几个表单,我通过 Javascript 应用公式来计算并将新内容返回给用户。我使用 Python Bottle 进行用户注册并自动填写来自后端和数据库的表单。但是,我对设计并不满意,我正在寻找新的东西。

我找到了 Polymer Paper Elements,我非常喜欢它。这对于台式机、平板电脑和手机来说会很棒,而无需在响应方面付出很多努力。但是,我有几个问题:

  1. Python Bottle 使用{{parameter}} 将变量从后端传递到前端。我在 Polymer 教程上看到他们使用相同的符号 {{parameter}}(双括号)来动态更改变量。由于 Bottle 和 Polymer 的使用方式相同,我会有什么问题吗?
  2. 您是否看过任何使用 Polymer 和 Adsense 的网站?由于我使用 Adsense,因此我不确定 Paper Elements 的美感是否会更好。
  3. 您是否有任何关于网站的聚合物纸元素的出色示例要分享?

【问题讨论】:

    标签: javascript python polymer bottle paper-elements


    【解决方案1】:
    • mustache 定界符在SimpleTemplate 中硬编码,因此如果不修改 Bottle 源代码就无法更改它。但是有很多替代模板引擎允许您配置分隔符或使用其他分隔符。

      您可以从 Jinja2 模板开始,它可以让您更改其分隔符,而瓶子提供了一个不错的 @jinja2_view 易于使用的装饰器。

      from bottle import jinja2_view, route
      
      @route('/', name='home')
      @jinja2_view('home.html', template_lookup=['templates'])
      def home():
          return {'title': 'Hello world'}
      
    • 如果您担心 AdSense 与 Polymer 的集成,请查看adsense component

      • 用凉亭安装:
        $ bower install google-adsense --save

      • 导入 Web Components polyfill 和 Adsense 元素:

        <script src="bower_components/platform/platform.js"></script>
        <link rel="import" href="bower_components/google-adsense/dist/google-adsense.html">

      • 使用它:<google-adsense></google-adsense>

    【讨论】:

    • 去年我没有使用 Jinja2,但我记得,它对参数 {{param}} 使用相同的分隔符,但对于 HTML 中的 python 代码 {% if %} 使用不同的分隔符
    猜你喜欢
    • 2015-01-31
    • 2015-02-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多