Бутылка питона и полимерные бумажные элементы

Question

У меня есть сайт со следующими функциями. Десятка форм, в которых пользователь заполняет входные данные, а через Javascript я применяю формулы для расчета и возврата нового контента пользователю. Я использую Python Bottle для регистрации пользователя и автоматически заполняю формы из бэкэнд и базы данных. Тем не менее, меня не устраивает дизайн, и я ищу что-то новое.

Я нашел Полимерные бумажные элементы, и мне это очень нравится. Было бы здорово работать с настольными компьютерами, планшетами и мобильными телефонами без особых усилий при реагировании. Но у меня есть несколько вопросов:

1. Python Bottle использует {{parameter}}, чтобы передавать переменные от backend до frontend. Я видел на курсах Polymer, что они используют один и тот же символ {{parameter}} (двойные скобки) для динамического изменения переменных. Будет ли у меня какая-либо проблема, так как бутылка и полимер используют одинаково?
2. Вы видели какой-либо сайт с Polymer и Adsense? Поскольку я использую Adsense, я не уверен, было бы эстетично с Paper Elements.
3. У вас есть отличный пример полимерных элементов бумаги для совместного использования?

Answer 1

• В mustache разделители зашиты в SimpleTemplate, так что вы не можете изменить, что без изменения исходного кода бутылки. Но есть много альтернативных механизмов шаблонов, которые позволяют вам настраивать разделители или иметь другие разделительные символы.

  Вы можете начать с 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 с полимером, вы должны проверить adsense component.

  • Установите его с дачей:
    $ bower install google-adsense --save

  • Import 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>