AngularJs+BootStarp+fontAwesome打造个人展示页面
2014-09-11 15:42
387 查看
原文摘自我的前端博客,欢迎大家来访问
http://hacke2.github.io/起因
实验室马上要出去找工作了,大家想写一个展示自己项目的东西,没必要做的太复杂,我就把这几天学到的结合了一下,算是做了 一个大概的样子出来,大家可以自己放里面加内容![](http://hacke2.github.io/images/article/my-show-4-angularJs/1.jpg)
点击右上角项目名称可切换不同视图
所含的技术
AngularJs
里面MVC使用AngularJs来实现,主要用了其中两个技术:1.模板技术
2.路由技术
之所以用了AngularJs的路由技术,是因为做一个页面的跳转,之前做开发都是以sevlet或者J***A MVC框架来做,从后台取数据放到前台, 通过控制器来觉得给用户返回怎样的一个视图,因为这次没必要做的比较复杂,使用AngularJs上两种技术完全能达到我们的要求,而且还是 无刷新的。
BootStarp
优秀的UI框架,大家做简历或者项目展示的时候可能会想要炫酷的效果:)fontAwesome
一款优秀的图标字体库代码
代码就不贴在博客上了,很简单,没什么可看的,大家可以去我的github上检出点击进入github: AngularJs+BootStarp+fontAwesome打造个人展示页面
查看完整DEMO
end fromhttp://hacke2.github.ioJ***ASCRIPTA
相关文章推荐
- 登录页面 输入框左侧加图标 炫酷透明效果 bootstrap css fontawesome联合打造
- JS效果大全(以静态页面展示)
- [原创]使用 NodeJS, MarkdownJS, PrettifyJS 打造个人博客写作平台 - 整体思路
- js控制页面的全屏展示和退出全屏显示的方法
- 15款fullpage.js鼠标滚动页面动画展示特效
- 手机淘宝列表页面 的js调用展示
- 我见过最全的个人js加解密功能页面
- 个人笔记 js 04 把子页面把参数传递到父页面的方法
- js控制页面的全屏展示和退出全屏显示
- 通过Web Api 和 Angular.js 构建单页面的web 程序
- springmvc+font-awesome开发出的页面显示方框乱码的解决方法
- [原创]使用 NodeJS, MarkdownJS, PrettifyJS 打造个人博客写作平台 - 打包下载
- js页面的全屏展示和退出全屏显示
- AngularJs+bootstrap搭载前台框架——基础页面
- js控制页面的全屏展示和退出全屏显示的方法
- js页面的全屏展示和退出全屏显示
- [原创]使用 NodeJS, MarkdownJS, PrettifyJS 打造个人博客写作平台 - 打包下载
- Ionic Framework, Angularjs & PhoneGap Build- The Awesome Threesome!
- kendo mobile angularjs 不同页面之间进行通信
- 个人笔记 js 01 js里window.open打开的子页面调用父页面的function