将 Boilerplate 和 Bootstrap 与 CodeIgniter 或 Yii 集成

Posted

技术标签:

【中文标题】将 Boilerplate 和 Bootstrap 与 CodeIgniter 或 Yii 集成【英文标题】:Integrating Boilerplate and Bootstrap with CodeIgniter or Yii 【发布时间】:2012-09-22 09:07:33 【问题描述】:

我一直是一名 php 程序员,但直到现在还没有任何框架。现在我有一个不错的项目要开始,我想介绍一些 PHP 框架:Yii 或 CodeIgniter。

我还不知道哪一个最适合我。我想将此项目与这些“工具”集成:

jQuery html5 样板文件 推特引导 CSS SASS

您知道哪个框架更容易与这些工具集成吗?而且,您知道我在哪里可以找到有关此集成的好教程吗?

谢谢

【问题讨论】:

(如果您使用引导程序,您可能需要考虑选择 LESS 处理器而不是 SASS) 大部分问题我都答不上来,但是 jQuery 已经集成到 Yii 中了 是的 rjz,我同意。也许我会考虑 Foundation (SASS) 而不是 Bootstrap (LESS)。谢谢厄尼! 查看 yiibooster.clevertech.biz 的 Yii+Bootstrap。 【参考方案1】:

CodeIgniter 和 Yii 是 服务器端 框架。有问题的库(SASS 除外)位于客户端。无论你选择 CodeIgniter 还是 Yii,基本的集成都是一样的。因为我是一名 CodeIgniter 开发人员,所以我可以告诉你故事的一半:

我敦促您阅读文档的Introduction section 下的所有内容,并花几天时间浏览这些教程并将您的大脑直接放在 MVC 上。只有这样,请查看以前的 answer of mine,它解释了如何创建模块化布局。一旦您对此感到满意,将 jQuery 和 Bootstrap 包含到您的项目中就很简单了。

至于样板 - 请选择与您的项目相关的部分,并根据链接的答案将它们插入正确的“视图”。 Boilerplate 的某些部分会踩到 Bootstrap 的脚趾(特别是 CSS 重置,要小心)。

Paul Irish 去年在HTML5 Boilerplate 上做了一场精彩的演讲。 Boilerplate 本身可能已进行了重大更新,但它应该可以帮助您入门。

CodeIgniter 有 unparalleled documentation 和 fantastic community。如果您选择这条路线 - 欢迎!

【讨论】:

谢谢乔丹,惊人的链接和说明!因为我认为它不存在集成这些库的快速方法,但我认为我可以负担得起:) 我也会等待 Yii 开发人员的回复,但如果我选择 Code Igniter,这是一个好的开始。谢谢。【参考方案2】:

看看这里提供的 Yii 样板系统(由主要的 Yii 开发人员推出): https://github.com/clevertech/YiiBoilerplate

他们已经将 HTML5 Boilerplate、Twitter Bootstrap、Yii、一些基本的 Behat 配置和一堆 Yii 最佳实践集成到一个地方。这让我们的生活变得更加轻松。

更多信息在这里: http://www.yiiframework.com/wiki/374/yiiboilerplate-setup-a-professional-project-structure-in-seconds/

【讨论】:

【参考方案3】:

jQuery 只是一个 javascript 库,因此您只需以这种方式将其包含在您的 javascript 文件中,并包含在您的 <head> 或您的 footer 中:

<script type="text/javascript" src="yourFolder/jQuery.js"></script>

HTML5BoilerplateBootstrap 只是 StarterKit,它们提供了一些文件夹和文件来更好地组织您的工作。

Bootstrap 还添加了一些插件和组件,正如您在网站上看到的那样,并且是响应式

所以我建议你只选择其中之一。

对于 LessSass,您需要一个编译器。您可以编写“嵌套”CSS 语法,但您需要编译它,否则浏览器无法读取它。

所以,答案是您可以使用任何 php 框架并将此工具/库集成到您的项目中。

【讨论】:

谢谢。也许我错了,但我认为 HTML5Boilerplate 和 Bootstrap 非常适合组合,因为一个更多关于 HTLM5 结构,另一个是 CSS 和 javascript ui。我想可以将这些工具集成到任何框架中,但也许其中一个更“友好”。 不,伙计,两者都非常友好,因为文件很少。 Bootstrap 有一个 UI,你可以自定义它。 Html5 只是一个重置,启动资源很少。但基本上都是一样的,我更喜欢从 Bootstrap 开始。【参考方案4】:

您可以将此 Sass 和 Compass 扩展用于 Yii 框架:Sass (SCSS) and Compass support for the Yii frameworkComposer package

【讨论】:

以上是关于将 Boilerplate 和 Bootstrap 与 CodeIgniter 或 Yii 集成的主要内容,如果未能解决你的问题,请参考以下文章

CodeIgniter + HTML5 Boilerplate + Twitter Bootstrap

使用 Bootstrap 和 HTML5 Boilerplate 开始一个项目

jQuery.Deferred 异常:无法读取未定义的属性(读取“长度”)-> Laravel 8 Boilerplate + Bootstrap

Django Crud,Django crd应用程序,Django-ajax Crud,Djano Boilerplate应用程序,姜戈注册,姜戈登录,姜戈文件上传,Crud,Bootstrap,aj

Bootstrap 3.0 媒体查询

Bootstrap1.初识Bootstrap