将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=)