party_bid项目 第一张卡总结

party_bid是我的第一个用AngularJS开发的web应用。

       1,用yeoman创建工程。yeoman的安装已写在linux系统配置中，这里就不再多写。

mkdir my-project      //创建工程文件夹
cd my-project 
yo webapp
npm install -g generator-angular   
yo angular

项目搭建好之后,用RubyMine打开项目，便开始了我的party_bid项目。

       2,model,view,controller模型。在AngularJS中，视图(view)指的是浏览器加载和渲染之后，并且在AngularJS根据模板、控制器、模型信息修改之后的DOM。与view关系紧密的是控制器。在AngularJS中，控制器是一个Javascript函数（类型/类），用来增强除了根作用域以外的作用域实例的。当你或者AngularJS本身通过scope.$new来创建一个新的子作用域对象时，有一个选项能让你将它当做参数传递给控制器。这能使AngularjS将控制器和这个作用域联系起来，增强作用域的行为。model模型，负责后台数据的处理，表示应用中的整个数据模型。

       3,css样式表。初步开发web应用，可以先用bootstrap的样式模板。到官网http://www.bootcss.com/下载css文件和js文件,然后在index.html文件中引用js文件:

<script src="../bootstrap.js"></script>

然后在引用css文件即可。如：

<link rel="stylesheet" href="../bootstrap.css" />

       4,运行、调试web程序：在终端中进入项目根目录，输入：

grunt serve

 查看效果。