Angular2 项目实战 后台管理

Angular2 高级种子工程

github地址:https://github.com/linweiwei123/hotshots-admin-angular2


dashboard


工程结构


特性模块与共享模块案例

种子工程 拿来即用;

1 良好的工程结构;

1.1 header,导航栏做通用component独立出来;

1.2 输出文件分门别类

2 angular2+webpack1构建;

2.1 编译文件分类输出;

2.2 输出js放index.html顶部加defer;

2.3 webpack loader处理css,fonts,img案例;

3 模块高级使用;

3.1 特性模块

3.2 lazyload,code splitting;

3.3 共享模块;

3.4 多级router-outlet

4 路由高级使用;

4.1 转场动画

4.2 相对路由

4.3 必须参数和不定参数

5 service简单使用;

数据持久化到内存;

6 404页面;

处理未匹配的url案例

7 外部CSS;

多个css外部文件的关系处理;

高级模块使用
路由高级使用
404页面

2016-12-8新增内容

8 路由守护

增加路由守护

9 结合JWT做权限控制,增加登陆页面;

登陆页面

10 form表单验证

登陆页面就是一个最好的表单验证

Coming soon...

11 与服务端通信

12 动画

13 管道

14 自定义指令




推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 154,589评论 23 678
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 11,739评论 1 91
  • 大家好,请关注我的新作 multipages-generator今日发布👏!妈妈再也不用担心移动端h5网站搭建了!...
    yitalalww阅读 66,234评论 72 125
  • 嗨,大家好,我是默默,这是我上班的第一天,我和同事之间相差的年龄很大,我的性格又是比较软弱的一面,性格太优柔寡断,...
    那一抹微笑穿透阳光阅读 88评论 2 1
  • 这年头公众号越来越多,最受欢迎的当属情感号,而这一大批情感号非常热衷于教粉丝谈恋爱,我分析了下,套路大致分两种。 ...
    盼流云阅读 226评论 0 1