PageNow数据可视化开发平台_开源版是基于SpringBoot+Vue构建的低代码数据可视化开发平台，灵活的拖拽式布局、丰富的通用组件，帮助您快速的构建与迭代数据大屏页面。

目录结构

1、server：后端程序源码

2、web：前端主程序源码(基于Vue-cli3.0为基础构建的项目结构)

特性

1、原生支持多设备自动适配，真正做到一次开发，多处运行

2、拖拽式页面布局设计器，支持框选组件、组件复制粘贴、多组件组合等灵活的设计器功能

3、运行时样式编辑，实现一切你能想象的画面

4、运行时自定义脚本编辑，通过丰富的API接口，助你实现更为丰富的页面交互效果

5、丰富的组件进出场动画，让你的页面不再枯燥无味

6、支持可扩展的Echarts图表配置

7、支持工程级别与页面级别的图表主题定制与切换

8、原生支持多种数据源绑定(静态数据、API接口、数据库脚本、CSV数据文件)

环境搭建开发工具

Git: 版本管理

DataGrip: 数据库管理工具(Mac环境下使用)

Navicat for MySQL: 数据库客户端(Window环境下使用)

WebStorm: web开发工具(此为推荐使用，按个人情况选择)

IntelliJ IDEA：server后端开发

开发环境

JDK7+

Mysql5.5+

NodeJS 最新版本

Yarn (个人推荐使用yarn而不是npm)

开发环境部署数据库初始化使用数据库管理工具，新建数据库，命名为pagenow_open，然后运行目录server/src/main/resources/db下的pagenow_open.sql初始化脚本，开源版本总共有7张表，如下图所示

后端程序启动

注意：建议JDK版本在1.7及以上，环境变量配置请自行百度。

运行环境检测：在cmd中运行

java -version

使用IDEA开发工具，直接打开server目录，然后运行mvn相关命令安装相关依赖包，一般IDEA会自动下载相关依赖包

打开resources目录下的db.properties配置文件，如下图所示

修改相关数据库连接配置

然后打开resources目录下的application.properties配置文件

此配置文件中，需要修改红框内的配置，file.uploadFolder配置的是系统附件存储目录，根据您的操作系统环境进行配置，项目启动前，必须先创建pagenowUpload文件夹，然后将绝对路径配置到file.uploadFolder下，结尾必须带斜杠。

然后在主文件PagenowApplication上右键，选择Run 'PagenowApplication'运行

如下图所示，即为启动成功

打开浏览器，输入localhost:8090验证是否正常运行，如下图所示，证明后端程序运行成功

前端程序启动

使用webstorm打开web目录，然后运行一下命令安装相关依赖包：

 yarn install

注意：PageNow项目不支持使用npm安装依赖包和启动工程，否则会出现工程无法启动的问题，如果没有安装yarn，可以自行百度进行安装

修改.env配置文件

前端项目默认使用8081端口启动，可以在vue.config.js文件中修改，运行如下命令启动项目：

 yarn serve

 启动成功后，打开浏览器，输入http://localhost:8081/pagenow即可访问系统

注意：建议使用chrome浏览器访问系统，以获得更好的使用体验

系统截图

• 魅影流声全球网络收音机
• 企鹅FM电脑版
• 青蛙电台
• 追梦网络收音机
• 随心音乐台
• 冰点收音机
• 蠢驴触屏收音机
• 猎鹰网络收音机
• 迷你豆瓣
• 牧野音乐台
• 网络电台天天听
• 易峰收音机
• 迷你电台
• 徐州经典音乐FM942
• 嗨嗨电台
• 搜索宝鸟语花香收音机
• PowerEnjoy网络收音机
• 贝瓦儿童故事电台
• 搜索宝老板键在线收音机(免费杀毒版)
• 飓风网络收音机
• 嫩果电台
• 迅驰网络收音机_内建共有上千个电台
• 黄金网络收音机
• KK录像机
• 必捷投屏
• 奇妙小茶园
• 大掌门
• 盛世芳华
• 狼人对决
• 多多救援队
• 月圆之夜
• 多多美食街
• 舰队指挥官
• 蚁族崛起
• 云·英雄联盟电竞经理
• [U树]人言可畏
• 闻君
• 死神
• 有感《问刘十九》
• 酒儿讲故事
• 清风长伴
• 异世修神录
• 一场繁华，一场梦
• 对不起小姐
• 多想
• 牛下女高音
• 小女花不弃
• 长安十二时辰
• 彩虹的重力
• 请输入搜索词：WWW
• 机场特警
• 荷里活有个大老千
• 大江大河2
• 不能犯规的游戏
• 解决师