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                         -->加載語言等信息