介绍基于SprigBoot+Vue构建的数据可视化开发平台，灵活的拖拽式布局、丰富的通用组件，帮助您快速的构建与迭代数据大屏页面。目录结构server：后端程序源码web：前端主程序源码（基于Vue-cli3.0为基础构建的项目结构）后端架构选型1、SpringBoot主架构框架2、JFinal基于Db的数据库操作3、Druid数据库连接池4、Swagger2接口测试框架5、Maven项目构建管理前端架构选型1、vuemvvm框架2、vue-router路由管理3、vuex状态管理4、axiosHTTP 库5、echarts可视化图表6、iviewUI 组件库7、jquery函式库特性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浏览器访问系统，以获得更好的使用体验系统截图如果你对源码感兴趣，请点赞+转发+关注+私信【可视化开发平台】。欢迎点赞+转发+关注！大家的支持是我分享最大的动力！！！
本文出自快速备案，转载时请注明出处及相应链接。