Advertisement

Node.js开发入门:学习如何引入UIBootstrap框架

阅读量:

常见的Web管理系统往往采用折叠式(类似手风琴)的侧边菜单设计。在之前的两篇推送中,我们分享了基于HTML/CSS实现的基本模板方案。但实际操作中发现该方法的效果不尽如人意。鉴于此局限性,我决定引入专业的前端UI组件库——UI Bootstrap(GitHub地址)。尽管其名称包含‘Bootstrap’字样,并非传统意义上的依赖关系——实际上该组件库是采用AngularJS自身的内置指令实现了这一功能。

本文基于《Angular demo》中的Angular demo部分,并且具体提到的所有目录都是按照Express应用的标准目录架构来组织的。

UI Bootstrap

UI Bootstrap在github上有一个简单介绍:

native AngularJS directives for Bootstrap. native AngularJS directives offer a smaller file size of 20kB when gzipped and eliminate the need for third-party JavaScript libraries like jQuery and Bootstrap JS.

还有一个README, 简单介绍了安装与构建流程, 我对这些内容不感兴趣, 所以全部手动操作, 直接导入现有

全部评论 (0)

还没有任何评论哟~