正式的發(fā)起請(qǐng)求以前，我們先了解一下前后臺(tái)分離應(yīng)用的典型工作模式。
# 工作模式
在前后臺(tái)分離的應(yīng)用中，最典型最簡(jiǎn)單的模式如下圖所示：
對(duì)于我們當(dāng)前的應(yīng)用而言，程序執(zhí)行流程如下：
① 瀏覽器首先訪問服務(wù)于4200端口的Angular獲取前端的代碼。
② 獲取后執(zhí)行前端的代碼，前端的代碼在執(zhí)行的過程中向服務(wù)于8080端口的Spring Boot發(fā)起請(qǐng)求。
③ Spring Boot將數(shù)據(jù)返回給前端。
④ 前端獲取數(shù)據(jù)后處理后顯示給用戶。
# 發(fā)起請(qǐng)求
## 啟動(dòng)后臺(tái)
發(fā)起后臺(tái)請(qǐng)求前，我們需要使用命令行模式來啟動(dòng)后臺(tái)。打開shell，進(jìn)入項(xiàng)目文件夾，使用`mvn spring-boot:run`命令來啟動(dòng)后臺(tái)。當(dāng)看到以下信息時(shí)說明程序啟動(dòng)成功：
```
2019-09-26 14:06:54.997 INFO 30922 \--- \[ main\] o.s.b.w.embedded.tomcat.TomcatWebServer : Tomcat started on port(s): 8080 (http) with context path ''
2019-09-26 14:06:55.002 INFO 30922 \--- \[ main\] c.y.helloWorld.HelloWorldApplication : Started HelloWorldApplication in 2.292 seconds (JVM running for 6.368)
```
最后兩條日志信息給我們了兩個(gè)有效的信息：1. 后臺(tái)服務(wù)運(yùn)行的端口號(hào)；2. 系統(tǒng)成功啟動(dòng)了。
## 發(fā)起請(qǐng)求
常見的請(qǐng)求方式有`get`、`post`兩種，`get`請(qǐng)求一般用于獲取數(shù)據(jù)，`post`請(qǐng)求一般用于提交數(shù)據(jù)。很明顯，此時(shí)向服務(wù)器發(fā)起請(qǐng)求用`get`更合適。
`HttpClient`發(fā)起請(qǐng)求并在控制臺(tái)打印返回?cái)?shù)據(jù)。
~~~
import {Component} from '@angular/core';
import {HttpClient} from '@angular/common/http';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.sass']
})
export class AppComponent {
constructor(private httpClient: HttpClient) {
// 向8080端口的helloWorld路徑發(fā)起請(qǐng)求
httpClient.get('http://localhost:8080/helloWorld') ?
.subscribe(success, error); ?
}
title = 'hello-world';
}
/**
* 在控制臺(tái)打印傳入值
* @param data 任意數(shù)據(jù)
*/
function success(data) { ?
console.log('請(qǐng)求成功');
console.log(data);
}
/**
* 在控制臺(tái)打印傳入值
* @param data 任意數(shù)據(jù)
*/
function error(data) { ?
console.log('請(qǐng)求失敗');
console.log(data);
}
~~~
? 調(diào)用`HttpClient`的`get`方法，接收的參數(shù)類型為`string`，值為：'[http://localhost:8080/helloWorld'，表示向'http://localhost:8080/helloWorld'發(fā)送一個(gè)](http://localhost:8080/helloWorld'%EF%BC%8C%E8%A1%A8%E7%A4%BA%E5%90%91'http://localhost:8080/helloWorld'%E5%8F%91%E9%80%81%E4%B8%80%E4%B8%AA)`get`請(qǐng)求。該方法返回一個(gè)對(duì)象?。
? 調(diào)用?中返回的對(duì)象?中的`subscribe`方法，該方法接收2個(gè)參數(shù)，類型均為`function`。當(dāng)發(fā)起請(qǐng)求成功時(shí)調(diào)用函數(shù)?，并將請(qǐng)求成功的數(shù)據(jù)及請(qǐng)求信息傳給函數(shù)?中的參數(shù)`data`；當(dāng)發(fā)起請(qǐng)求失敗時(shí)調(diào)用函數(shù)?，并將請(qǐng)求失敗的數(shù)據(jù)及請(qǐng)求信息傳給函數(shù)?中的參數(shù)`data`。
## 測(cè)試
保存代碼后，瀏覽器自動(dòng)刷新。打開控制臺(tái)并查看運(yùn)行結(jié)果：
和我們的預(yù)想不一致，竟然報(bào)錯(cuò)了。
>[warning] 在開發(fā)的道路上，報(bào)錯(cuò)永遠(yuǎn)會(huì)伴隨我們的左右，這是再正常不過的事情了。錯(cuò)誤每出現(xiàn)一次我們便會(huì)成長(zhǎng)一次，所以我們應(yīng)該報(bào)著開放、包容的態(tài)度來迎接錯(cuò)誤。錯(cuò)誤的類型有千百中，解決的方式也各有不同，在教程中我們力求將團(tuán)隊(duì)長(zhǎng)年開發(fā)中總結(jié)出的解決問題的方法與你共同交流。相信去其糟粕后總會(huì)有所精華適合你。我們一直說編程學(xué)習(xí)的是思想、也不是語言。思想有了，語言只是工具。
# 排錯(cuò)
## 翻譯
切記遇到問題第一點(diǎn)是將錯(cuò)誤譯成中文，當(dāng)然了如果你的英文水平不錯(cuò)，那么直接讀英文就可以了。
>[info] 當(dāng)我們用英語進(jìn)行交流時(shí)，不需要在大腦中進(jìn)行漢英、英漢轉(zhuǎn)化時(shí)，就已經(jīng)入門了。
英：
```
Access to XMLHttpRequest at 'http://localhost:8080/helloWorld' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
```
譯
```
由源地址'http://localhost:4200'向'http://localhost:8080/helloWorld' 發(fā)起的XMLHttp請(qǐng)求被CORS策略阻止了：請(qǐng)求的資源上沒有提供'Access-Control-Allow-Origin' 頭信息
```
意思大體是說：我們當(dāng)前訪問的頁面是'[http://localhost:4200](http://localhost:4200)'，然后這個(gè)頁面又向'[http://localhost:8080/helloWorld](http://localhost:8080/helloWorld)' 這個(gè)地址發(fā)起了訪問（我們剛剛使用httpClient干的這件事情），由于CORS策咯是要求'[http://localhost:8080/helloWorld'在返回的數(shù)據(jù)上的](http://localhost:8080/helloWorld'%E5%9C%A8%E8%BF%94%E5%9B%9E%E7%9A%84%E6%95%B0%E6%8D%AE%E4%B8%8A%E7%9A%84)`header`提供'Access-Control-Allow-Origin'信息的，由于它并沒有提供所以瀏覽器阻止了這個(gè)操作。
那么如何查看返回?cái)?shù)據(jù)的header信息呢？看這里：
我們?cè)赻Response Heaser 響應(yīng)信息`中找到了`Content-Length`、`Content-Type`以及`Date`，但并未找到`Access-Control-Allow-Origin`
既然大體的方向有了那么我們根據(jù)關(guān)鍵字查詢下好了。
## 查詢關(guān)鍵字
查詢關(guān)鍵字有幾種境界：第一種屬于起步境界。既然是起步那么當(dāng)然很簡(jiǎn)單很暴力了，我們把控制臺(tái)打印的錯(cuò)誤信息直接輸入查詢框即可：
很多時(shí)候這個(gè)方法還就真的很靈，適用的就是最好的，此境界在google的幫助下可以為我們解決大多數(shù)的問題。很不巧，這個(gè)問題恰巧屬于運(yùn)氣不太好的。
> 請(qǐng)不要懷疑google的檢索能力，如果一個(gè)關(guān)鍵字輸入進(jìn)去在結(jié)果的第1頁中卻沒有找到自己想要的答案，那么請(qǐng)果斷變更關(guān)鍵字進(jìn)行下一次搜索。
當(dāng)?shù)谝环N直接搜索的方法解決不了問題時(shí)，那么就需要加入一些關(guān)鍵字了，比如我們的應(yīng)用是在anuglar + spring boot下報(bào)的錯(cuò)，那么就可以試試：
angular + 錯(cuò)誤信息的方法:
一旦google出現(xiàn)了`Did you mean`字樣，一般而言都是我們的表達(dá)習(xí)慣和與英文為母語的人的差異造成的。不要猶豫，點(diǎn)擊`Did you mean`后面的鏈接跳轉(zhuǎn)到正確的方法即可。此時(shí)，離我們成功解決問題就更近了一步。
如果前兩種方法都解決不了問題，那么就需要我們靜下心來進(jìn)行基礎(chǔ)的補(bǔ)缺及分析了。比如我們?cè)谇懊嫫鋵?shí)已經(jīng)分析過了：這個(gè)原因是由于后臺(tái)沒有在`header`中返回`Access-Control-Allow-Origin`造成的，加之我們后臺(tái)使用的是`Spring Boot`，所以最終我們的關(guān)鍵為：`spring boot response Access-Control-Allow-Origin`
點(diǎn)擊[第一條](https://howtodoinjava.com/spring5/webmvc/spring-mvc-cors-configuration/)，答案映入眼簾。這篇文章不止給出了N種解決的方法，而且還對(duì)CORS是什么進(jìn)行簡(jiǎn)單的解釋。
## 照抄代碼
在此我們暫時(shí)使用`1.2. @CrossOrigin at Class/Controller Level` 方案，即在控制器上添加`@CorssOrigin`注解 。
使用`IDEA`打開后臺(tái)項(xiàng)目：
HelloWorldApplication
~~~
package club.yunzhi.helloWorld;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.CrossOrigin;?
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@CrossOrigin(origins = "*", allowedHeaders = "*")?
@SpringBootApplication
@RestController
public class HelloWorldApplication {
public static void main(String[] args) {
SpringApplication.run(HelloWorldApplication.class, args);
}
@RequestMapping("helloWorld")
public String helloWorld() {
return "Hello Spring";
}
}
~~~
? 使用前先引入
? 對(duì)被注解的類進(jìn)行CORS配置，允許請(qǐng)求的地址為\*（所有地址)，允許請(qǐng)求的方法為\*(所有方法）
## 測(cè)試
重新啟動(dòng)后臺(tái)后，發(fā)生請(qǐng)求并查看網(wǎng)絡(luò)及控制臺(tái)信息：
Header中返回了Access-Control-Allow-Origin，這時(shí)候控制臺(tái)不應(yīng)該報(bào)錯(cuò)了吧。
的確異常沒有了，現(xiàn)在迎來了新的錯(cuò)誤：請(qǐng)求失敗`HttpErrorResponse`。
# 排錯(cuò)2
如果你足夠細(xì)心的話會(huì)發(fā)現(xiàn)只所以在控制臺(tái)中發(fā)現(xiàn)的了打印的錯(cuò)誤信息，其實(shí)是由于執(zhí)行了我們前臺(tái)輸入的代碼段，在控制臺(tái)中我們可以點(diǎn)擊最右側(cè)的文件名來快速的定位到打印日志的代碼：
點(diǎn)擊后跳轉(zhuǎn)到了Sources選項(xiàng)卡：
## 翻譯
在控制臺(tái)中展開HttpErrorResponse，讓我們看看具體發(fā)生了什么錯(cuò)誤：
`SyntaxError: Unexpected token H in JSON at position 0 at JSON.parse`
`語法錯(cuò)誤:在執(zhí)行JSON.parse時(shí)于JSON（串）的位置0上遇到了非期待（不認(rèn)識(shí)的，不知道怎么處理的）的標(biāo)識(shí)H`
有點(diǎn)經(jīng)驗(yàn)的程序員都知道：`SyntaxError`語法錯(cuò)誤往往會(huì)發(fā)生在拼寫錯(cuò)誤上，可`JSON.parse`并不是我們維護(hù)的，又怎么會(huì)發(fā)生拼寫錯(cuò)誤呢？
## 搜索
既然沒有頭緒，那么碰碰運(yùn)氣好了：
提出問題的場(chǎng)景和我們好像不一樣，但如果細(xì)心看看答案的話，也是可以收獲滿滿。
*****
`products`is an object. (creating from an object literal)
`products`是一個(gè)對(duì)象
`JSON.parse()`is used to convert a**string**containing JSON notation into a Javascript object.
`JSON.parse()`用來將一個(gè)用JSON字符串轉(zhuǎn)換為Javascript對(duì)象的。
Your code turns the object into a string (by calling`.toString()`) in order to try to parse it as JSON text.為了執(zhí)行`JSON.parse()`，你的代碼為通過`products.toString()`來獲取一個(gè)字符串，然后再嘗試執(zhí)行`JSON.parse()`
The default`.toString()`returns`"[object Object]"`, which is not valid JSON; hence the error.
但是，在執(zhí)行`products.toString()`返回了如下字符串：`"[object Object]"`，這個(gè)字符串并不是一個(gè)有效的JSON字符串。因此錯(cuò)誤便發(fā)生了。
*****
>[warning] 如果你還不清楚什么JSON字符串與JSON對(duì)象，那么簡(jiǎn)單了解下：[JSON字符串與JSON對(duì)象](https://www.jianshu.com/p/4b0bb59f585f)
于是，我們結(jié)合前面控制臺(tái)的報(bào)錯(cuò)，大概明白什么原因了：原來Angular在獲取后臺(tái)返回的數(shù)據(jù)的時(shí)候，會(huì)嘗試將返回的數(shù)據(jù)轉(zhuǎn)換為JSON對(duì)象。這個(gè)轉(zhuǎn)換過程是通過執(zhí)行`JSON.parse`來完成的。當(dāng)我們的后臺(tái)返回`Hello Spring`時(shí)，就相當(dāng)于執(zhí)行了`JSON.parse('Hello Spring')`，而'Hello Spring'并不是一個(gè)合法的JSON字符串，所以錯(cuò)誤發(fā)生了。
```
語法錯(cuò)誤:在執(zhí)行JSON.parse時(shí)于JSON（串）的位置0上遇到了非期待（不認(rèn)識(shí)的，不知道怎么處理的）的標(biāo)識(shí)H
```
上述錯(cuò)誤發(fā)生時(shí)，JSON（串）的值是`Hello Spring`，在`Hello Spring`的位置0上的字符是`H`.
## 解決問題
清楚了問題產(chǎn)生的本源，解決起來就比較輕松了，既然只能返回JSON格式的字符串，我們修改一下返回?cái)?shù)據(jù)便可以了：
~~~
@RequestMapping("helloWorld")
public String helloWorld() {
return "{\"message\": \"Hello Spring\"}";
}
~~~
>[success] `\"`為java中的轉(zhuǎn)義符，代表輸出`"`。
## 測(cè)試
重新啟動(dòng)后臺(tái)，刷新網(wǎng)頁并查看控制臺(tái)：
# 主要數(shù)據(jù)流如下
# 本節(jié)小測(cè)
? 請(qǐng)嘗試參考`HttpClient`寫一個(gè)類`Yunzhi`，實(shí)現(xiàn)以下功能：
```js
constructor(private httpClient: HttpClient) {
const yunzhi = new Yunzhi();
// 當(dāng)get中的參數(shù)值為a時(shí)，調(diào)用success方法，并將data數(shù)據(jù)設(shè)置為`hello success`
yunzhi.get('a')
.subscribe(success, error);
// 當(dāng)get中的參數(shù)值為其它值時(shí)，調(diào)用error方法，并將data數(shù)據(jù)設(shè)置為`hello error`
yunzhi.get('b')
.subscribe(success, error);
}
/**
* 在控制臺(tái)打印傳入值
* @param data 任意數(shù)據(jù)
*/
function success(data) {
console.log('請(qǐng)求成功');
console.log(data);
}
/**
* 在控制臺(tái)打印傳入值
* @param data 任意數(shù)據(jù)
*/
function error(data) {
console.log('請(qǐng)求失敗');
console.log(data);
}
class Yunzhi {
// 請(qǐng)補(bǔ)充功能代碼
}
```
## 上節(jié)答案：
? 在現(xiàn)實(shí)生活中：
租車公司有提供了汽車的能力，所以我們需要汽車時(shí)，需要找租車公司來幫忙，而不是找汽車來幫忙。（想直接找汽車來幫忙？那。。。你怎么聯(lián)系汽車呢？）
同理，我把上面的租車公司換成`HttpClientModule`,把`汽車`替換為`HttpClient`后，便是答案了：
`HttpClientModule`有提供`HttpClient`的能力，所以我們需要`HttpClient`時(shí)，需要找`HttpClientModule`來幫忙，而不是找`HttpClient`來幫忙。
再看報(bào)錯(cuò)信息 ---- `No provider for HttpClient!`：
注意：不是`Not found for HttpClient!` 。不是找不到`HttpClient`，而是找不到提供`HttpClient`的人，而`HttpClientModule`正式提供`HttpClient`的人。
- 序言
- 第一章：Hello World
- 第一節(jié)：Angular準(zhǔn)備工作
- 1 Node.js
- 2 npm
- 3 WebStorm
- 第二節(jié)：Hello Angular
- 第三節(jié)：Spring Boot準(zhǔn)備工作
- 1 JDK
- 2 MAVEN
- 3 IDEA
- 第四節(jié)：Hello Spring Boot
- 1 Spring Initializr
- 2 Hello Spring Boot!
- 3 maven國(guó)內(nèi)源配置
- 4 package與import
- 第五節(jié)：Hello Spring Boot + Angular
- 1 依賴注入【前】
- 2 HttpClient獲取數(shù)據(jù)【前】
- 3 數(shù)據(jù)綁定【前】
- 4 回調(diào)函數(shù)【選學(xué)】
- 第二章 教師管理
- 第一節(jié) 數(shù)據(jù)庫初始化
- 第二節(jié) CRUD之R查數(shù)據(jù)
- 1 原型初始化【前】
- 2 連接數(shù)據(jù)庫【后】
- 3 使用JDBC讀取數(shù)據(jù)【后】
- 4 前后臺(tái)對(duì)接
- 5 ng-if【前】
- 6 日期管道【前】
- 第三節(jié) CRUD之C增數(shù)據(jù)
- 1 新建組件并映射路由【前】
- 2 模板驅(qū)動(dòng)表單【前】
- 3 httpClient post請(qǐng)求【前】
- 4 保存數(shù)據(jù)【后】
- 5 組件間調(diào)用【前】
- 第四節(jié) CRUD之U改數(shù)據(jù)
- 1 路由參數(shù)【前】
- 2 請(qǐng)求映射【后】
- 3 前后臺(tái)對(duì)接【前】
- 4 更新數(shù)據(jù)【前】
- 5 更新某個(gè)教師【后】
- 6 路由器鏈接【前】
- 7 觀察者模式【前】
- 第五節(jié) CRUD之D刪數(shù)據(jù)
- 1 綁定到用戶輸入事件【前】
- 2 刪除某個(gè)教師【后】
- 第六節(jié) 代碼重構(gòu)
- 1 文件夾化【前】
- 2 優(yōu)化交互體驗(yàn)【前】
- 3 相對(duì)與絕對(duì)地址【前】
- 第三章 班級(jí)管理
- 第一節(jié) JPA初始化數(shù)據(jù)表
- 第二節(jié) 班級(jí)列表
- 1 新建模塊【前】
- 2 初識(shí)單元測(cè)試【前】
- 3 初始化原型【前】
- 4 面向?qū)ο蟆厩啊?/a>
- 5 測(cè)試HTTP請(qǐng)求【前】
- 6 測(cè)試INPUT【前】
- 7 測(cè)試BUTTON【前】
- 8 @RequestParam【后】
- 9 Repository【后】
- 10 前后臺(tái)對(duì)接【前】
- 第三節(jié) 新增班級(jí)
- 1 初始化【前】
- 2 響應(yīng)式表單【前】
- 3 測(cè)試POST請(qǐng)求【前】
- 4 JPA插入數(shù)據(jù)【后】
- 5 單元測(cè)試【后】
- 6 惰性加載【前】
- 7 對(duì)接【前】
- 第四節(jié) 編輯班級(jí)
- 1 FormGroup【前】
- 2 x、[x]、{{x}}與(x)【前】
- 3 模擬路由服務(wù)【前】
- 4 測(cè)試間諜spy【前】
- 5 使用JPA更新數(shù)據(jù)【后】
- 6 分層開發(fā)【后】
- 7 前后臺(tái)對(duì)接
- 8 深入imports【前】
- 9 深入exports【前】
- 第五節(jié) 選擇教師組件
- 1 初始化【前】
- 2 動(dòng)態(tài)數(shù)據(jù)綁定【前】
- 3 初識(shí)泛型
- 4 @Output()【前】
- 5 @Input()【前】
- 6 再識(shí)單元測(cè)試【前】
- 7 其它問題
- 第六節(jié) 刪除班級(jí)
- 1 TDD【前】
- 2 TDD【后】
- 3 前后臺(tái)對(duì)接
- 第四章 學(xué)生管理
- 第一節(jié) 引入Bootstrap【前】
- 第二節(jié) NAV導(dǎo)航組件【前】
- 1 初始化
- 2 Bootstrap格式化
- 3 RouterLinkActive
- 第三節(jié) footer組件【前】
- 第四節(jié) 歡迎界面【前】
- 第五節(jié) 新增學(xué)生
- 1 初始化【前】
- 2 選擇班級(jí)組件【前】
- 3 復(fù)用選擇組件【前】
- 4 完善功能【前】
- 5 MVC【前】
- 6 非NULL校驗(yàn)【后】
- 7 唯一性校驗(yàn)【后】
- 8 @PrePersist【后】
- 9 CM層開發(fā)【后】
- 10 集成測(cè)試
- 第六節(jié) 學(xué)生列表
- 1 分頁【后】
- 2 HashMap與LinkedHashMap
- 3 初識(shí)綜合查詢【后】
- 4 綜合查詢進(jìn)階【后】
- 5 小試綜合查詢【后】
- 6 初始化【前】
- 7 M層【前】
- 8 單元測(cè)試與分頁【前】
- 9 單選與多選【前】
- 10 集成測(cè)試
- 第七節(jié) 編輯學(xué)生
- 1 初始化【前】
- 2 嵌套組件測(cè)試【前】
- 3 功能開發(fā)【前】
- 4 JsonPath【后】
- 5 spyOn【后】
- 6 集成測(cè)試
- 7 @Input 異步傳值【前】
- 8 值傳遞與引入傳遞
- 9 @PreUpdate【后】
- 10 表單驗(yàn)證【前】
- 第八節(jié) 刪除學(xué)生
- 1 CSS選擇器【前】
- 2 confirm【前】
- 3 功能開發(fā)與測(cè)試【后】
- 4 集成測(cè)試
- 5 定制提示框【前】
- 6 引入圖標(biāo)庫【前】
- 第九節(jié) 集成測(cè)試
- 第五章 登錄與注銷
- 第一節(jié)：普通登錄
- 1 原型【前】
- 2 功能設(shè)計(jì)【前】
- 3 功能設(shè)計(jì)【后】
- 4 應(yīng)用登錄組件【前】
- 5 注銷【前】
- 6 保留登錄狀態(tài)【前】
- 第二節(jié)：你是誰
- 1 過濾器【后】
- 2 令牌機(jī)制【后】
- 3 裝飾器模式【后】
- 4 攔截器【前】
- 5 RxJS操作符【前】
- 6 用戶登錄與注銷【后】
- 7 個(gè)人中心【前】
- 8 攔截器【后】
- 9 集成測(cè)試
- 10 單例模式
- 第六章 課程管理
- 第一節(jié) 新增課程
- 1 初始化【前】
- 2 嵌套組件測(cè)試【前】
- 3 async管道【前】
- 4 優(yōu)雅的測(cè)試【前】
- 5 功能開發(fā)【前】
- 6 實(shí)體監(jiān)聽器【后】
- 7 @ManyToMany【后】
- 8 集成測(cè)試【前】
- 9 異步驗(yàn)證器【前】
- 10 詳解CORS【前】
- 第二節(jié) 課程列表
- 第三節(jié) 果斷
- 1 初始化【前】
- 2 分頁組件【前】
- 2 分頁組件【前】
- 3 綜合查詢【前】
- 4 綜合查詢【后】
- 4 綜合查詢【后】
- 第節(jié) 班級(jí)列表
- 第節(jié) 教師列表
- 第節(jié) 編輯課程
- TODO返回機(jī)制【前】
- 4 彈出框組件【前】
- 5 多路由出口【前】
- 第節(jié) 刪除課程
- 第七章 權(quán)限管理
- 第一節(jié) AOP
- 總結(jié)
- 開發(fā)規(guī)范
- 備用