1. 在前台通过“布局”展示模板样式

2. 学习使用自动代码生成工具gii,通过gii创建后台模块

3. 在后台将模板展示出来

4. 根据情况引入数据库

yii布局实现】

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

布局文件已经实现出来,下面我们需要使用这个布局文件

我们系统默认的布局文件是colum1.php

使用布局文件:

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

布局文件具体与什么有关系:

控制器渲染视图renderPartial()此方法不会渲染布局

render()这个方法会渲染布局。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

下边我要做什么事情?

把公共的头部提取出来

现在我们布局已经做好了:

1. 制作布局文件layouts/文件名字,使用$content代表普遍模板内容。

2. 设置布局文件,在父类控制器里边public $layout = "//layouts/shop";

3. 调用布局文件,在控制器方法里边使用方法render()就会调用布局文件。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

【商城后台部署】

一般网站都会有“前台”和“后台”

前台:给一般普通用户来使用

后台:是给公司维护人员来使用,例如我们给网站添加商品、修改商品等操作是通过后台来处理的。

 

如何创建后台?

后台有自己的控制器和视图

我们程序的架构是部署在Yii上边。

 

Yii自己有一个模块机制,可以帮组我们实现后台的搭建

模块:有自己独立的控制器、独立的视图、独立的模型,其不可以单独部署。

 

我们创建模块:gii(自动代码生成工具)

giiYii里半是以模块形式存在。在main.php配置文件里边打开gii模块,以便使用。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

gii模块如何来访问:

通过路由形式访问该模块

http://web.0507shop.com/index.php?r=模块名字

http://url/index.php?r=gii

路由会判断当前的名字,是模块定位到模块,否则定位控制器

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

现在我们要生成一个后台模块

我们给后台起一个名字houtai

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

现在我们后台模块已经创建成功,要想使用,必须在main.php引入该模块

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

现在我们访问后台模块

http://web.0507shop.com/index.php?=houtai

 

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

后台默认模板文件

D:\www\0507\shop\protected\modules\houtai\views\default\index.php

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

如上图,后台显示的时候为什么会显示前台的布局内容,是Yii代码重用性的体现,我们可以自定义后台布局进行显示,后边讲解。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

【后台模板效果展示】

在后台有用户登录功能

通过控制器视图展示登录页面

我们操作后台与操作前台是完全一样的行为习惯,不同的是我们访问后台:

http://web.0507shop.com/index.php?r=模块/控制器/方法

后台在访问的时候,路由需要加上模块的名字。

 

前台访问:

http://web.0507shop.com/index.php?r=控制器/方法

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

【模块】

Yii里边,就是独立形成的MVC设计模式的代码的集合体,也是有一定功能代码的集成,这个功能类似前台功能,前台有控制器、视图、模型,模块也有控制器、视图、模型。前台可以实现的功能,模块都可以实现。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

【实现后台其他页面效果】

我们后台整体架构使用html里边的框架标签frameset

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

后台整体实现:

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

使用了frameset标签将头部、左侧、右侧三种结合到一起形成了html框架布局,是“”字型布局。

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

【后台商品列表页面部署】

控制器goods

视图

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

Yii框架之布局模板设置、通过gii生成后台模块、后台模块理解、后台主体部署、商品页面部署

上图right的结合,在单击超链接的时候,连接内容会跑到frame对应的名字里边,name=”right”

target=_blank   //新窗口展示链接内容

target=self     //本窗口展示链接内容

target=名字  //这个名字与frame里边的名字一致,那么链接内容会跑到这个frame里边。

总结:

1. 前台视图文件的布局效果实现

2. 我们使用自动代码生成工具gii生成了后台模块

3. 后台视图页面实现(登录、frameset主体框架页面、商品操作)




相关文章:

  • 2021-11-11
  • 2022-01-20
  • 2022-12-23
  • 2021-11-18
  • 2021-09-15
  • 2021-11-11
  • 2021-12-02
猜你喜欢
  • 2021-09-22
  • 2022-12-23
  • 2022-01-24
  • 2022-12-23
  • 2022-12-23
  • 2021-06-03
相关资源
相似解决方案