使用AngularJS创建应用的5个框架(转)

原文地址:http://www.php100.com/html/dujia/2015/0206/8580.html

本文由PHP100中文网编译,转载请看文末的转载要求,谢谢合作!

如果你计划使用AngularJS创建你的Web应用,那现在就开始吧。你不需要有任何的恐惧和担心,因为现在有很多的框架都可以很好地支持
AngularJS。这些框架都有事先安装的Web组件,使用它们可以帮助你快速进行项目开发。这里列举5个这样的框架,帮助你使用AngularJS构
建Web应用。更多的框架资源,可以参考《分享10个最新的Web前端框架》《推荐给开发者的20个优秀PHP框架》《14个最佳的HTML/CSS设计和开发框架》。

1. AngularUI Bootstrap

这一框架是基于目前非常流行的前端框架Bootstrap的,它包含了一系列的Bootstrap组件,比如Carousel、Alert、
Collapse、Rating和TimePicker等。所有的这些组件都可以移植到AngularJS,支持AngularJS指令和常规的HTML
元素。如果你很喜欢使用Bootstrap,那么这个框架就非常地适合你。

2. Angular Foundation

这个框架同样可以被移植来使用AngularJS,它改变了Foundation组件,使之适应AngularJS的指令和HTML元素,因此你可以只通
过HTML创建你的Web应用。这一点,会让很多人喜欢上这个框架,你可以从它的GitHub主页上下载更新。

3. Ionic Framework

Ionic包含了一些可靠的模块,可以让移动端的开发变得更容易、更快速。这一框架针对移动端的体验做了优化,使用Ionic框架,可以有效利用
AngularJs的特性,极大的提供HTML5应用开发效率,质量,模块化程度。因此,如果你非常关心性能和速度的问题,那么这个框架就很适合。

4. Mobile Angular UI

正和它的名字一样,这是一款HTML5 移动端 的UI 框架,允许使用 Angular JS 和 Bootstrap 3来开发移动端应用。另外,它可以通过增加CSS,帮助将一个Web app转为移动端的版本。

5. UI Grid

Grid控件不仅可以显示数据,并对数据提供了丰富的支持。它可能是你在AngularJS中处理表格最好的方式。

时间: 2024-10-08 08:49:03

使用AngularJS创建应用的5个框架(转)的相关文章

使用AngularJS创建应用的5个框架

[导读] 如果你计划使用AngularJS创建你的Web应用,那现在就开始吧.你不需要有任何的恐惧和担心,因为现在有很多的框架都可以很好地支持AngularJS.这些框架都有事先安装的Web组件,使用它们可以帮助你快速进行项目开发.这里列举5个这样的框架,帮助你使用AngularJS构建Web应用.        本文由PHP100中文网编译,转载请看文末的转载要求,谢谢合作! 如果你计划使用AngularJS创建你的Web应用,那现在就开始吧.你不需要有任何的恐惧和担心,因为现在有很多的框架都

带你走近AngularJS - 创建自定义指令

为什么使用AngularJS 指令? 使用过 AngularJS 的朋友应该最感兴趣的是它的指令.现今市场上的前端框架也只有AngularJS 拥有自定义指令的功能,并且AngularJS 是目前唯一提供Web应用可复用能力的框架. 目前有很多JavaScript 产品提供插件给Web开发人员.例如, Bootstrap 就是当前比较流行的提供样式和JavaScript插件的前端开发工具包.但是开发人员在使用Booostrap中的插件时, 必须切换到JavaScript 模式来写 jQuery

java创建一个简单的小框架frame

import java.awt.*; import javax.swing.*; public class SimpleFrameTest { public static void main(String[] args) { EventQueue.invokeLater(new Runnable(){ // 开一个线程 public void run() { SimpleFrame frame = new SimpleFrame(); frame.setTitle("记事本"); //

AngularJS创建新指令

指令(Directives)是所有AngularJS应用最重要的部分.尽管AngularJS已经提供了非常丰富的指令,但还是经常需要创建应用特定的指令. AngularJS原有的指令 ng-init   初始化指令 ng-if   条件指定 ng-repeat   循环指令 下面为大家介绍下创建新指令的方法 加入html代码 <div ng-app="myapp"> <hello-world></hello-world> <div hello-

AngularJS 创建一个简单可交互的控件(一)

这几天开始学习Angular这个MVC框架, 边看官网文档和youtube视频边做实例, 现在整理下自己的学习所得与大家分享, 也希望有Angular的大牛们来指教和探讨. 我们设想一个最基本的Web应用场景: 从服务器获取数据,通过这些数据来动态渲染我们的页面. 假设我们目前需要获取一组团队所有成员的信息并且显示, 团队成员的信息有成员名字, 年龄. (示例的控件在页面上的截图) 首先我们需要为我们所需要渲染的页面写一个简单的模板: 创建这个控件的时候我使用的是flatui所设计的扩展boot

对比AngularJS/jQueryUI/Extjs:没有一个框架是万能的

AngularJS不能做什么?对比Angular/JSjQueryUI/Extjs 框架就好比兵器,你得明白你手里拿的是屠龙刀还是倚天剑,刀法主要是砍,剑法主要是刺.对于那些职业喷子和脑残粉,小僧送你们两个字:呵呵:同时祝你幸福,请点右上角. 首先要明白Angular不能做什么,或者Angular没有提供什么,然后再来看它能做什么,来看Angular与其它一些主流框架的对比. 对于上面的表格,有人可能要跟我抬杠,咱大jQuery不是有各种插件吗!不是有各种EasyUI.LigerUI等等一大堆U

Eclipse使用Maven创建Web项目+整合SSM框架

一.准备环境 1.maven:apache-maven-3.5.3 2.jdk:jdk1.8.0_131 3.tomcat:apache-tomcat-7.0.68 二.配置Maven.jdk 1.Window-->Preferences-->Maven-->设置自己的Settings 2.Window-->Preferences-->Java-->Installed JREs-->Add 三.新建Maven项目 1.右击-->New(或者是File--&g

Angularjs创建service的5种方法

1.类型一 类型                适合使用场景(reson理由) module.value  存储简单的值在运行期间可以进行更改. 2.类型二 module.constant  存储简单的值在运行期间不去更改. 3.类型三 module.service     用构造方法(constructor  method)来创建服务(service),对于喜欢面向对象编程的开发者来说更适合,就像使用rhis关键字一样. 4类型四 module.factory     用构造函数(constr

快速创建一个iOS主流UI框架

本框架适用于 使用 NavigationController+UITabBarController 的APP 框架QLSNavTab , GitHub地址:https://github.com/qianlishun/QLSNavTab 点击这里直接下载:Download ZIP 效果图: 简介 -------准备工作------- 在AppDelegate中 设置一个控制器为主控制器 , 例如MainController - (BOOL)application:(UIApplication *)