們經(jīng)常有文檔需要網(wǎng)絡(luò)下載，百度、豆丁等提供了豐富的文檔資源，但是現(xiàn)在很多文檔下載都需要積分，讓和money。個(gè)人認(rèn)為，網(wǎng)絡(luò)的本質(zhì)就是資源共享，于是各大神就不斷創(chuàng)造共享神器。冰點(diǎn)下載器就是其中一款，可以免積分下載百度文庫(kù)、豆丁、丁香、道客巴巴、Book118等文庫(kù)文檔，實(shí)屬居家旅行必備良藥。

冰點(diǎn)下載器主要功能為：

1. 免積分免登陸下載百度、道客巴巴、豆丁、Book118、丁香、MBALib、暢享等文庫(kù)文檔，可以生成高清晰度的pdf格式文檔和txt可編輯文本。

2. 支持多個(gè)任務(wù)同時(shí)下載和斷點(diǎn)續(xù)傳下載。

使用方法：

1. 網(wǎng)絡(luò)搜索所需要下載的文檔

2. 復(fù)制文檔地址，粘貼到冰點(diǎn)下載器地址欄，點(diǎn)擊“下載”按鈕即可。

使用技巧：

1. 百度文庫(kù)下載，文檔地址盡量去掉地址中html后面的參數(shù)。

如：https://wenku.baidu.com/view/51e9513331b765ce04081447.html?from=search，只需要輸入https://wenku.baidu.com/view/51e9513331b765ce04081447.html（即去掉問(wèn)號(hào)后面的內(nèi)容）

2. 下載的文檔為pdf格式（圖片生成），若需要word編輯，可使用abbyy等工具進(jìn)行轉(zhuǎn)換；若僅需要相關(guān)文字，可以直接在下載路徑中打開(kāi)相應(yīng)的txt文本。

編先和大家回顧一下昨天的內(nèi)容

【yii框架部署】

我們需要?jiǎng)?chuàng)建自己的應(yīng)用系統(tǒng)

Cms 內(nèi)容管理系統(tǒng)

Shop商城系統(tǒng)

Office辦公系統(tǒng)

Crm客戶關(guān)系管理系統(tǒng)

開(kāi)始訪問(wèn)我們的應(yīng)用系統(tǒng)。

【yii在什么地方用的多】

框架：dedecms ecshop crm

Dedecms是內(nèi)容管理系統(tǒng)的框架

Ecshop是做商城網(wǎng)站的框架

Crm是做客戶關(guān)系管理系統(tǒng)的框架

以上3個(gè)框架都是“專(zhuān)門(mén)”針對(duì)具體領(lǐng)域的框架，這樣的框架不靈活，死板。

Yii框架是通用的框架，一般適合客戶需求比較靈活、比較花樣多，比較復(fù)雜的地方。

Yii框架設(shè)計(jì)模式是主流MVC。

Yii框架是一個(gè)純OOP面向?qū)ο罂蚣堋?/p>

【商城模板與Yii框架結(jié)合】

Yii訪問(wèn)需要走路由，設(shè)置好路由就會(huì)找到對(duì)應(yīng)的控制器和方法

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

將樣式、圖片、js靜態(tài)資源集成到系統(tǒng)里邊

Css樣式：/assets/default/css/

圖片：/assets/default/img

Js: /assets/js/

靜態(tài)資源目錄統(tǒng)一放入系統(tǒng)常量里邊，方便調(diào)用。

/protected/config/constants.php

用戶登錄模板與Yii框架整合：

1. 創(chuàng)建UserController控制器

2. 創(chuàng)建視圖views/user/login.php

3. 控制器調(diào)用視圖$this->renderPatial();

4. 引入css和圖片，將樣式目錄與圖片目錄放入常量，統(tǒng)一調(diào)用。

【路由】

在框架里邊我們通過(guò)路由獲得控制器和方法

我們有了控制器的方法，就可以進(jìn)一步與視圖或模型進(jìn)行交互

http://網(wǎng)址/index.php?r=控制器/方法

【商城其他頁(yè)面與Yii結(jié)合】

Netbeans生成時(shí)間快捷鍵：

Ctrl+j

今天主要任務(wù) ： 商城前臺(tái)模板 與 Yii結(jié)合

1， Yii框架部署起來(lái)(根據(jù)自己情況搭建虛擬主機(jī)，也可以使用localhost)

2， 控制器和視圖理解好

控制器：UserController (名字Controller)

方法： actionLogin (action名字)

Views/ 下邊有許多目錄，目錄原則是：每個(gè)控制器名字在views下都有對(duì)應(yīng)名字的目錄存在，里邊存放具體模板文件

3. 理解好常量文件constant.php（樣式目錄和圖片目錄定義）

