今天完成的事情：

萝卜多复盘项目公司详情页样式

明天计划的事情：

打算先完成样式

遇到的问题：

因为没有理清项目的代码文件结构，所以写JS代码有点虚，因为到时候还是得把结构组织一下的

收获：

在百度上学习了一下angularjs的项目结构构造。

 基本结构就是按照功能对Controller进行划分了,因为做的 Angular SPA所以基本上一个Controller对应一个子页面,然后将所有的js以及less合并压缩出来,在index页面加载.当然其实还做了一些更细致 的工作,这里只是说一下项目的雏形.

  大致说一下现在怎么划分的,因为是SPA所以肯定有一个index.html作为页面的承载,app.js是angular的main文件,app.less是所有Less文件的入口.

    components 是angular的各个组件,包括common,services,directives,filters,router,run.js(这个主要是放置 一些需要随App一起启动运行的代码,例如插件初始化配置,以及类似路由监听处理事件等).

    一个子页面按照功能模块划分在modules中,对应的Controller的JS文件,Less的CSS文件都在一个文件夹内.

    build目中的内容全部是生成的,我使用了Bower和Gulp搭配使用,自动化构建项目.

    这样目录结构就清晰了,公共的部分被单独划在一起,每个页面对应的相关文件被组织在一起,然后按照功能安排进行划分.这样在维护的时候就能很容易找到要修改的相关文件.同事日常开发和项目发布都是用build中的文件,里面有两套不同的文件对应开发和发布.

    这样感觉整个项目都清爽多了.