前端目录结构

  • build/(工程目录)
    • common/
    • tplAdmin/
    • tplCustomer/
    • tplHelpdesk/
    • tplRepairer/
    • appAdmin/ (独立模块,以app名字开头,各app模块内容近似)
    • appCustomer/
    • appHelpdesk/
    • appRepairer/
    • appLogin/
    • common/ (通用模块库)
    • utils/ (其他组件)
    • controller/ (相关的子模板的controller.js存放在这里)
    • directives/ (相关的directive.js存放在这里)
    • admin_app.js (app模型定义和路由配置文件)
    • admin_main.js (requirejs的入口和配置文件)
    • admin_services.js (app的相关服务配置文件)
    • angular_filter/ (一些通用的过滤器)
    • common_plugin.js (一些非基于angular的但比较重要组件,例如console plugin)
    • css/
    • img/
    • js/
    • lib/ (包含所有第三方类库)
    • templete/ (子模板文件夹,其内容按模块类型分类)
    • 404.html
    • admin.html (admin模块的入口html)
    • customer.html (customer模块的入口html)
    • helpdesk.html (helpdesk模块的入口html)
    • login.html (login模块的入口html)
    • index.html (程序的总入口点,用以根据配置跳转到各个模块入口)
    • repairer.html (repairer模块的入口html)
  • node_modules/ (grunt)
  • src/ (未经grunt处理的源文件)
  • test/ (端到端测试)
  • gruntfile.js (grunt)
  • human.txt
  • package.json (grunt)
  • README.md
时间: 2024-11-02 15:54:37

前端目录结构的相关文章

百度Baidu EFE team的前端规范——项目目录结构规范

项目目录结构规范 简介 该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理. 编撰 李玉北.erik.黄后锦.王杨.张立理.赵雷.陈新乐.刘恺华. 本文档由商业运营体系前端技术组审校发布. 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST).关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT"

二十一、【.Net开源框架】EFW框架Web前端开发之目录结构和使用FireBug调试方法

回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu.com/s/1o6MAKCa 前言:前面多章对EFW框架的核心类库作了详细说明,接下来几章将对框架中的前端及界面层功能进一步讲解,前端分为两个部分Web前端和Winform前端,Web前端主要是在Web系统中使用,就是编写Html代码和JS代码开发网页界面,框架推荐的是JqueryEasyUI作为界面框架:W

Swift的源码目录结构 其中proxy是前端的业务接入进程

Swift的源码目录结构.其中proxy是前端的业务接入进程.account.container和object目录分别是账户.容器 和对象的业务处理逻辑进程.common目录是一些通用工具代码.common中比较重要的有:哈希环的处理逻辑.接下来会依次介绍各个进程的源码逻辑和 一些关键点机制. 各个业务进程或模块之间的逻辑关系可以参考文中的架构图. 二.Proxy进程的业务处理 首先需要掌握基于PasteDeploy的堆栈式WSGI架构.根据PasteDeploy定义的各个层,可以很快理清配置文

前端代码目录结构、常用 piugin、元素补充用法及其它注意事项

目录结构: app:  .html文件 css: .css文件 script: 脚本文件 plugin: 插件  (此目录放一些通用代码) 注意事项: 1.在IE浏览器下img会显示边框,为了保证兼容性,应在css样式全局写上 img(border:0px;) 2.input 标签默认有 :focus() 伪类样式(点击input输入框,input边框会有颜色变化和稍有突出) 和 padding,在对input定位需要比较精确的时候,要设置input{padding:0px;}(其实在这也没必要

WEB前端目录架构-v1.0

============================================================================== 前端目录架构-v1.0(项目级)============================================================================== Project/ ├── css/ │  ├── icon/ │  ├── page/ │ ├── base.css │  ├── reset.css

angularjs实际工程目录结构

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

Angular新建项目目录结构详解

在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用. 首先看一下整体的目录结构: 可以看到,命令行工具自动生成了很多文件和目录,我们来说说这些目录是干什么的 首层目录: node_modules 第三方依赖包存放目录 e2e 端到端的测试目录 用来做自动测试的 src 应用源代码目录 .angular-cli.json Angular命令行工具的配置

Magento学习第一课——目录结构介绍

Magento学习第一课--目录结构介绍 一.Magento为何强大 Magento是在Zend框架基础上建立起来的,这点保证了代码的安全性及稳定性.选择Zend的原因有很多,但是最基本的是因为zend框架提供了面向对象的代码库并且有很好的团队支持.通过这个框架,Magento主要围绕三个基本点建立: 1. 灵活性:我们相信每一个解决方案都像它的商务支持一样是独一无二的.Magento的代码可以无缝定制的. 2. 可升级性:Magento可方便的实行定制且不丧失升级的能力,因为从社区中获得核心代

Laravel5.1 目录结构解析

学习一门框架,首先要了解的就是目录结构.对目录结构清晰就可以着手学习了~这里不作新特性的介绍,权当目录结构手册看吧.若发现有何不恰当的地方请联系我哦~注:写本文时参照的是5.1.4版本 目录或文件 说明 |– app 包含Controller.Model.路由等在内的应用目录,大部分业务将在该目录下进行 | |– Console 命令行程序目录 | | |– Commands 包含了用于命令行执行的类,可在该目录下自定义类 | | |– Kernel.php 命令调用内核文件,包含command