4. 商城網(wǎng)站與Yii框架結(jié)合制作出效果(首頁(yè)、登錄、注冊(cè)、商品列表、商品詳細(xì))

控制器調(diào)用視圖

模板引入樣式和圖片

自定義控制器：

【昨天內(nèi)容回顧】

我們又學(xué)習(xí)控制器和視圖

· 父類(lèi)Controller在哪了？

答：

這個(gè)父類(lèi)我們沒(méi)有顯示包含進(jìn)程序里邊,比如include、requre之類(lèi)包含指令

· 那么這個(gè)父類(lèi)控制器Controller我們?cè)谑裁吹胤浇o包含進(jìn)來(lái)的？

答：在Yii應(yīng)用的主配置文件里邊main.php，間接通過(guò)引入compoments組件目錄進(jìn)來(lái)的

· 那么主配置文件main.php在什么地方引入到我們的應(yīng)用里邊的呢？

答：在統(tǒng)一入口處index.php

控制器----》父類(lèi)控制器----》compoments---(main.php----(index.php

1. 在前臺(tái)通過(guò)“布局”展示模板樣式

2. 學(xué)習(xí)使用自動(dòng)代碼生成工具gii，通過(guò)gii創(chuàng)建后臺(tái)模塊

3. 在后臺(tái)將模板展示出來(lái)

4. 根據(jù)情況引入數(shù)據(jù)庫(kù)

【yii布局實(shí)現(xiàn)】

布局文件已經(jīng)實(shí)現(xiàn)出來(lái)，下面我們需要使用這個(gè)布局文件

我們系統(tǒng)默認(rèn)的布局文件是colum1.php

使用布局文件：

布局文件具體與什么有關(guān)系：

控制器渲染視圖renderPartial()此方法不會(huì)渲染布局

render()這個(gè)方法會(huì)渲染布局。

下邊我要做什么事情？

把公共的頭部提取出來(lái)

現(xiàn)在我們布局已經(jīng)做好了：

1. 制作布局文件layouts/文件名字，使用$content代表普遍模板內(nèi)容。

2. 設(shè)置布局文件，在父類(lèi)控制器里邊public $layout="http://layouts/shop";

3. 調(diào)用布局文件，在控制器方法里邊使用方法render()就會(huì)調(diào)用布局文件。

【商城后臺(tái)部署】

一般網(wǎng)站都會(huì)有“前臺(tái)”和“后臺(tái)”

前臺(tái)：給一般普通用戶來(lái)使用

后臺(tái)：是給公司維護(hù)人員來(lái)使用，例如我們給網(wǎng)站添加商品、修改商品等操作是通過(guò)后臺(tái)來(lái)處理的。

大家思考一下：如何創(chuàng)建后臺(tái)

后臺(tái)有自己的控制器和視圖

我們程序的架構(gòu)是部署在Yii上邊。

Yii自己有一個(gè)模塊機(jī)制，可以幫組我們實(shí)現(xiàn)后臺(tái)的搭建

模塊：有自己獨(dú)立的控制器、獨(dú)立的視圖、獨(dú)立的模型，其不可以單獨(dú)部署。

我們創(chuàng)建模塊：gii(自動(dòng)代碼生成工具)

gii在Yii里半是以模塊形式存在。在main.php配置文件里邊打開(kāi)gii模塊，以便使用。

gii模塊如何來(lái)訪問(wèn)：

通過(guò)路由形式訪問(wèn)該模塊

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

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

路由會(huì)判斷當(dāng)前的名字，是模塊定位到模塊，否則定位控制器

現(xiàn)在我們要生成一個(gè)后臺(tái)模塊

我們給后臺(tái)起一個(gè)名字“houtai”

現(xiàn)在我們后臺(tái)模塊已經(jīng)創(chuàng)建成功，要想使用，必須在main.php引入該模塊

現(xiàn)在我們?cè)L問(wèn)后臺(tái)模塊

后臺(tái)默認(rèn)模板文件

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

如上圖，后臺(tái)顯示的時(shí)候?yàn)槭裁磿?huì)顯示前臺(tái)的布局內(nèi)容，是Yii代碼重用性的體現(xiàn)，我們可以自定義后臺(tái)布局進(jìn)行顯示，后邊講解。

【后臺(tái)模板效果展示】

在后臺(tái)有用戶登錄功能

通過(guò)控制器和視圖展示登錄頁(yè)面

我們操作后臺(tái)與操作前臺(tái)是完全一樣的行為習(xí)慣，不同的是我們?cè)L問(wèn)后臺(tái)：

方法

后臺(tái)在訪問(wèn)的時(shí)候，路由需要加上模塊的名字。

前臺(tái)訪問(wèn)：

方法

【模塊】：

