适合Angular初学者的小项目

正文

请到「今天看啥」查看全文

Note：这个项目只适合初学者，对 Angular 熟悉的可以跳过。

相信很多Angular初学者在学习过程中都阅读过成熟开源项目的代码，比如： ngx-admin ， primeng 。这些项目，内容丰富，结构良好，唯一的缺点就是太大了，新手刚接触的时候会比较懵，不知道如何下手。

我当初也有过这样的经历，突击学习 Angular 一个月然后做项目，过程中的血和泪不再细表。学习过程中，折腾我最久和让我印象最深刻的地方有两点：

1. 如何引入第三方插件库
2. 如何理解和使用路由

第一点，我以前在 SegmentFault 上问过这个问题 Angular 4.X版本如何引入第三方JS的库 ，已经有了很好的回答，这里就不再赘述。

第二点才是我这篇文章的目的，我将真实项目中的结构简化抽取出来，着重于演示切分页面使用路由，写了一个简单易懂，对初学者比较友好的，很容易理解并模仿的小项目 HW-admin 。

主界面如下：

很典型的企业应用，此项目遵循 Angular 推荐的结构规范，层次清晰明了，也包括懒加载，预加载等功能。主要的样式暂时使用 Bootstrap ，将一些常用的第三方库封装进来，比如 jQuery ， Echarts 等。

代码量不大，结构也很简单，假如看过之后理解了，写类似项目的布局应该是轻而易举的事情。

熟悉 Angular 的小伙伴假如对移动端开发感兴趣的，我推荐下 ionic ，基于 Angular 的， 可以看我另一个 ionic 小项目 hw-basic 。

欢迎 fork 和 star

请到「今天看啥」查看全文