angularjs-ey-ui
angularjs 实现网页版前端框架搭建,通过开发引入自定义指令及工具,及懒加载实现方式适合快速开发大型管理系统。
源码地址
源码地址:
主要功能
菜单 懒加载 组件化 路由切换菜单功能
效果展示
技术栈
是一款优秀的前端JS框架,有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。它是一个第三方路由框架,允许通过状态机制组织接口,而不是简单的URL路由。
实现js文件的异步加载以及管理模块之间的依赖性。
通过 ocLazyLoad 实现动态(懒)加载模块和依赖。
angularjs 第三方指令插件。 (注:本案例中主要是引入我自定义的组件,为了方便快速可以直接引入此UI)
Build Setup
# install dependenciescnpm install# serve with hot reload at localhost:8080cnpm run server
项目组织架构
app/ home/ -->登录模块文件夹 controllers/ -->控制器文件夹 directives/ -->指令文件夹 services/ -->服务文件夹 login/ -->登录模块文件夹 controllers/ -->控制器文件夹 directives/ -->指令文件夹 services/ -->服务文件夹 framework/ -->主程序入口theme/ css/ -->项目的样式文件夹 img/ -->项目的图片文件夹 lib/ -->项目使用的第三方库以及自定义库index.html -->应用的入口文件main.js -->加载语言等信息