一、开源项目简介

PageNow数据可视化低代码开发平台

基于SpringBoot+Vue构建，开源、便捷、丰富、高扩展性。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

特点

拖拽式设计器：功能丰富的拖拽式设计器，助您快速搭建可视化大屏页面
动态数据源：支持多种数据源绑定：API接口、数据库直连、WebSocket长连接等
数据过滤器：内嵌配置式或编程式过滤器，高效处理组件与数据结果集的快速匹配
在线脚本编辑：针对专业前端开发人员提供编程式交互，实现更丰富的页面交互效果
在线组件开发：在线自定义组件开发，更方便的扩展您所需的组件效果
在线Echarts图表开发：基于Echarts图表组件，实现在线自定义图表开发
组件交互：规范交互逻辑，通过低代码甚至无代码方式实现组件间的数据交互、下钻
多端适配：提供多种布局方案，以此实现多设备无缝适配

五、技术选型

PageNow数据可视化，基于SprigBoot+Vue构建的数据可视化低代码开发平台。

技术栈

仅列出使用到的一些主体技术框架：

|------------|------------|---------| | 框架 | 说明 | 版本 | | Vue | Vue框架 | 2.6.11 | | iView | iView UI框架 | 3.5.4 | | Vuex | 状态管理 | 3.0.1 | | Vue-Router | 路由管理 | 3.0.3 | | Vant | 移动端组件UI框架 | 2.12.47 |

开发工具

WebStorm或VSCode，优先推荐WebStorm。

根目录下结构

|------------------------------|---------------------------------------|------------------------------------------------| | 路径（按照编辑器顺序） | 功能 | 备注 | | public/* | 静态文件目录，主要使用config.js于config_prod.js文件 | 部分前端使用的静态资源也会存在此目录中，例如UEditor编辑器 | | src/api/* | 封装的系统API接口 | 系统主要功能所需接口都存放于此目录中，不包括封装的动态API请求接口 | | src/assets/* | 静态文件目录 | 存放CSS样式表、字体文件、主题样式文件、代码编辑器样式文件等 | | src/components/common/* | 通用组件存放目录 | 存放系统中所使用的所有公用组件，例如文件上传组件、代码编辑器组件、各类弹窗组件等 | | src/components/functional/* | 功能组件目录 | 系统中所有需要使用的可拖拽组件都存放在此目录中 | | src/directives/* | 指令文件目录 | --- | | src/i18n/* | 资源国际化文件目录 | 目前尚未使用资源国际化功能，此目录可忽略 | | src/mixin/* | 混入对象文件目录 | --- | | src/store/* | 状态管理文件目录 | --- | | src/template/* | 功能组件模版文件 | 开发功能组件过程中，可以手动拷贝相关模版文件也可以启动系统内置的本地工具进行组件文件的初始化 | | src/utils/* | 工具类库文件目录 | --- | | src/views/* | 系统界面目录 | 存放包括设计器，后台管理等界面组件文件 |

src/views/*

|----------------------------------|--------------|------------------------------| | 路径（按照编辑器顺序） | 功能 | 备注 | | src/views/components/admin/* | 系统后台管理界面目录 | 包含工程管理、组件管理、用户管理等组件 | | src/views/components/designer/* | 设计器主要界面文件目录 | --- | | src/views/components/layout/* | 三种布局发布界面文件目录 | 大屏页面发布后，主要通过此目录下的模板文件来进行页面渲染 | | src/views/Admin.vue | 管理控制台主界面 | | | src/views/Designer.vue | 设计器主入口界面 | |