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属性来将组件添加到 可重复使用的应用程序。在

^{pr2}$

这将被自动检测到。在

您还可以使用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_聚合物
  • 加上护城河!就像引导网络组件一样!耶!在

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
带Maven的Eclipse Java存储库:缺少工件:compile   java如何以编程方式停止RMI服务器并通知所有客户端   java Roboguice抛出ClassNotFoundException:AnnotationDatabaseImpl   java为什么lucene 4.0删除IndexWriter类的两个构造函数?   nls如何避免java项目上不需要的日志消息?   测试无法在Selenium Webdriver(java)中定位iframe   使用XML的java servlet   java如何使用jxl用****屏蔽单元格   java使用SQLite从数据库中选择“没有这样的列”   导入扫描程序后出现java编译错误   插入查询的java空指针异常   使用创建PostgreSQL数据库。Java应用中的sql脚本   java使用jsoup将HTML解析为格式化的明文