zen-li/pagurian

:alarm_clock: 一个管理系统的前端框架

Pagurian

一个管理系统的前端框架

Pagurian早期是Hypers前端团队为 服务于公司的产品搭建的一套前端框架， 已经在多个产品中使用，逐渐成熟，并开源出来。

快速开始

以下是一段演示代码，页面引入一个 pagurian.js 文件，然后载入 modules/user/app 模块, 最后初始化改模块下 index 页面的内容。

<script src="pagurian.js" ></script>
<script type="text/javascript">
    pagurian.call("modules/user/app",function(app) {
        app.page.index();
    });
</script>

开发及构建

开发者可以在 Pagrian 的基础上进行二次开发, Pagurian由Grunt构建及发布, 你需要安装Grunt以及所依赖的Node.js环境。

首先安装 Grunt

npm install -g grunt-cli

Clone 项目文件:

git clone https://github.com/hypers/pagurian.git

安装grunt插件:

cd pagurian
npm install

接下来，执行 grunt：

grunt

目录结构

Pagurian
├── [.] .build
├── dist/                   //发布目录
│   ├── lib/
│   ├── modules/
│   ├── plugins/
│   ├── resources/
│   └── templates/
├── docs/                   //开发文档
│   ├── api-datatable.md
│   └── api-*.md
├── [.] node_modules/           //Grunt依赖的NodeJs 模块
├── src/                    //开发目录
│   ├── lib/                //框架依赖的基础库
│   ├── modules/            //业务模块
│   ├── plugins/            //插件
│   ├── widgets/            //组件
│   ├── resources/          //css,images,fonts
│   └── templates/          //handlebars 模版文件
├── test/                   //测试
├── Gruntfile.js
├── package.json
└── pagurian.js

谁在用？

• Hyper Analytics
• Hyper Adstracker

参考、使用的项目

• Sea.js v2.2.1 (MIT License)
• FontAwesome v4.0.1 (CC BY 3.0 License)
• Bootstrap v3.0.3 (MIT License)
• bootstrap-datepicker.js v1.2 (Apache License 2.0)
• Datatabls v1.9.4(MIT License)
• Echarts v2.0(MIT License)
• jQuery v1.9.1(MIT License)
• ion.rangeSlider
• ZeroClipboard(MIT License)