Simple is Happiness
Less is more
OnceVI
OnceVI前后端分离的数据可视化报表工具简介
by newghost keys OnceVI 可视化 报表 1488769812558

企业管理软件在报表的应用上有大量需求,也存在大量困扰。OnceVI是一款使用Web和H5技术打造的前后端分离的报表开发工具。OnceVI支持直接在SVG矢量图上绑定数据,并通过JSON数据格式将后台数据呈现到前端报表界面。开发者可使用任何编程语言来编写JSON数据服务,OnceVI使用内存数据库来缓存数据,使用者不再需要考虑高并发下的性能问题。

OnceVI报表制作入门—如何将用户的json数据可视化成名片展示
by siliviaw keys 可视化 OnceVI 1488443575765

在OnceVI中完成数据绑定非常简单,我们可以设计不同的模板来呈现数据。在预览界面您还可以保存为PDF,打印,或发送到手机浏览。在OnceVI中还支持各类图表,表格的呈现。您甚至可以在完成绑定后再次将矢量图用第三方软件进行编辑。

应用图表或其他图形化手段对数据库中存储的数据进行展示,清晰有效地传达与沟通信息,是数据可视化的主要内容。本节以名片制作为例,将个人数据绑定到名片模板,实现数据可视化过程。

可视化Web报表OnceVI中用户输入表单验证与提交
by siliviaw keys OnceVI 可视化 报表 1489741008058

本节主要介绍表单提交过程中,应用Filter工具箱实现表单内容验证与返回。并以app.validate和app.handle两个函数为例,展示表单与后台服务器信息交互过程。

app.validate: 在表单提交前对用户输入合法性做校验,返回错误信息则表示不合法
app.handle: 在表单提交后,对服务返回的信息做响应

服务器处理时间序列如下图所示:

logic diagram

Web报表OnceVI如何制作条形码与打印二维码(Barcode/Qrcode)
by siliviaw keys OnceVI 可视化 报表 1489995012754

OnceVI 通过简单的控件拖拉和数据绑定即可显示条形码。基于条形码(Barcode)和二维码(Qrcode),由于其优良的特性在管理信息系统的设计中被广泛使用。目前广泛应用在企业内部管理、生产流程、物流控制系统方面。是报表系统中必不可少的功能特性这一。OnceVI支持直接显示条形码与二维码。只需要简单拖拉即可实现,

如何基于SVG矢量图制作一个可录入提交信息的可视化表单报表-OnceVI
by siliviaw keys OnceVI 可视化 报表 1489650108804

在OnceVI中,您可以通过对相应svg模板进行绑定,实现表格信息的提交与保存。

以网站登录系统模板为例(见下图),在界面左侧选择edit field tool,模板上添加输入框,并进行数据绑定。

Form Template

OnceVI可视化报表入门—打印机设置、手机浏览和保存成pdf
by newghost keys 可视化 报表 OnceVI 1488605440925

OnceVI的可视化报表支持打印和手机浏览。几乎目前比较主流的浏览器,如Chrome等均支持将网页打印成PDF,我们为打印设计了一些特殊样式,确保只有报表本身会被打印。Chrome还提供了打印份数,打印布局(包含纵向和横向),打印色彩(彩色和黑白色)等设置。 

 近期热门 - 点击最多
  1. 旺司OA手动安装Aria2模块:免费搭建BT、磁力、文件远程下载NAS服务器
  2. OnceDB 内存数据库引擎:像关系型数据库那样,查询、搜索、更新、全文索引海量 Redis 数据
  3. OnceDB更新:在Redis中实现SQL数据库的多条件关联查询,内、外连接合并索引搜索使用教程
  4. OnceDB基于Redis的多条件关系查询,模糊全文搜索使用教程
  5. 用旺司OnceOA搭建免费内网穿透服务器,从外网访问内网的svn/git/linux
  6. OnceOA模块开发实例:用OnceIO和OnceDB搭建开源技术论坛
  7. 旺司Markdown编辑器基础语法使用教程说明
  8. UML免费建模工具使用帮助教程:类图与关系图
  9. app.map路由映射与res.template模板映射
  10. 使用node.js和oAuth2协议集成Github/LinkedIn第三方登录以OnceOA模块源码为例

  支持论坛 - 最新回复
  1. 旺司OA手动安装Aria2模块:免费搭建BT、磁力、文件远程下载NAS服务器
  2. OnceDB 内存数据库引擎:像关系型数据库那样,查询、搜索、更新、全文索引海量 Redis 数据
  3. OnceDB更新:在Redis中实现SQL数据库的多条件关联查询,内、外连接合并索引搜索使用教程
  4. OnceDB基于Redis的多条件关系查询,模糊全文搜索使用教程
  5. 使用node.js和oAuth2协议集成Github/LinkedIn第三方登录以OnceOA模块源码为例
  6. 用旺司OnceOA搭建免费内网穿透服务器,从外网访问内网的svn/git/linux
  7. Windows版本OnceDB/Redis在插入千万条大量数据以后数据库无法保存
  8. OnceOA模块开发实例:用OnceIO和OnceDB搭建开源技术论坛
  9. 用telnet连接oncedb数据库,使用查询指令hsearch搜索并输出字段不正常,redis其它指令工作正常
  10. app.map路由映射与res.template模板映射