1. 首先，这是一个使用angular1.x做的一个demo，仿的是慕课网(´・ω・`)
2. 其次，这个demo是没有后端的，数据量也较少，所有数据都是手动写在json文件里的，而且数据结构并没有透彻分析，所以页面元素会有缺失，暂时也就这样了，目前本人也正在学node.js，打算用node.js做个后端数据接口（没数据库加数据真是累_(:3 」∠)_
3. 再就是，页面里的css3元素都没做过兼容模式，请尽量使用非系统自带的最新版本浏览器（谢谢合作(′～`；)

data：数据目录，里面放的是一些json格式的文件

images：图片放置目录

plugin：这里存放的是一些比较零散的插件

js

• app：应用创建、路由、过滤器、服务相关代码都放在这
• controller：路由对应的控制器
• baseTemplate：这里存放公用的组件
• pageTemplate：这里是页面私有的组件存放位置

less

• default.less：存放一些默认样式级变量
• index.less：整合所有样式
• base：对应公用组件，这里是公用组件的样式位置
• page：对应页面样式，页面内的样式及页面私有组件的样式

view：这个目录下存放的是路由对应的视图页面

• baseTemplate：这里是公用组件的视图页位置
• pageTemplate：这里是页面私有组件存放的位置，文件夹名称对应view下的视图页名称

目前就做过首页，搜索，课程列表，还有课程详情，下面是详细说明

1. 首页：分类菜单可以链接到课程列表（有效果），下面的课程列表也是绑定数据了的
2. 课程列表：首页头部菜单导航->"课程"<-为入口，分类显示和分页都可用
3. 搜索：首页头部搜索栏，可以搜索关键字，搜索后跳转至搜索页，显示对应课程及关键字
4. 课程详情：随便找个课程列表的课程点进去就是课程详情页了，目前只绑定了一些基本的信息

效果地址浏览：传送门

项目浏览需要系统有安装npm，下面是本地查看demo步骤

1. npm安装完成需要全局安装gulp，若之前有安装过就不需要了

   npm install -g gulp

2. 在demo中package.json文件所在目录安装一下demo所需模块

   npm install

3. 前面步骤执行完后使用下面命令会自动使用默认浏览器打开demo页面

   gulp ng