party_bid第一张卡总结
1.用yo新建工程
在终端输入:
mkdir file_name新建文件夹
cd file_name打开文件夹
yo angular在文件夹下新建工程(第一个选项选n,否则后面在生成dist的时候将无法生成styles,也就是在手机上无法显示样式,当然也可以自己建一个styles,将app中styles文件夹下的内容复制过去就可以了)
打开rubymine
grunt server页面显示
完成以上步骤就可以在rubymine中完成第一张卡的需求了
2.样式引用
第一张卡会用到很多样式和功能,大部分都不必自己去写。这时可以在网上下载bootstrap文件,并将其放在上一步所建文件夹app下,并在index.html(可将其中一些原有样式删除,但引用和ng-view不要删)中引用css和js文件夹下的文件。文件名相同的,如a.css和a.min.css只须引用一个。以下分别就.css和.js文件引用举一个例子,其余不再赘述。
.css文件引用:在index.html的<head></head>中写
<linkrel="stylesheet"href="">(href=“”里面写文件夹路径,建议把.css的文件都放在styles下)
.js文件引用:在index.html的<body></body>中写
<scriptsrc=""></script>(src=“”中写js文件路径)
3.路由配置
具体配置可参考codefordream中的angularjs。
在这里需要强调的是每个页面路由配置完毕后,都要在index.html下引用,方法如上面的.js文件引用。
4.其他问题
在实现需求中有涉及数组相关的问题,要用到JSON.parse()和JSON.stringify()。具体使用方法和含义可参照以下:http://msdn.microsoft.com/zhcn/library/cc836466(v=vs.94).aspx
最后在文件夹下生成dist文件打包即可在手机中运行。