将WepAPP的子產品劃分為比如說：子產品A、子產品B、子產品C
一般根據Webapp下面的菜單來劃分子產品進行開發，首先我們進入第一個子產品的開發:
我們先寫一個html頁面，index.html,因為是單頁應用，是以是第一個頁面也是最後一個頁面。
步驟：
① 在html頁面裡面引入angularJS的腳本
②建立第一個子產品,在script檔案下建一個app.js檔案
(叫app.js的好處是在建構的時候，是按升序進行排列的,
app.js這個檔案就會排在前面,而且是必須排在前面)
③index.js檔案是我們寫的所有js檔案用gulp的壓縮後檔案,所有隻要導入index.js檔案就導入了所有我們寫的js檔案
④在html标簽上添加ng-app指令,它的值就是我們的子產品名”app”,
ng-app=”app”這個指令的意思就是生命這個頁面由app這個子產品來啟動
index.js
<!DOCTYPE html>
<!-- ④在html标簽上添加ng-app="app"指令,啟動app子產品 -->
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>webapp</title>
</head>
<body>
// ① 引入angularJS的腳本
<script src="vendor/angular/angular.min.js" charset="utf-8"></script>
//引入index.js 這個是所有js打包後的檔案
<!-- ③導入index.js檔案 -->
<script src="js/index.js" charset="utf-8"></script>
</body>
</html> 'use strict'; // 啟用嚴格模式
//angular對象有個module函數,我們可以用它來建立一個子產品叫做app,建立子產品的時候要聲明子產品的依賴，現在沒有依賴，是以寫一個空數組 []
angular.module('app',[]);
//這樣就建立了一個子產品,但是建立的這個子產品,并不能使用,因為我們還沒有啟動它，啟動這個子產品的方法就是在index.html檔案的html标簽上加一個ng-app="app"指令 ,如：④ ![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)