豆瓣项目的思路总结

学习angularjs，最后的任务是仿制豆瓣一刻的app进行练习。页面和材料老师都已经准备好，从github上clone就行。第一次接触，当中很多坑，还是值得总结的。

项目文件放在github上，git@github.com:yll1215/douban.git

先理清思路，分析。

如果是写原生，代码会很多，并有重复内容。所以在index页面留出公共区域，用路由锚点进行不同页面的填充跳转。之前都是简单学习，所以控制器很少，在面对多个情况时，最好是实例一个模块，用来专门管理所有的控制器。

1.侧边栏用ng-class属性来设置隐藏与显示。里面的导航栏也可以进一步提炼，用模块来设置数据对象，方便以后的维护。

2.Angular模块的run()一般和$rootScope方法一起使用。来进行全局数据的初始化。在这个案例里就是点击折叠伸展的效果了，并且还用transform来给过渡特效。

3.配置路由模块，通过ng-view在页面占位。需要跨域，无法直接拿数据，所以用php文件进行远程操作，用file_get__contents出现报错，failed to open strem：HTTP resquest failed！搜索改php.ini配置但仍然报错，又尝试另外方法，用PHP中的curl去拿数据，依旧报错，按照百度方法各种配置还是不行，去掉注释，花了很长时间终于搜索到，把libssh2.dll, php_curl.dll, ssleay32.dll, libeay32.dll复制到Windows\system32 下，把libssh2.dll 这个文件放到Apache24\bin 和 Windows\system32 目录之中,发现文件中缺失某些，下载安装后终于是成功拿到数据。

4.然而还是没从PHP的坑里跳出来，虽然php中echo正确，但页面虽然也发出请求但依旧没能成功接收，继续搜索，最后虽然不是很明白但总算解决了，从浏览器里输入127.0.0.1在进入页面时数据就成功拿到了。之前好像显示的是localhost。

5.接着就是根据接收到的数据进行页面改写，观察发现虽然很多对象，但总结来说就是文字图片标题的不同排列，可以只写一个，通过给ng-if判断和ng-repeat来循环，会方便很多。

6.在最开始用bower配制环境时，虽然安装成功，但在根据bower.json文件来下载时，bower install时总是报错，虽然搜索但依旧没有成功。就先还是自己准备相关js文件了。