随着Angular4的版本的不断更新,相信有很多的小伙伴们也在孜孜不倦的学习Angular4,看官方文档、书籍或者搜索相关的blog,最快的掌握Angular4的方法就是自己动手实践,动手写起来就知道哪些是已经掌握的,哪些是不明白的,最近花了一点实践写了一个简易的blog系统,希望对童鞋们有帮助。
git地址:Angular4-Blog
此项目主要是使用Angular4开发,样式为:bootstrap,组建为:ngx-bootstrap。数据服务使用的是:angular-in-memory-web-api,后台入口:http://localhost:4200/admin
主要功能包括:查看blog、匿名发表评论和简易后台发表blog。
目录结构:

blog列表:

blog详细和发表评论:

后台管理列表:

后台发表blog:

功能还不完善,在不断的更新和完善功能。
网友评论