Angular4开发简易blog系统

随着Angular4的版本的不断更新,相信有很多的小伙伴们也在孜孜不倦的学习Angular4,看官方文档、书籍或者搜索相关的blog,最快的掌握Angular4的方法就是自己动手实践,动手写起来就知道哪些是已经掌握的,哪些是不明白的,最近花了一点实践写了一个简易的blog系统,希望对童鞋们有帮助。

git地址:Angular4-Blog

此项目主要是使用Angular4开发,样式为:bootstrap,组建为:ngx-bootstrap。数据服务使用的是:angular-in-memory-web-api,后台入口:http://localhost:4200/admin

主要功能包括:查看blog、匿名发表评论和简易后台发表blog。

目录结构:

Angular4开发简易blog系统_第1张图片

blog列表:


Angular4开发简易blog系统_第2张图片

blog详细和发表评论:

Angular4开发简易blog系统_第3张图片

后台管理列表:

Angular4开发简易blog系统_第4张图片

后台发表blog:

Angular4开发简易blog系统_第5张图片

功能还不完善,在不断的更新和完善功能。

你可能感兴趣的:(Angular4开发简易blog系统)