在Yii里邊，就是獨(dú)立形成的MVC設(shè)計(jì)模式的代碼的集合體，也是有一定功能代碼的集成，這個(gè)功能類(lèi)似前臺(tái)功能，前臺(tái)有控制器、視圖、模型，模塊也有控制器、視圖、模型。前臺(tái)可以實(shí)現(xiàn)的功能，模塊都可以實(shí)現(xiàn)。

【實(shí)現(xiàn)后臺(tái)其他頁(yè)面效果】

我們后臺(tái)整體架構(gòu)使用html里邊的框架標(biāo)簽frameset

后臺(tái)整體實(shí)現(xiàn)：

使用了frameset標(biāo)簽將頭部、左側(cè)、右側(cè)三種結(jié)合到一起形成了html框架布局，是“品”字型布局。

【后臺(tái)商品列表頁(yè)面部署】

控制器goods

視圖

上圖right的結(jié)合，在單擊超鏈接的時(shí)候，連接內(nèi)容會(huì)跑到frame對(duì)應(yīng)的名字里邊，name=”right”

target=”_blank” //新窗口展示鏈接內(nèi)容

target=”self” //本窗口展示鏈接內(nèi)容

target=”名字” //這個(gè)名字與frame里邊的名字一致，那么鏈接內(nèi)容會(huì)跑到這個(gè)frame里邊。

總結(jié)：

1. 前臺(tái)視圖文件的布局效果實(shí)現(xiàn)

2. 我們使用自動(dòng)代碼生成工具gii生成了后臺(tái)模塊

3. 后臺(tái)視圖頁(yè)面實(shí)現(xiàn)(登錄、frameset主體框架頁(yè)面、商品操作)

明天會(huì)學(xué)習(xí)數(shù)據(jù)庫(kù)操作

1. ebugger;

2. debug

圖 0

我以前也說(shuō)過(guò)，你可以在JavaScript代碼中加入一句[debugger];來(lái)手工造成一個(gè)斷點(diǎn)效果。需要帶有條件的斷點(diǎn)嗎？你只需要用if語(yǔ)句包圍它

if (somethingHappens) {
 debugger;
}

但要記住在程序發(fā)布前刪掉它們。

2. 設(shè)置在DOM node發(fā)生變化時(shí)觸發(fā)斷點(diǎn)

有時(shí)候你會(huì)發(fā)現(xiàn)DOM不受你的控制，自己會(huì)發(fā)生一些奇怪的變化，讓你很難找出問(wèn)題的根源。谷歌瀏覽器的開(kāi)發(fā)工具里有一個(gè)超級(jí)好用的功能，專(zhuān)門(mén)可以對(duì)付這種情況，叫做“Break on…”，你在DOM節(jié)點(diǎn)上右鍵，就能看到這個(gè)菜單項(xiàng)。斷點(diǎn)的觸發(fā)條件可以設(shè)置成這個(gè)節(jié)點(diǎn)被刪除、節(jié)點(diǎn)的屬性有任何變化，或它的某個(gè)子節(jié)點(diǎn)有變化發(fā)生。

圖 1

3. Ajax 斷點(diǎn)

XHR斷點(diǎn)，或Ajax斷點(diǎn)，就像它們的名字一樣，可以讓我們?cè)O(shè)置一個(gè)斷點(diǎn)，在特點(diǎn)的Ajax調(diào)用發(fā)生時(shí)觸發(fā)它們。 當(dāng)你在調(diào)試Web應(yīng)用的網(wǎng)絡(luò)傳輸時(shí)，這一招非常的有效。

圖 2

4. 移動(dòng)設(shè)備模擬環(huán)境

谷歌瀏覽器里有一些非常有趣的模擬移動(dòng)設(shè)備的工具，幫助我們調(diào)試程序在移動(dòng)設(shè)備里的運(yùn)行情況。找到它的方法是：按F12，調(diào)出開(kāi)發(fā)者工具，然后按ESC鍵(當(dāng)前tab不能是Console)，你就會(huì)看到第二層調(diào)試窗口出現(xiàn)，里面的Emulation標(biāo)簽頁(yè)里有各種模擬設(shè)備可選。

圖 3

當(dāng)然，這不會(huì)就變成了真正的iPhone，只是模擬了iPhone的尺寸，觸摸事件和瀏覽器User Agent值。

5. 使用Audits改進(jìn)你的網(wǎng)站

YSlow是一個(gè)非常棒的工具。谷歌瀏覽器的開(kāi)發(fā)者工具里也有一個(gè)非常類(lèi)似的工具，叫Audits。它可快速的審計(jì)你的網(wǎng)站，給你提出非常實(shí)際有效的優(yōu)化你的網(wǎng)站的建議和方法。

圖 4