跳转到主要内容

一组用于更快、更简单地开发Web的客户端模式

项目描述

Plone 模拟是一个持续努力,旨在现代化 Plone 的 JavaScript 代码。请查看示例和文档,链接为 http://plone.github.io/mockup/

Mockup 的目标

  1. 将 js 中实现的模式配置标准化,使用 HTML 数据属性,这样它们可以在不运行后端服务器的情况下进行开发。

  2. 使用现代的 AMD 方法来声明对其他 js 库的依赖。

  3. 对 js 进行全面单元测试。

安装 & 运行测试

安装 Node 版本 0.10 或更高版本

使用包管理器安装,例如 apt 或 yum

不使用包管理器安装

安装 PhantomJS

下载并安装 PhantomJS

可能使用您的包管理器

$ apt-get install phantomjs

现在 git clone & 构建 Mockup

$ git clone https://github.com/plone/mockup.git
$ cd mockup
$ make bootstrap

使用 PhantomJS 运行测试

$ make test

使用 Chrome 运行测试

$ make test-dev

在 Plone 的工作目录中生成 widgets.pot 文件以进行翻译

$ make i18n-dump

如果您目前位于 buildout.coredev/src/mockup 文件夹中,并希望更新 plone.app.locales 中的翻译,首先返回到 buildout.coredev 文件夹,将 widgets.pot 复制到 plone.app.locales 包中,并按如下方式重新同步 po 文件

$ cd ../..
$ cp src/mockup/widgets.pot src/plone.app.locales/plone/app/locales/locales/widgets.pot
$ bin/buildout -c experimental/i18n.cfg  # to have the bin/i18n command
$ bin/i18n widgets

如果您在 js 文件中做了些修改,并想在 Plone 中实时测试它们

  • 转到“站点设置”->“资源注册表”

  • 点击“开发模式(仅限已登录用户)”复选框

  • 点击 plone-editor-tools 包的“开发 JavaScript”按钮(对于文件夹内容更改,可能还有其他包用于其他模式)

  • 点击“保存”按钮

  • 刷新您的页面(例如,文件夹内容)

要将 js 更改包含在下一个 Plone 版本中,您需要构建包,请参阅 plone.staticresources 的 README。您可能还感兴趣阅读 JavaScript For Plone Developers资源注册表 文档。

要测试翻译,例如法语

  • 编辑 po 文件 src/plone.app.locales/plone/app/locales/locales/fr/LC_MESSAGES/widgets.po

  • 重新启动您的实例以从 po 文件重建 mo 文件

  • 清除您的 localStorage 并刷新页面以触发翻译的新下载

翻译由 mockup/js/i18n.js 处理,该文件调用 plone.app.content 中定义的 plonejsi18n 观察器,从 mo 文件生成翻译的 json。plonejsi18n 观察器为给定域和语言调用一次,结果缓存到 localStorage 中,有效期为 24 小时。测试新翻译的唯一方法是重启实例以从 po 文件更新 mo 文件,然后清除 localStorage 以触发翻译的新下载。

许可证

BSD 3-Clause 许可证。版权属于 Plone 基金会。有关详细信息,请参阅 LICENSE.rst

致谢

最初由 Rok Garbas 创建,使用了 Patterns library 的一部分。现在由 Plone 基金会 维护。

构建状态

Travis CI Coveralls Bitdeli

项目详情


发布历史 发布通知 | RSS 源

下载文件

下载适用于您平台的文件。如果您不确定选择哪一个,请了解更多关于安装包的信息。

源分发

mockup-4.0.2.tar.gz (531.2 kB 查看哈希值)

上传时间

构建分发

mockup-4.0.2-py2.py3-none-any.whl (701.1 kB 查看哈希值)

上传时间 Python 2 Python 3

由...