python中的可组合html
chp的Python项目详细描述
*description
非常基本的python函数,以一种可比较的方式生成html。
*用法
非常受react启发。
组件是返回~create_element~调用结果的任何函数。这个函数的元素名,
让我们首先定义一个文本组件。我们将创建一个没有任何属性的文本元素:
+结果:
<;span>;YourLabs<;span>;
我们现在使用此组件来显示链接中的文本:
\begin\src-python:session
defin-link(如,children):
http=create-prop(如,a,a,a,a,a,b,children)返回create-element元素元素(
l=link(“yourlabs.org”,[文本(“yourlabs”)]
呈现元素(l)
输出=>;“<;a href=“yourlabs.org”>;<;SPAN>;您的实验室<;/SPAN>;<;/a>;”
结束src
结果:
:<;a href=“yourlabs.org”>;<;SPAN>;您的实验室<;/SPAN>;>;<;
现在让我们定义一个菜单组件,它将基于一些输入在nav元素内部创建链接。我们还将~create_element~和~create_prop~函数分别重命名为~ce~和~cp~
[文本(l[“文本”])]
c.append(el)
]
m = Menu(links)
render_element(m)
# outputs => <nav class="menu"><a href="yourlabs.org"><span >YourLabs</span></a><a href="novamedia.nyc"><span >NovaMedia</span></a></nav>
#+end_src
#+RESULTS:
Pretty printed, this final output is:
#+begin_src html
<nav class="menu">
<a href="yourlabs.org">
<span>YourLabs</span>
</a>
<a href="novamedia.nyc">
<span>;novamedia<;/span>;
<;/a>;
<;/nav>;
app.py文件将html输出写到另一个名为output.html的文件中。
>
*尝试
>-PIP安装--用户--可编辑路径/to/chp[dev]
-纱安装;纱开始
-chp django runserver
-py.test路径/to/chp
+begin\u src python
import chp
def formschema(已选中):
返回chp.form([
chp.row([
chp.input('username'),
chp.checkbox字段(已选中),
]
]
类postform(forms.modelformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformform:def render(self):
是‘check’的,是‘check’的,是‘check’的,是‘check’的,是‘return mark’安全的,是‘formschema(formschema)的,render元素(formformformform))
+end-src-end-src
(一)有权使用;从{cl 3}}{cl3}$<;从{cl 5}}$<;从{cl5}}}{cl 6}}$<;从{cl 7}}$<;从{{id}}}}}{{{}}}}{{{{}}}}}{{cl3}}{{cl3}}{{{cl3}}}}}{{{cl7}}}$<;从{{{cl7}}gt;
{%表示form.non_field_errors%}
{{error}
{%end for%}
<;div>;
<;form>;
+end_src
*todos
-测试pyreact.py文件。所以我的高水平结果被复制粘贴到tests.org
非常基本的python函数,以一种可比较的方式生成html。
*用法
非常受react启发。
组件是返回~create_element~调用结果的任何函数。这个函数的元素名,
让我们首先定义一个文本组件。我们将创建一个没有任何属性的文本元素:
+结果:
<;span>;YourLabs<;span>;
我们现在使用此组件来显示链接中的文本:
\begin\src-python:session
defin-link(如,children):
http=create-prop(如,a,a,a,a,a,b,children)返回create-element元素元素(
l=link(“yourlabs.org”,[文本(“yourlabs”)]
呈现元素(l)
输出=>;“<;a href=“yourlabs.org”>;<;SPAN>;您的实验室<;/SPAN>;<;/a>;”
结束src
结果:
:<;a href=“yourlabs.org”>;<;SPAN>;您的实验室<;/SPAN>;>;<;
现在让我们定义一个菜单组件,它将基于一些输入在nav元素内部创建链接。我们还将~create_element~和~create_prop~函数分别重命名为~ce~和~cp~
[文本(l[“文本”])]
c.append(el)
]
m = Menu(links)
render_element(m)
# outputs => <nav class="menu"><a href="yourlabs.org"><span >YourLabs</span></a><a href="novamedia.nyc"><span >NovaMedia</span></a></nav>
#+end_src
#+RESULTS:
Pretty printed, this final output is:
#+begin_src html
<nav class="menu">
<a href="yourlabs.org">
<span>YourLabs</span>
</a>
<a href="novamedia.nyc">
<span>;novamedia<;/span>;
<;/a>;
<;/nav>;
app.py文件将html输出写到另一个名为output.html的文件中。
>
*尝试
>-PIP安装--用户--可编辑路径/to/chp[dev]
-纱安装;纱开始
-chp django runserver
-py.test路径/to/chp
+begin\u src python
import chp
def formschema(已选中):
返回chp.form([
chp.row([
chp.input('username'),
chp.checkbox字段(已选中),
]
]
类postform(forms.modelformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformformform:def render(self):
是‘check’的,是‘check’的,是‘check’的,是‘check’的,是‘return mark’安全的,是‘formschema(formschema)的,render元素(formformformform))
+end-src-end-src
(一)有权使用;从{cl 3}}{cl3}$<;从{cl 5}}$<;从{cl5}}}{cl 6}}$<;从{cl 7}}$<;从{{id}}}}}{{{}}}}{{{{}}}}}{{cl3}}{{cl3}}{{{cl3}}}}}{{{cl7}}}$<;从{{{cl7}}gt;
{%表示form.non_field_errors%}
{{error}
{%end for%}
<;div>;
<;form>;
+end_src
*todos
-测试pyreact.py文件。所以我的高水平结果被复制粘贴到tests.org