百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

YII框架学习(新手)NO.2(yii2框架运行原理)

ccwgpt 2024-09-15 15:09 19 浏览 0 评论

小编先和大家回顾一下昨天的内容

【yii框架部署】

我们需要创建自己的应用系统

Cms 内容管理系统

Shop商城系统

Office办公系统

Crm客户关系管理系统

开始访问我们的应用系统。

【yii在什么地方用的多】

框架:dedecms ecshop crm

Dedecms是内容管理系统的框架

Ecshop是做商城网站的框架

Crm是做客户关系管理系统的框架

以上3个框架都是“专门”针对具体领域的框架,这样的框架不灵活,死板。

Yii框架是通用的框架,一般适合客户需求比较灵活、比较花样多,比较复杂的地方。

Yii框架设计模式是主流MVC。

Yii框架是一个纯OOP面向对象框架。

【商城模板与Yii框架结合】

Yii访问需要走路由,设置好路由就会找到对应的控制器和方法

路由:http://web.0507shop.com/index.php?r=site/index

将样式、图片、js静态资源集成到系统里边

Css样式:/assets/default/css/

图片:/assets/default/img

Js: /assets/js/

静态资源目录统一放入系统常量里边,方便调用。

/protected/config/constants.php

用户登录模板与Yii框架整合:

1. 创建UserController控制器

2. 创建视图views/user/login.php

3. 控制器调用视图$this->renderPatial();

4. 引入css和图片,将样式目录与图片目录放入常量,统一调用。

【路由】

在框架里边我们通过路由获得控制器和方法

我们有了控制器的方法,就可以进一步与视图或模型进行交互

http://网址/index.php?r=控制器/方法

【商城其他页面与Yii结合】

Netbeans生成时间快捷键:

Ctrl+j

今天主要任务 : 商城前台模板 与 Yii结合

1, Yii框架部署起来(根据自己情况搭建虚拟主机,也可以使用localhost)

2, 控制器和视图理解好

控制器:UserController (名字Controller)

方法: actionLogin (action名字)

Views/ 下边有许多目录,目录原则是:每个控制器名字在views下都有对应名字的目录存在,里边存放具体模板文件

3. 理解好常量文件constant.php(样式目录和图片目录定义)

4. 商城网站与Yii框架结合制作出效果(首页、登录、注册、商品列表、商品详细)

控制器调用视图

模板引入样式和图片

自定义控制器:

【昨天内容回顾】

我们又学习控制器和视图

· 父类Controller在哪了?

答:

这个父类我们没有显示包含进程序里边,比如include、requre之类包含指令

· 那么这个父类控制器Controller我们在什么地方给包含进来的?

答:在Yii应用的主配置文件里边main.php,间接通过引入compoments组件目录进来的

· 那么主配置文件main.php在什么地方引入到我们的应用里边的呢?

答:在统一入口处index.php

控制器----》父类控制器----》compoments---(main.php----(index.php

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

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

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

4. 根据情况引入数据库

【yii布局实现】

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

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

使用布局文件:

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

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

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

下边我要做什么事情?

把公共的头部提取出来

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

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

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

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

【商城后台部署】

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

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

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

大家思考一下:如何创建后台

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

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

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

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

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

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

gii模块如何来访问:

通过路由形式访问该模块

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

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

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

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

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

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

现在我们访问后台模块

后台默认模板文件

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

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

【后台模板效果展示】

在后台有用户登录功能

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

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

方法

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

前台访问:

方法

【模块】:

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

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

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

后台整体实现:

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

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

控制器goods

视图

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

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

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

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

总结:

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

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

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

明天会学习数据库操作

相关推荐

NestJS入门教程系列一

介绍Nest(NestJS)是用于构建高效,可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript,内置并完全支持TypeScript(但开发人员仍然能够使用JavaScrip...

【推荐】一个网盘资源搜索与转存工具,支持移动端与PC端!

如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!项目介绍CloudSaver是一个基于Vue3和Express的网盘资源搜索与转存开源实用工具。它支持...

Appium原理精讲

目前使用Appium新版本和旧版本的企业数目都很多,而两个版本的安装过程和api的使用又有较大的区别。但是无论表面上的东东如何变化,内部原理都是一样的。在这里我给大家介绍一下appium的核心,增进大...

Kubernetes最小部署单元Pod

一、Kubernetes与Pod简介在当今云计算和容器化技术盛行的时代,Kubernetes已然成为容器编排领域的中流砥柱。它是一个开源的容器编排平台,由Google基于其内部使用的Bo...

最常用的四种跨域解决方案

前置知识什么是跨域?浏览器发送的请求地址(URL)与所在页面的地址不同(端口/协议/域名其一不同)。简言之,浏览器发出的请求url,与其所在页面的url不一样。此时,同源策略会让浏览器拒收服务器...

Bolt.New —— 全栈AI Web自动编程

Bolt.New是由StackBlitz公司推出的,全栈AI工具,代码编辑、运行、部署,通通一站式搞定。它使用WebContainers技术,无需任何本地安装或配置,在浏览器中,就可以运行完整的No...

Nodejs Express新手教程&高手进阶

NodejsExpress新手教程&高手进阶Express是一个NodeJS平台的框架,主要用于构于Web服务器项目。本文将通过示例介绍适合新手入门的Express基础使用,以及高手进阶知识,如:c...

Express.js 创建Node.js Web应用

Express.js是一个基于Node.js的Web应用框架,框架的设计目的是构建应用的架构和简化应用的开发。框架会解决一些通用的问题,在Express.js中,Express框架会处理如:中间件、代...

JavaScript 的 Express.js 功能及应用场景详解

Express.js是一个基于Node.js的轻量级Web应用框架,主要用于快速构建服务器端应用和API。它的核心功能包括以下关键点:1.路由管理URL路径与HTTP方法映射:通过...

nodejs的express4文件下载

在nodejs的express框架中,下载变得非常简单,就一个方法,res.download()首先express命令行生成项目基本框架:不会的看这里:http://blog.csdn.net/zz...

Express 系列:快速生成一个项目

系列预告本系列将以一个项目入手结合相关技术细节来带领大家一起学习Express这个基于Node.js的后端框架。本文首先将介绍:如何快速的生成一个具有一定结构的Express项目。Express项目结...

nodejs的express自动生成项目框架

nodejs版本为:4.X,express版本为4.X1.全局安装2个模块express、express-generator在命令行输入:npminstall-gexpressnpminsta...

express开发(一)简介与搭建

上周末去了趟上海书城,不愧是上海数得上号的书城,流行的科技书应有尽有,话不多说直接上图。最经典的C语言O(∩_∩)O最流行的java(づ ̄3 ̄)づ超酷的R语言/(ㄒoㄒ)/~~然而,身为一个坚定的前...

Vue+Echarts可视化大屏系统后端框架搭建(附代码)

各位同学,大家好。上节课,前面我们讲解了Vue+Echarts前端部分的设计方法。这节课程,我们开始讲解使用Express进行后端设计的方法。01项目相关理论介绍什么是expressExpress是...

Shopify电商API接口开发

Shopify电商API接口开发上线流程主要包括以下步骤。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎洽谈合作。前期准备-注册Shopify账号:在Shopify官网注册,用于后续开发测试...

取消回复欢迎 发表评论: