Vue 前端可视化活动编辑器(可视化编辑器)
Vue 前端可视化活动编辑器(可视化编辑器)
先看效果，为一个可视化活动编辑器。
基于 JSON Schema 开箱即用的简单活动可视化编辑器。
在做生成一个可视化店铺装修系统的时候，需要解决配置数据表单的通用性，参阅了一些现用的解决方案，最终通过 JSON Schema 来生成对应的表单和校验规则。
JSON Schema 主要运用在如下几点：
首先可视化编辑器需要做到板块的管理，这些板块支持可视化的编辑配置和效果展示，最终相互组装为一个页面。
每个板块我们不可避免的需要一个 View组件 来做展示，因为每个板块都长得不一样。板块配置表单和数据校验都通过 JSON Schema 来实现，然后再通过一个拖动的容器来承载这些板块以及一些其它的数据配置。
如下图：
这样当我们在添加新的板块时，只需要开发一个 View组件 ，和书写一份 JSON Schema 来定义数据即可。
添加新的板块只需要在 config/tools.js 导入新增的板块，并且配置好工具栏即可，如：
新增板块文件结构如下：( viewComponents/FlashSaleGoodsList/index.js 这里对应上面工具栏配置导入的组件包文件)
导出模块解释如下：
如果需要更多 vue-json-schema-form 参数可直接在 packages/demo/src/vue-editor/views/editor/Editor.vue 渲染 VueElementForm 组件时添加即可。
整个实现相对比较简单，感兴趣的可以花上两个小时看下源码，欢迎讨论提问。
之前同学问我这种情况怎么处理，我只回答他说我从来不适用Design窗口我从来只用Java语言做界面的。但昨晚我的Android Studio背叛了我，没想到我的Android Studio 上的XML界面也显示不了。
所以从网上找到了一些这样的方案
!-- 在Theme.AppCompat.Light.DarkActionBar 前面加Base. --
!-- 就像下面这样 --
style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar"
but ！ 这种方案对我的Android Studio 没有起作用 。
为了向对我那些同学道歉，我从overflow找到了一下解决方案（的确有用）：
先退出Android Studio
把一下文件夹** 备份 **到其他目录或直接删掉
C:\Users\\ 你的用户名 \.android\build-cache
C:\Users\\你的用户名\.AndroidStdio.3.2\system\caches
C:\Users\\你的用户名\.AndroidStdio.3.2\system\compiler
C:\Users\\你的用户名\.AndroidStdio.3.2\system\compiler-server
C:\Users\\你的用户名\.AndroidStdio.3.2\system\external_build_system
C:\Users\\你的用户名\.AndroidStdio.3.2\system\frameworks
C:\Users\\你的用户名\.AndroidStdio.3.2\system\gradle
C:\Users\\你的用户名\.AndroidStdio.3.2\system\resource_folder_cache
然后启动Android Studio 看看吧
还在探索中 . . . . . .
可视化编辑器（英语：VisualEditor，简称VE）是MediaWiki扩展程序，一种向维基百科提供“可视化”或“所见即所得式”在线多信息文本编辑器，由维基媒体基金会和Wikia共同开发。测试版在默认情况下启用（临时的设定后来全面推出），该功能2013年7月起在Mediawiki.org和维基百科多个大型语言版本可选择性撤销。
数据可视化工具有思迈特软件Smartbi，Tableau，Qlik Sense，QlikView，DataFocus，FineBI。数据可视化是关于数据视觉表现形式的科学技术研究，是指将大型数据集中的数据以图形图像形式表示，并利用数据分析和开发工具发现其中未知信息的处理过程。与信息图形，信息可视化，科学可视化以及统计图形密切相关。
数据可视化是一个处于连续不断演化当中的概念，其边界在不断扩大。具体指的是技术上比较高级的技术方法，而这些技术方法容许运用图形，图像处理，计算机视觉及其用户界面，通过表达，建模及其对立体，表面，属性以及动画的显示，对数据信息加以可视化诠释。与立体建模之类的特殊技术方法相比较，数据可视化所涵盖的技术方法要广泛得多。
相对于百度的echarts，思迈特软件Smartbi还是一款比较容易入手的数据分析工具。最后，思迈特软件Smartbi提供了免费的版本，功能齐全，更加适合个人对数据分析的学习和使用。
思迈特软件Smartbi大数据分析产品融合BI定义的所有阶段，对接各种业务数据库、数据仓库和大数据分析平台，进行加工处理、分析挖掘和可视化展现；满足所有用户的各种数据分析应用需求，如大数据分析、可视化分析、探索式分析、复杂报表、应用分享等等。
数据可视化工具靠不靠谱，来试试Smartbi,思迈特软件Smartbi经过多年持续自主研发，凝聚大量商业智能最佳实践经验，整合了各行业的数据分析和决策支持的功能需求。满足最终用户在企业级报表、数据可视化分析、自助探索分析、数据挖掘建模、AI智能分析等大数据分析需求。
思迈特软件Smartbi个人用户全功能模块长期免费试用
马上免费体验:Smartbi一站式大数据分析平台
