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

Myth丶恋晨 2022-05-23 02:24 286阅读 0赞

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

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

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

4. **根据情况引入数据库**

**【yii布局实现】**

**![70][]**

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

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

**使用布局文件：**

**![70 1][]**

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

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

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

**![70 2][]**

**下边我要做什么事情？**

**把公共的头部提取出来**

**现在我们布局已经做好了：**

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

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

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

**![70 3][]**

**【商城后台部署】**

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

**前台：给一般普通用户来使用**

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

** **

**如何创建后台？**

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

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

** **

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

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

** **

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

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

**![70 4][]**

**gii模块如何来访问：**

**通过路由形式访问该模块**

[**http://web.0507shop.com/index.php?r**][http_web.0507shop.com_index.php_r]**=模块名字**

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

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

**![70 5][]**

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

**我们给后台起一个名字“houtai”**

**![70 6][]**

**![70 7][]**

**![70 8][]**

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

**![70 9][]**

**现在我们访问后台模块**

[**http://web.0507shop.com/index.php?=houtai**][http_web.0507shop.com_index.php_houtai]

** **

**![70 10][]**

**后台默认模板文件**

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

**![70 11][]**

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

**![70 12][]**

**【后台模板效果展示】**

**在后台有用户登录功能**

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

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

[**http://web.0507shop.com/index.php?r=模块/控制器/**][http_web.0507shop.com_index.php_r 1]**方法**

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

** **

**前台访问：**

[**http://web.0507shop.com/index.php?r=控制器/**][http_web.0507shop.com_index.php_r 2]**方法**

**![70 13][]**

**![70 14][]**

**![70 15][]**

**【模块】：**

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

**![70 16][]**

**![70 17][]**

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

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

**![70 18][]**

**后台整体实现：**

**![70 19][]**

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

**![70 20][]**

**![70 21][]**

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

**控制器goods**

**视图**

**![70 22][]**

**![70 23][]**

**![70 24][]**

**![70 25][]**

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

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

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

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

**总结：**

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

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

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

[70]: /images/20220523/86cd82b895ed44aa81f32d02f2f1ab8c.png
[70 1]: /images/20220523/c97752c421b54ed69ae94712cd8bf2e1.png
[70 2]: /images/20220523/f1c3b591f89a4216ad71c993a8de87db.png
[70 3]: /images/20220523/eb37b82d37434b0fb780bf2969701dea.png
[70 4]: /images/20220523/9fe3c70f407a48bea44d9bd7513bdd62.png
[http_web.0507shop.com_index.php_r]: http://web.0507shop.com/index.php?r
[70 5]: /images/20220523/0ce2200a0204438580885da5513a74b5.png
[70 6]: /images/20220523/2f844fe74d2d44e0b83268ec92b677e1.png
[70 7]: /images/20220523/20bb2625531149b4af425dd01c611425.png
[70 8]: /images/20220523/9f67cbb84b6a41fa93be0b4d6e1a1517.png
[70 9]: /images/20220523/29e5f76a40514aaaba7fb6218413f423.png
[http_web.0507shop.com_index.php_houtai]: http://web.0507shop.com/index.php?=houtai
[70 10]: /images/20220523/4efbe66e06ea425b896978ecfda7547d.png
[70 11]: /images/20220523/4927cc86534343d4b9839a411d17160b.png
[70 12]: /images/20220523/9716c4efd0bf4c75a8359303cbfdb6c2.png
[http_web.0507shop.com_index.php_r 1]: http://web.0507shop.com/index.php?r=%E6%A8%A1%E5%9D%97/%E6%8E%A7%E5%88%B6%E5%99%A8/
[http_web.0507shop.com_index.php_r 2]: http://web.0507shop.com/index.php?r=%E6%8E%A7%E5%88%B6%E5%99%A8/
[70 13]: /images/20220523/1c68b44da2274df0a97869e853ab5236.png
[70 14]: /images/20220523/63643cac3d6941ba8d3255e6eda19237.png
[70 15]: /images/20220523/f33f50a2702b4335ab1ce6bf45786757.png
[70 16]: /images/20220523/da3f3ec19f4f421ab447e652fef1cfe6.png
[70 17]: /images/20220523/bc37abe4256a468287cfa37241ac6bdc.png
[70 18]: /images/20220523/bd574e6bf1ea41fcb4d0d1e4f5b2d39e.png
[70 19]: /images/20220523/8c18ae7ac4c74ca5840efdb4124d5474.png
[70 20]: /images/20220523/4d32842cb895430f8682d92ece74f6ff.png
[70 21]: /images/20220523/f7420b575ca049148696a6b6a99c2528.png
[70 22]: /images/20220523/e91933711b164084af10eefc2ebd75d3.png
[70 23]: /images/20220523/5ee439f1d37a4fc988e91b7cbf98ecfb.png
[70 24]: /images/20220523/6d71cfbb555a44509263226f65e7aacb.png
[70 25]: /images/20220523/ecab9f55292c4c178554ba6eddabea1f.png