# jui

**Repository Path**: durcframework/jui

## Basic Information

- **Project Name**: jui
- **Description**: 一个使用JavaScript编写的界面库，采用面向对象方式实现。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://durcframework.gitee.io/jui
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 4
- **Created**: 2018-05-03
- **Last Updated**: 2024-02-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JUI界面库

一个使用JavaScript编写的界面库，采用面向对象方式实现。

- JS框架：jQuery-1.11.0
- CSS框架：bootstrap-3.3.0
- JS压缩工具：YUI Compressor
- JS文档生成工具：jsduck

## 架构图

![结构图](https://gitee.com/uploads/images/2018/0528/181048_379896a6_332975.jpeg "7.jpg")

## 预览

在线预览：http://durcframework.gitee.io/jui

离线浏览：浏览器打开index.html

## 构建说明

1. 前提:安装JDK,maven,配置好环境变量

2. 运行build.bat,输出结果在WebContent\jui\dest下,同时会生成文档(目录：WebContent\doc)

## 文档生成

运行doc-creator/run.bat即可
文档生成在WebContent\doc下

如有报错,删除doc再重试

## 文件结构

```
jui
├─WebContent 工程目录
│    ├─doc 文档
│    ├─doc-creator 文档生成器
│    ├─jui
│    │  ├─asserts 依赖资源
│    │  ├─dest 压缩后的js
│    │  ├─src jui源码
│    │  └─test 测试
│    └─script 构建步骤脚本
│
├─build.bat 构建脚本
├─index.html 预览
├─pom.xml maven配置
└─readme.md
```

使用只需要asserts和dest这两个文件夹，如果要调试，将dest替换成src。

## 效果图

![预览](https://gitee.com/uploads/images/2018/0503/181229_08e81086_332975.jpeg "1.jpg")

![预览](https://gitee.com/uploads/images/2018/0503/181237_17dd5496_332975.jpeg "2.jpg")

![预览](https://gitee.com/uploads/images/2018/0503/181243_0a501bf4_332975.jpeg "3.jpg")

![预览](https://gitee.com/uploads/images/2018/0503/181251_8699e920_332975.jpeg "4.jpg")

![预览](https://gitee.com/uploads/images/2018/0503/181259_584139c7_332975.jpeg "5.jpg")

![API](https://gitee.com/uploads/images/2018/0503/181306_15e79ee9_332975.jpeg "6.jpg")