共计 1037 个字符，预计需要花费 3 分钟才能阅读完成。
前言
本周，公司让我从已有项目入手，学习 angularjs。需要最终能找到一个页面做一个一样的出来，并实现相关功能。下面我就简单讲述一下我的学习过程。
初识大项目
这是我第一次接触到一个别人写的完整的大项目，一开始还是很茫然的。
第一步：跑项目
先把项目跑起来，进行一个整体的了解。我这次需要仿写的是计量平台 - 強检器具备案管理 - 综合查询页面
第二步：查看源代码
之后，要找到别人写的代码在哪里才行。
得益于老师讲的前后台分离的概念，前台代码和后台是分开的。
打开 webapp 的文件夹
需要找的就是 controllers(控制器 / C 层)，service(服务 / M 层) 和 views(视图 / V 层)
但是当我打开 C 层打算看看代码的时候，一下子傻了
这么一堆文件，要怎么才能找到我想要的页面呢
还好，这时候我想到了 angularjs 的路由配置首先，我们截取这一部分网址
然后进行以下步骤
1. 打开 scripts 文件下面的 route.js 文件，2. 用 ctrl+ F 调出查询框，将刚才的网址粘贴进来，并将中间的“/”改为“.”3. 然后就可以找到相关的 V 层文件位置了 4. 下面这个 controller 的名字虽然很长，但是可以用 ctrl+ P 进行全文件查找
这样就很轻松的找到了 C 层文件。
第三步：看注释
我个人的观点是：V 层是写给用户看的，C 层是写给 V 层的，只有注释是写给程序员的。在此要特别感谢潘老师对于写注释重要性的一次次强调，让萌新能够清晰的了解各个模块的功能。
仿？仿！仿。。。还是抄吧。。
前面准备的文件全都找到了，也该开始试着写代码了
满怀着悲愤的心情，抱着一去不复返的态度，决定与这一堆代码奋战到底。当然，基本流程还是比较简单的。首先是先建立一个自己的 test 页面 view 以及 controller 和 service
然后开始用 $http.get 从后台抓数据，用 $scope 和 ng-model 进行 V 层和 C 层的双向绑定，然后数据就在 V 层显示了
在然后。。。突然发现就没别的了？！
打开 service 文件，发现虽然很多行代码，但是通篇就讲一件事，按照我的要求给我数据，我找后台，后台给你全解决了，你就等着结果就行了。
所以整个页面写下来，除了方法名自己起一个，剩下的完全就是抄下来的，也没有什么可改动的地方。这时候，我突然就明白了什么是接口，以及前后台分离的概念。
不明白的问题
1. 关于导航栏新增栏目 2.V 层的自定义标签 <yunzhi- > 不知道怎么看属性
总结
这周看得还是比较简单的内容，个人感觉大项目与自己写的练习还是有区别的，更加注重规范。
