今天,主要开发首页,先看效果图,并分析结构。
创建组件
经过分析首页 是由6大组件组成的,分别是 导航条组件、搜索组件、轮播图组件、商品组件、星级组件、页脚组件。
使用angular-cli命令行工具,在auction项目上创建这6个组件
ng g component navbar
ng g component footer
ng g component search
ng g component carousel
ng g component product
ng g component starts
然后在项目aution下的app目录下就会出现这个6个目录
然后使用 bootstrap框架里面的样式,与angular技术搭建出了一个完整的app首页
代码下载地址