Heim >Web-Frontend >HTML-Tutorial >AngularJs+BootStarp+fontAwesome打造个人展示页面_html/css_WEB-ITnose

AngularJs+BootStarp+fontAwesome打造个人展示页面_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:58:071276Durchsuche

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

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

JAVASCRIPT A
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn