原文摘自我的前端博客，欢迎大家来访问

http://hacke2.github.io/

起因

实验室马上要出去找工作了，大家想写一个展示自己项目的东西，没必要做的太复杂，我就把这几天学到的结合了一下，算是做了 一个大概的样子出来，大家可以自己放里面加内容

点击右上角项目名称可切换不同视图

所含的技术

AngularJs

里面MVC使用AngularJs来实现，主要用了其中两个技术：

1.模板技术

2.路由技术

之所以用了AngularJs的路由技术，是因为做一个页面的跳转，之前做开发都是以sevlet或者JAVA MVC框架来做，从后台取数据放到前台， 通过控制器来觉得给用户返回怎样的一个视图，因为这次没必要做的比较复杂，使用AngularJs上两种技术完全能达到我们的要求，而且还是 无刷新的。

BootStarp

优秀的UI框架，大家做简历或者项目展示的时候可能会想要炫酷的效果:)

fontAwesome

一款优秀的图标字体库

代码

代码就不贴在博客上了，很简单，没什么可看的，大家可以去我的github上检出

点击进入github: AngularJs+BootStarp+fontAwesome打造个人展示页面

查看完整DEMO

end fromhttp://hacke2.github.io

JAVASCRIPTA