# WebUI4Angular

**Repository Path**: wisoft/WebUI4Angular

## Basic Information

- **Project Name**: WebUI4Angular
- **Description**: WebUI4Angular是基于angularjs实现的一套UI组件，主要包括：datagrid,tree,dialog,progress,tilelist,tabset,dividedbox,imageview等等。组件需要使用angularjs1.3以上版本，其中拍照组件cameraScanner另需安装flash player。

整套组件借鉴了UI Bootstrap等开源组件的写法，主要对指令进行了自己的封装，我们希望通过angular的指令编写一套类似flex的声明式UI组件,使得页面代码更加简洁，可读性更强，复用性更好。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 56
- **Forks**: 24
- **Created**: 2015-06-17
- **Last Updated**: 2024-11-21

## Categories & Tags

**Categories**: angular-extensions, webui

**Tags**: None

## README

# WebUI4Angular
a set of components with angularjs, which includes Datagrid,tree,dialog,progress,tilelist,tabset,dividedbox,imageview and so on.

参照了UI Bootstrap等组件的写法，主要对指令进行了自己的封装，我们希望通过angular的指令编写一套类似flex的声明式UI组件,使得页面代码更加简洁，可读性更强。

#Quickstart
<a href="http://www.wisoft.com.cn/WebUI4Angular/docs/index_demo.html" target="_blank">组件demo在线演示</a>
<p>
GitHub 项目地址：&nbsp;
<a href="https://github.com/wi4angular/WebUI4Angular" onclick="javascript:window.open(this.href,'_blank');return false;">https://github.com/wi4angular/WebUI4Angular</a>
</p>
<p>
oschina 项目地址：&nbsp;
<a href="http://git.oschina.net/wisoft/WebUI4Angular" onclick="javascript:window.open(this.href,'_blank');return false;">http://git.oschina.net/wisoft/WebUI4Angular</a>
</p>


#Setup & Install
1.安装好nodejs环境(略~)

2.需要全局安装的内容：

npm install -g gulp

npm install -g grunt-cli

npm install -g karma

npm install -g grunt


3.项目依赖：
npm install

如果不想安装，也可以直接将node_modules.zip解压至项目根目录。

#gulp task说明


运行构建：gulp build

构建清理：gulp clean

运行测试：gulp test 


生成文档：gulp doc  (生成的文档路径为：build/docs，需要放在服务器上才能查看)


#其他
使用npm安装依赖的时候会很慢，有些包甚至根本下不下来，这里推荐使用淘宝的npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

以后使用cnpm就可以了.