配置yii框架环境和bootstrap扩展,使用代码生成器。

我们把bootstrap集成到项目中,我在这里不多介绍bootstrap是干什么的了,如果你要是不知道bootstrap是干什么的,这里有他的官网地址。

我们把bootstrap扩展(下载地址),下载后解压放到/protected/extensions/bootstrap下面,我下载的是yii-bootstrap-2.1.0版本,(官网的介绍各种不详细啊,害我找了很多资料,在这里把官网贴出来,他的很多widget示例还是很有用的,以供大家参考。网站:http://www.cniska.net/yii-bootstrap/)。接下来我们修改我们的config/main.php文件,来配置我们的项目。首先设置一个路径别名,放到此文件的最顶端,代码如下:

Yii::setPathOfAlias('bootstrap', dirname(__FILE__).'/../extensions/bootstrap');

接下来在把配置modules下面的gii代码生成器的注释去掉,修改gii代码生成器的密码为123,并加上generatorPaths配置,修改后的modules代码如下:

'modules'=>array(
	// uncomment the following to enable the Gii tool
	'gii'=>array(
		'class'=>'system.gii.GiiModule',
		'password'=>'123',
		// If removed, Gii defaults to localhost only. Edit carefully to taste.
		'ipFilters'=>array('127.0.0.1','::1'),
		'generatorPaths' => array(
			'bootstrap.gii'
		)
	),
),

接下来我们打开浏览器输入如下地址 http://localhost/demo/index.php?r=gii ,如果配置正确我们可以看到下图所示的效果:


如果你能看到上面的这个图片这样的效果,说明你的bootstrap代码生成器配置正确,接下来我们用它生成一个简单的增删改查模块。

配置component加入bootstrap组件:代码如下:

'bootstrap' => array(
	'class' => 'bootstrap.components.Bootstrap'
),

接着我们在Boostrap Generator里面根据我们刚才生成的user模型来生成此模型的crud,接下来我们修改一下 views\layouts\main.php在文件顶部head标签内加入如下代码

<?php Yii::app()->bootstrap->register(); ?>

这段代码的作用是引入bootstrap相关的静态文件,如css和js文件等。如果不加入这段代码你看到的生成器和用普通的Crud Generator生成的代码样式是一样的。如果所有的都配置成功了我们可以看到创建用户的表单是下面的这个样子:



是不是很漂亮呢,bootstrap真是个好东西,为我们这些整天写代码没有艺术细胞的程序员来说,页面美化变成了一件相当容易的事情。


转载自: http://blog.csdn.net/duyongbo520/article/details/8675412

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值