狂欢:了解演示应用程序的流程

spree: understanding flow of the demo app

所以我使用他们的 documentation 创建了一个疯狂 rails 应用程序。我正在尝试了解有关前端的应用程序流程。

我试图了解所有这些标签和图像的来源。

我只有 app/views/spree,这里没有其他东西。那么我的应用程序中的这些视图来自哪里?

请帮忙。

谢谢

这些观点来自 "spree front end" gem 包含在 spree gem 您可以在 github 的源代码中找到 gem 的源代码。这是 url

https://github.com/spree/spree/tree/master/frontend

视图位于

https://github.com/spree/spree/tree/master/frontend/app/views/spree

如果您安装任何额外的扩展,他们可能会包含他们自己的观点。

例如,当我使用我的存储库添加博客扩展时

https://github.com/krazedkrish/spree-blogging-spree

此插件在其源代码的 app/views 文件夹中有自己的视图。

我希望这能解释清楚。

首先 - 请看一下这个 tutorial on Youtube. It's showing how to set up Spree including view change by using Deface

观看次数

您必须安装并运行 Spree 实例。请按照以下步骤操作:

  • locate spree_frontend gem 我正在使用 bundler 和 rvm

    $ 捆绑显示 spree_frontend

    /home/me/.rvm/gems/ruby-2.2.2/gems/spree_frontend-3.0.8

    • 将视图复制到位于 gems 的项目(这将是两个文件夹 kaminari 和 spree)

    /Users/kuba/.rvm/gems/ruby-2.3.0/gems/spree_frontend-3.0.8/app/views

执行此操作时,您将拥有与全新安装相同的文件视图。 Spree 在您的应用程序文件夹中查找视图,如果找不到,它会从 spree_frontend gem 获取视图。你可以玩一下,看看前端是如何制作的。继续改变一些东西,看看它是如何工作的。

不推荐这种方式。如果您覆盖了文件,您可能会失去由 spree 扩展 gems 提供的额外功能,或者当您决定升级 spree

时应用程序会损坏

更好的方法,也许开始时更难,是使用损坏文件并将它们存储在 overrides 目录中。这是我当前项目的示例。在 Spree 中,我们没有页脚。我想将它添加到页面底部正文结束标记之前 </body>.

我在覆盖目录中添加了文件 add_footer.html.erb.deface

并编写破坏代码:

<!-- insert_bottom 'body' -->
<footer id="footer">
    <h4>About us</h4>
     nobody expects the spanish inquisition
</footer>

并且 HTML 文档底部有漂亮的页脚

图片和CSS

就像在普通 Rails 应用程序中一样。只是去资产。如果您想查看 spree_frontend gem.

中的资产使用了哪些文件