Django的Web组件
djwc的Python项目详细描述
Django公司
简介
WebComponents是一个W3C标准,所有浏览器都支持它几年 现在,看看他们的Getting Started 详细介绍。在
入门
如何尝试djwc
快速测试:
- 克隆并输入此回购
- 运行
pip install django -e .
- 以:
./manage.py djwc && ./manage.py runserver
开始示例
你应该在localhost:8000
上看到一些聚合物成分
如何安装djwc
pip install djwc
- 将
djwc
添加到INSTALLED_APPS
(用于管理命令) - 添加
'djwc.middleware.StaticMiddleware'
MIDDLEWARE
(以插入脚本)。在
如何使用网络组件
- 声明要使用的组件
- 运行
./manage.py djwc
来安装它们(不使用NodeJS) - 为组件使用HTML标记
这是it!!其余的则由中间件完成。在
请继续阅读,了解每个步骤的详细信息。在
声明组件
你还可以为每个应用程序和每个应用程序声明捆绑包。在
设置
您可以通过引用将paper-input
组件添加到设置中的DJWC
其npm路径:
DJWC={'COMPONENTS':{'paper-input':'@polymer/paper-input/paper-input.js',}}
这比任何其他设置都要早。在
应用程序配置
或,定义一个AppConfig.components
属性来将组件添加到
可重复使用的应用程序。在
这将被自动检测到。在
库
您还可以使用DJWC['LIBRARIES']
包含一组网络组件
设置:
DJWC={'LIBRARIES':['djwc_polymer'],}
接下来,这些都是手动维护的。在
使用./manage.py djwc
安装组件
然后运行./manage.py djwc
命令,该命令将下载所有脚本
到一个静态目录中。在生产中使用collectstatic之前执行此操作,并且
每次更改组件声明时。在
使用组件
只需在任何需要的地方使用新标记,例如在模板中:
<paper-inputalways-float-labellabel="Floating label"></paper-input>
每当中间件运行时,中间件都会注入相应的脚本
将找到一个paper-input
标记。在
常见问题解答
我听说网络组件不可访问
显然,可访问性是fine with aria attributes。在
下一步呢?
- 当参与者破坏了单元测试时,请添加单元测试
- 优化djwc命令
- 自动djwc_聚合物
- 加上护城河!就像引导网络组件一样!耶!在
- 项目
标签: