基于Vue的数据可视化页面开发平台,拖拽式设计,独创布局块概念,基于iView的栅格系统原生支持响应式栅格布局,以获得更好的移动设备兼容性,集成百度Echarts以实现丰富的数据可视化图表,原生通用组件满足你各种可视化页面的开发需求。
温馨提示:由于目前主要编码工作都在设计器部分,故系统管理部分还没有做过多优化,请注意,除了组件库管理最好不要乱修改通用组件部分数据,其他模块的数据都可以任你改。同时收到部分反馈,不知道怎么用,那么请移步 使用说明教程视频
相关文档会逐步完善,请耐心等待。。。
- 支持响应式和绝对定位布局方案
- 拖拽式页面设计器:支持多选拖拽与方向键移动、支持拖拽式调整尺寸、网格对其等功能
- 支持自定义样式编辑,让你的设计不局限与平台预设配置(系统以实现原生css代码转换VueStyleObject的适配器,让你编写样式更方便,无需使用驼峰命名)
- 支持组件模块的进出场动画配置,让你的页面动起来
- 支持运行时自定义代码编辑,更方便的实现你的个性化需求
- 动态编译运行的Echart图表,让你的Echart图表开发更灵活
- 支持工程级别与页面级别的图表主题切换
- 支持事件总线,全局触发与监听自定义事件,配合动态代码编辑的功能,实现组件功能定制化
注:后续将会迎来重大更新,实现真正的数据可视化配置,敬请期待。。。
- 前端架构:Vue+iView+Echarts
- 后端架构:SpringBoot+JFinal
- 数据库:MySql
- 数据库初始化:
注意:MySql数据库建议版本在5.6以上,字符集设置为utf-8。
先创建数据库命名为:pagenow,然后运行项目目录server下的xxx.sql脚本,初始化完成之后,应该拥有如下图所示的数据库表:
提示:如果是纯前端开发人员不会初始化数据库的,私信我或在Q群中提问或者自行某度。
- 后端程序部署
注意:建议JDK版本在1.8及以上,环境变量自行某度配置。
- 运行环境检测:在cmd中运行
java -version
- 进入项目server目录,使用解压缩工具打开pagenow-0.0.1-SNAPSHOT.jar文件,以window下部署为例:
修改application.properties配置文件,这里主要配置附件上传的目录路径与启动端口号,下图截图中已备注讲解:
修改db.properties配置文件,这里主要修改数据库连接池相关配置:
以上两个配置文件的修改在解压缩工具中修改保存,关闭解压缩工具即可,然后在命令行工具cmd中进入server目录,执行如下命令启动项目:
java -jar pagenow-0.0.1-SNAPSHOP.jar
启动成功如下图:
测试运行情况:打开浏览器,输入地址,看到如下界面即为启动成功:
- 前端项目安装:
进入项目web目录:
安装相关依赖包:
# 使用 npm
npm install
# 使用 yarn
yarn install
修改相关配置文件:打开.env文件
启动项目:前端项目默认使用8081端口启动
# 使用 npm
npm run serve
# 使用 yarn
yarn serve
相关使用说明教程已上传优酷视频,可自行上去观看
生活艰苦,码字不易,如果您觉得项目还不错,请作者喝杯奶茶吧!
作者QQ:229041307