Angular初探（1-6）

在线竞拍程序onlineAuction

经过前面几节的学习，我们现在要进入实战环节了，不知各位小伙伴准备好了吗？想想还有点小激动呢！

我们要开发的竞拍程序是个什么样子的呢？如下：

这个就是我们网站最终成型的样子了。
首先我们要有组件化的思想：这个竞拍程序可以被我们分解成几个组件。

• 导航栏组件
• 页脚组件
• 搜索组件
• 轮播图组件
• 商品展示组件
• 星级评价组件

我们先把这几个组件生成出来，用命令：ng generate component xxx（组件名），请牢记这些命令，后面还有类似的。

我这个命令后面带有–module=app，这是指定将这些组件导入到名为app的模块中，是因为我这里不止有一个module，我这里还有个router module（路由器模块），不要在意这些细节，不用加就可以了。
好了，Angular命令为我们创建了这六个组件和一个主组件，有点丑，不要在意这些细节：

接下来我们编写导航栏组件和页脚组件，我这里用了ng-zorro样式。所以我要把zorro的开发包添加进来：ng add ng-zorro-antd

忙活了这么久，终于可以写代码了，我们先来写导航栏和页脚吧。
稍后见…