AngularJS系列——目录结构

引言

最近在忙一个APP项目,话说,工欲善其事必先利其器,所以先把AngularJs这个工具学好,是我们必须要干的事呀!

今天我先来给大家介绍一下简单的知识——整个项目的目录结构,后续接着分享!

目录结构

当我们创建一个项目的时候,目录结构是这样的:

工作目录

我们的工作目录,主要集中在www文件夹中,www文件夹中是这样的:

相信当大家看到css、data、img、和index.html都比较熟悉,就是我们常用的Css样式、数据和图片。Index.html是我们的主页面。Lib文件夹是一个ionic库。这里对这些都不做过多的解释。下面我们来介绍一下我们常用的templates和js 目录。

js目录

当我们创建一个项目后,大部分情况会把相应的控制器、指令、路由、服务都分别放在独立的文件中,然后在app.js中注入。

Templates目录

Templates目录下是我们的页面,用来存放各个模板,方便我们的管理和复用:

所以最后我们项目的工作目录结构应该是下面这样的:

总结

不管干什么事情,是开始做项目也好,是学习一个新的东西也好,我们一定要有全局观,不能傻傻的死学,先进行全局掌控,之后再深入研究,这样让我们的工作每一件都做的有意义,而且自己有一个掌控,才能不迷失方向!

时间: 2024-08-24 09:43:16

AngularJS系列——目录结构的相关文章

微信小程序购物商城系统开发系列-目录结构

上一篇我们简单介绍了一下微信小程序的IDE(微信小程序购物商城系统开发系列-工具篇),相信大家都已经蠢蠢欲试建立一个自己的小程序,去完成一个独立的商城网站. 先别着急我们一步步来,先尝试下写一个自己的小demo. 这一篇文章我们主要的是介绍一下小程序的一些目录结构,以及一些语法,为我们后面的微信小程序商城系统做铺垫. 首先我们来了解下小程序的目录结构 Pages 我们新建的一些页面将保存在这个文件夹下面,每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js.index.

angularjs实际工程目录结构

angularjs是一个优秀的前端框架,主要核心有双向绑定.依赖注入.MVC等,不再赘述. 下面是实际开发项目中的目录结构示例: 我的项目根目录是helloangular,下面所使用的各层级目录均创建在根目录下,实际上也可以在根目录下创建名为"app"的目录,各层级目录放在"app"目录下,根目录下再放置其他公共文件.配置文件等. index.html是项目的入口文件,代码如下: 入口html中引入需要的js.css等资源,并声明应用(ng-app),在需要插入视图

C#程序员学习Android开发系列之Android项目的目录结构

今天开始正式学习Android开发的种种细节,首先从最基本的概念和操作学起. 首先看一下Android项目的目录结构. 这是我随便建立的一个test项目,我们重点关注一下几个方面的内容: 1.src目录:存放java源代码的目录,里面建立一个包,包里面有4个java源文件(分别都继承自Activity).由于java要求比较严格,因此要求类名与文件名一致. gen(Generated Java Files)目录:自动产生Java源文件的目录,是由工具自动生成的,一般不需要自己修改.里面主要有一个

[Android系列—] 2. Android 项目目录结构与用户界面的创建

前言 在 [Android系列-] 1. Android 开发环境搭建与Hello World 这一篇中介绍了如何快速搭建Android开发环境, 并成功了建立一个没有任何代码更改的 Android 应用程序. 接下来, 就得看看 1. 使用 Eclipse  创建的APP 有哪些目录和文件 2. 如何创建一个比Hello World 高级的一个用户界面 appcompat_v7 在创建 MyFirstApp 的 Android 项目时, 会发现在项目路径下多出了一个 appcompat_v7

AngularJS+requireJS项目的目录结构设想

准备用AngularJS + require.js 作为新项目的底层框架,以下目录结果只是一个初步设想: /default    放页面,不过对于one page 项目,可能里面需要建一个partials文件夹: /develop   放测试及web server相关的东西,这个是不需要部署到正式环境的,所以从static中分离出来了 /static      css+img+js+partials+r.js+build.js,后面两个是require.js打包压缩合并部署需要用的,  css+

chromium浏览器开发系列第三篇:chromium源码目录结构

上两篇介绍了下载源码和编译源码,这次主要介绍chromium的源码目录结构,我也是通过源码和官网结合来跟大家说,如果有说的不准确的,欢迎交流. 另外,官网的不一定准确,他们其实也很懒,所以最主要还是靠自己.官网只能作为一个参考. Chromium结构相对两年前变化很大.目录结构依然很清晰,主要有三个部分(不包括其他的库):浏览器,渲染器,webkit.浏览器是主要的进程,代表所有的UI和I / O.渲染通常是每个tab页的子过程,是由浏览器驱动.Webkit做布局和渲染. 简单介绍解决方案文件:

linux入门系列2--CentOs图形界面操作及目录结构

上一篇文章"linux入门系列1--环境准备及linux安装"直观演示了虚拟机软件VMware和Centos操作系统的安装,按照文章一步一步操作,一定都可以安装成功.装好系统之后,接下来就是登录操作系统进行各种操作.作为入门系列文章第二篇,将简单介绍CentOs操作系统的特点.图形用户界面(GUI)操作以及目录结构. 正式开始操作之前,我们先来了解一下Linux操作系统相关的知识以及为何本系列文章选择CentOs作为演示环境. 一.Linux介绍 1.1 Linux概述 众所周知,目前

【AngularJS学习笔记】开发时候的建议目录结构,基本开发步骤

项目目录结构划分 Debug Node.JS的生成目录 Node_modules Node.Js的依赖项 Src 项目源文件 ----|framework  项目框架 --------|app --------|css --------|data --------|font --------|img --------|js --------|plugin ----|modules --------|父菜单中填写的module名,父节点 ------------|app 主要项目文件 ------

Android开发系列之Android项目的目录结构

今天开始正式学习Android开发的种种细节,首先从最基本的概念和操作学起. 首先看一下Android项目的目录结构. 这是我随便建立的一个test项目,我们重点关注一下几个方面的内容: 1.src目录:存放Java源代码的目录,里面建立一个包,包里面有4个java源文件(分别都继承自Activity).由于java要求比较严格,因此要求类名与文件名一致. 2.gen(Generated Java Files)目录:自动产生Java源文件的目录,是由工具自动生成的,一般不需要自己修改.里面主要有