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第三方库


热门话题
java如何从thymeleaf表单保存地址对象和用户对象的列表?   序列化java。时间使用Jackson将localdate转换为json   java删除LinearLayout和子级之间的空间   具有内存大小限制的Java队列   java尝试在freemarker中创建min(a,b)函数失败   askQuestion()方法中的Java逻辑问题   在Java客户端中接受服务器的自签名ssl证书   java如何正确更新字符串数组?   java如何使多个方法调用充当一个事务性工作单元   swing如何创建可滚动的Java框?   java如何使用SearchView在多个单词之间搜索?   初始化启动层java时出错。lang.module。FindException:模块javafx。找不到图形   java struts对隐藏字段的转义形式验证   用于构建FEM 3D解算器的java JOGL与JAVA3D   java mvn安装忽略hibernate映射文件   在C++和java之间使用JNI通信时,我在哪里保存“这个”?   java无法使用计时器重新绘制窗口   java我遇到一个找不到符号的错误,我无法解决   IntelliJIdea生成实体时java面临的问题   java在动态文本的末尾添加三个点