angularjs 搭建WEB项目

angularjs-ey-ui

angularjs 实现网页版前端框架搭建，通过开发引入自定义指令及工具，及懒加载实现方式适合快速开发大型管理系统。

源码地址

源码地址： https://github.com/toutouping...

主要功能

菜单
懒加载
组件化
路由切换菜单功能

效果展示

技术栈

angularjs 是一款优秀的前端JS框架，有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。

angular-ui-router 它是一个第三方路由框架，允许通过状态机制组织接口，而不是简单的URL路由。

require 实现js文件的异步加载以及管理模块之间的依赖性。

ocLazyLoad 通过 ocLazyLoad 实现动态（懒）加载模块和依赖。

Angular directives for Bootstrap angularjs 第三方指令插件。 （注：本案例中主要是引入我自定义的组件，为了方便快速可以直接引入此UI）

Build Setup

# install dependencies
cnpm install

# serve with hot reload at localhost:8080
cnpm run server

项目组织架构

app/  
    home/                      -->登录模块文件夹
        controllers/            -->控制器文件夹
        directives/             -->指令文件夹
        services/               -->服务文件夹 
    login/                      -->登录模块文件夹
        controllers/            -->控制器文件夹
        directives/             -->指令文件夹
        services/               -->服务文件夹   
framework/            -->主程序入口
theme/
    css/                        -->项目的样式文件夹
    img/                        -->项目的图片文件夹    
lib/               -->项目使用的第三方库以及自定义库
index.html            -->应用的入口文件
main.js             -->加载语言等信息

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!