使用yii框架开发第一步:配置yii框架环境和bootstrap扩展,使用代码生成器。
2013-03-23 12:17
1046 查看
在配置之前,你应该已经安装好了php的环境。首先,从官方网站上下载yii框架的代码包解压到网站根目录,我下载的版本是yii-1.1.13,我们不妨把网站根目录叫做WEBROOT,此路径对应于你的网站根目录,下文如有出现亦是同样的含义。
解压后,将解压后的文件夹命名为yii,的目录结构应如下webroot / yii。
首先我们可以访问在浏览器中访问路径:localhost/yii/requirements,来检查我们的哪些模块没有开启,如下图所示,我们能清楚的看清哪些模块是正常工作的哪些没有启用,如果需要启用的话在windows下面直接修改php.ini文件,将需要加载的模块前面的分号去掉,再重启网页服务器就可以了。
下面我们进入命令行以windows为例,我们使用yii框架的命令行工具yiic生成项目的目录结构,和基础代码。在使用命令行工具之前要确保你的php路径添加到系统的环境变量中,否则会报错,报错显示信息如下图所示,具体的如何将php路径加入到环境变量中就不在这里贴出来了,很简单,大家google一下就可以了。
首先我们在命令行中将目录切换到yii/framework下面,键入如下代码
D:\wamp\www\yii\framework>yiic webapp D:\wamp\www\demo,这段代码的意思是生成一个新的项目,项目的路径是后面的这个路径,
D:\wamp\www\demo,如果你能看到和下面这张图一样的效果,恭喜你,你已经成功的完成了万里长征的第一步:生成项目的基础代码。
生成项目的基础代码之后。
现在我们把bootstrap集成到项目中,我在这里不多介绍bootstrap是干什么的了,如果你要是不知道bootstrap是干什么的,这里有他的官网地址。
我们把bootstrap扩展(下载地址),下载后解压放到/protected/extensions/bootstrap下面,我下载的是yii-bootstrap-2.1.0版本,(官网的介绍各种不详细啊,害我找了很多资料,在这里把官网贴出来,他的很多widget示例还是很有用的,以供大家参考。网站:http://www.cniska.net/yii-bootstrap/)。接下来我们修改我们的config/main.php文件,来配置我们的项目。首先设置一个路径别名,放到此文件的最顶端,代码如下:
接下来在把配置modules下面的gii代码生成器的注释去掉,修改gii代码生成器的密码为123,并加上generatorPaths配置,修改后的modules代码如下:
如果你能看到上面的这个图片这样的效果,说明你的bootstrap代码生成器配置正确,接下来我们用它生成一个简单的增删改查模块。
配置component加入bootstrap组件:代码如下:
注释掉使用数据库sqlite的链接配置代码,取消注释mysql链接的配置代码,并修改成你的数据库的相应链接,
注释掉这段代码
取消掉这段代码的注释,并相应的修改成你的配置
接下来我们在数据库中建立一个user表,我们在gii代码生成器页面点击Model Generator进入到模型的生成页面,输入我们的表名user,如果找到你输入的表,则说明我们的数据库连接是正常的,如果找不到,则配置有问题。
这里的user表结构很简单,下面是我的表结构
接着我们在Boostrap Generator里面根据我们刚才生成的user模型来生成此模型的crud,接下来我们修改一下views\layouts\main.php在文件顶部head标签内加入如下代码
这段代码的作用是引入bootstrap相关的静态文件,如css和js文件等。如果不加入这段代码你看到的生成器和用普通的Crud Generator生成的代码样式是一样的。如果所有的都配置成功了我们可以看到创建用户的表单是下面的这个样子:
是不是很漂亮呢,bootstrap真是个好东西,为我们这些整天写代码没有艺术细胞的程序员来说,页面美化变成了一件相当容易的事情。
写博客,只为了记录下个人的学习、开发心得和体会,错误不足之处敬请指出。有任何问题可以给我发送邮件(duyongbo520#gmail.com,#替换为@),直接在文章下面评论不一定能及时看到。
解压后,将解压后的文件夹命名为yii,的目录结构应如下webroot / yii。
首先我们可以访问在浏览器中访问路径:localhost/yii/requirements,来检查我们的哪些模块没有开启,如下图所示,我们能清楚的看清哪些模块是正常工作的哪些没有启用,如果需要启用的话在windows下面直接修改php.ini文件,将需要加载的模块前面的分号去掉,再重启网页服务器就可以了。
下面我们进入命令行以windows为例,我们使用yii框架的命令行工具yiic生成项目的目录结构,和基础代码。在使用命令行工具之前要确保你的php路径添加到系统的环境变量中,否则会报错,报错显示信息如下图所示,具体的如何将php路径加入到环境变量中就不在这里贴出来了,很简单,大家google一下就可以了。
首先我们在命令行中将目录切换到yii/framework下面,键入如下代码
D:\wamp\www\yii\framework>yiic webapp D:\wamp\www\demo,这段代码的意思是生成一个新的项目,项目的路径是后面的这个路径,
D:\wamp\www\demo,如果你能看到和下面这张图一样的效果,恭喜你,你已经成功的完成了万里长征的第一步:生成项目的基础代码。
生成项目的基础代码之后。
现在我们把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' ),
注释掉使用数据库sqlite的链接配置代码,取消注释mysql链接的配置代码,并修改成你的数据库的相应链接,
注释掉这段代码
'db'=>array( 'connectionString' => 'sqlite:'.dirname(__FILE__).'/../data/testdrive.db', ),
取消掉这段代码的注释,并相应的修改成你的配置
'db'=>array( 'connectionString' => 'mysql:host=localhost;dbname=testdrive', 'emulatePrepare' => true, 'username' => 'root', 'password' => '', 'charset' => 'utf8', ),
接下来我们在数据库中建立一个user表,我们在gii代码生成器页面点击Model Generator进入到模型的生成页面,输入我们的表名user,如果找到你输入的表,则说明我们的数据库连接是正常的,如果找不到,则配置有问题。
这里的user表结构很简单,下面是我的表结构
CREATE TABLE `user` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT, `username` varchar(10) NOT NULL, `password` varchar(255) NOT NULL, `email` varchar(255) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
接着我们在Boostrap Generator里面根据我们刚才生成的user模型来生成此模型的crud,接下来我们修改一下views\layouts\main.php在文件顶部head标签内加入如下代码
<?php Yii::app()->bootstrap->register(); ?>
这段代码的作用是引入bootstrap相关的静态文件,如css和js文件等。如果不加入这段代码你看到的生成器和用普通的Crud Generator生成的代码样式是一样的。如果所有的都配置成功了我们可以看到创建用户的表单是下面的这个样子:
是不是很漂亮呢,bootstrap真是个好东西,为我们这些整天写代码没有艺术细胞的程序员来说,页面美化变成了一件相当容易的事情。
写博客,只为了记录下个人的学习、开发心得和体会,错误不足之处敬请指出。有任何问题可以给我发送邮件(duyongbo520#gmail.com,#替换为@),直接在文章下面评论不一定能及时看到。
相关文章推荐
- 配置yii框架环境和bootstrap扩展,使用代码生成器。
- 关于Android项目使用注解开发框架在eclipse环境下的配置
- mac在xampp下使用yii2.0开发环境配置
- Python web框架Django学习(1)——在win7 64bit下配置开发环境Django:一个可以使Web开发工作愉快并且高效的Web开发框架。 使用Django,使你能够以最小的代价构建和
- Windows上使用Atom配置Go lang开发环境
- 使用Apk动态加载框架(dynamic-load-apk)进行插件开发之环境搭建篇
- C/C++代码静态检查工具Cppcheck在VS2008开发环境中的安装配置和使用
- CBoard框架使用总结五--扩展菜单配置功能
- Android Studio开发环境配置步骤(生产使用)
- 使用VS2008进行3DS Max2010 SDK插件开发(环境配置)
- 使用Eclipse配置Struts2开发 4000 环境
- 使用Validator做SpringMVC的验证框架 - 配置SpringMVC环境
- STM32串口通信中使用printf发送数据配置方法(开发环境 Keil RVMDK)
- android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)
- Sagit.Framework For IOS 开发框架入门开发教程1:框架下载与环境配置
- ios开源框架--iOS-Universal-Framework的配置环境和使用
- bootstrap前端开发框架环境搭建
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
- 使用PyCharm配置Spark的Python开发环境(基础)
- 使用 DirectShow SDK 作开发的环境变量配置