zoukankan      html  css  js  c++  java
  • AngularJS Demo 项目

    本项目是一个基于AngularJS 1.x版本 构建的示例项目,旨在帮助初学者能够快速了解AngularJS各功能特性的使用方法,及综合运用它们开始一个CRUD项目。
    
    项目的目录结构如下: 
    项目目录结构
    
    如上图所示,本项目包括两大部分:
    
    各功能特性的使用示例 
    项目根目录下,除index.html之外的其他html文件,用来单独演示某一具体功能特性的使用方法。如filter.html用来演示Filter的使用及自定义,http.html用来演示$http的基本使用,与此类推,其他可根据文件名称进行判断。
    
    一个完整的CRUD Demo 
    index.html 和文件夹中的内容构成了一个名为 NBA All-Star Voting 的SPA(单页面应用)项目,基本涵盖了AngularJS的大部分常用特性,包含基本的CRUD操作,其中各部分的作用说明如下:
    
    index.html 项目首页,同时也是SPA的布局页面;
    app 放置业务逻辑文件 
    app.js 引导程序,项目主模块定义及路由配置;
    controller 放置控制器文件
    directive 放置自定义指令文件
    filter 放置自定义过滤器文件
    service 放置自定义服务文件
    data 放置用来存储数据的json文件(仅为演示)
    static 放置静态文件 
    css 放置样式表文件
    js 放置脚本文件
    img 放置图片
    tmpl 放置模板html文件,如本例中使用的list.html、add.html、edit.html、view.html等。
    项目首页截图: 
    这里写图片描述
    
    项目Git地址:https://github.com/yyhsong/iAngularJS
  • 相关阅读:
    leetcode279. 完全平方数
    leetcode752. 打开转盘锁
    C++中new和delete来创建和释放动态数组
    创建vector<T>容器
    C++ vector初始化方式
    leetcode622. 设计循环队列
    c++ new
    leetcode138. 复制带随机指针的链表
    MySql服务器重启 || 修改mysql原始密码
    JS中的正则表达式
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6539994.html
Copyright © 2011-2022 走看看