02、目录结构
# 可视化大屏目录结构
核心功能部分已经字体颜色已经标红
路径(按照编辑器顺序) | 功能备注 |
---|---|
Dist/* | npm run build 打包生成的目录 |
public/asset/* | 2W+ echart实例中需要的一些数据资源 |
Public/assets/* | 文件静态资源 |
public/temp/* | 大屏背景图资源 |
Public/vs/* | monaco在线编辑器的依赖js |
Public/buildpublish.html | 生成大屏vue template部分的代码模版 |
Public/bigpublish.js | 生成大屏vue js逻辑部分代码 |
Public/jquery.tmpl.js | Jquerytemplate js代码是生成vue源码的核心依赖js |
Public/jquery.min.js | Jquery js |
Public/kylinjson.js | Json 快速查找核心js |
Public/license.js | 产品序列号js |
Bigscreen/public/index.html | 编译打包html |
Public/beautifier.min.js | 代码格式化js |
Src/assets/* | 系统图片资源 |
Src/components/* | 可视化大屏组件文件 |
Src/configs/* | 系统编译环境变量配置 |
Src/icons/* | 图标字体组件 |
Src/router/* | 系统路由 |
Src/store/* | 系统全局变量集合 |
Src/styles/* | 系统样式集合 |
Src/views/api/* | 接口配置(Axios)+ 接口封装 + Mock |
Src/views/canvas-main/* | 设计器布画面板,设计后渲染实现相关内容 |
Src/views/components-panel/* | 设计器左侧各种组件拖拽到布画栏功能实现相关内容 |
Src/views/config-panel/* | 设计器右侧各种组件属性配置和大屏属性配置栏实现相关内容 |
Src/views/css/* | 登录后首页相关公共样式。 |
Src/views/echart/* | 为2W+echart组件的能成功渲染,特意做了兼容 |
Src/views/editor-context-menu/* | 右击弹出菜单组件 |
Src/views/footer-toolbar/* | 布画下方设置布画大小,呈现布画的比。 |
Src/views/header-toolbar/* | 头部工具条组件功能 |
Src/views/layer-panel/* | 大屏设计的图层显示列表 |
Src/views/login/* | 大屏设计系统的登录界面。 |
Src/views/monaco/* | 大屏设计系统在线代码编辑器集合 |
src/views/my-case/* | 大屏设计教程列表 |
Src/views/my-com/* | 大屏设计自定义组件列表 |
Src/views/my-db/* | 大屏设计自定义在线Api接口管理 |
Src/views/myhome/* | 大屏设计登录后的首页 |
Src/views/my-map/* | 大屏设计全国4w+乡村地图信息 |
Src/views/my-project/* | 大屏设计器我的项目列表 |
Src/views/preview/* | 大屏设计器vue源码动态渲染功能 |
Src/views/property-comm/* | 大屏设计器属性编辑的特殊组件封装 |
Src/views/utils/* | 大屏设计系统通用功能封装 |
Src/views/bgconfig.js | 大屏设计器大屏基本属性模版js |
Src/views/comm.js | 更改统一更改echart背景色,文字信息,图层的移动等功能封装 |
Src/views/controlconfig.js | 大屏设计器组件属性模版定义,定义各种组件的属性 |
Src/views/eventconfig.js | 大屏设计器组件事件配置模版。 |
Src/views/index.vue | 大屏设计器组件 |
Src/views/propertyConfig.js | 控件属性编辑控件类型配置 |
# Src/views/canvas-main/* 目录结构说明
路径(按照编辑器顺序) | 功能备注 |
---|---|
Src/views/canvas-main/echarttheme.js | 批量设置chart图表主题颜色,字体颜色。 |
Src/views/canvas-main/cortrlpanel.vue | 容器组件设计时渲染,如行列组件,每个列可以装载对应的组件 |
Src/views/canvas-main/cortrlitem.vue | 各类组件设计时渲染的组件 |
Src/views/canvas-main/index.vue | 设计器布画组件 |
Src/views/canvas-main/datav-transform/index.vue | 设计器布画具体某个组件容器渲染(主要针对位置,多拽位置,拉大,拉小,拉宽,拉窄) |
Src/views/canvas-main/datav-transform/grouptransform.vue | 设计器布画具体几个组件成组后渲染 可以对其位置进行拖拽,拉大,拉小,拉宽,拉窄 |
Src/views/canvas-main/datav-transform/index.js | 组件拖拽,拉大,拉小,拉宽,拉窄时计算其位置。 |
src\views\canvas-main\ruler\index.vue | 刻度尺组件 |
# Src/views/components-panel/*目录结构说明
路径(按照编辑器顺序) | 功能备注 |
---|---|
src\views\components-panel/index.vue | 组件库组件 |
Src/views/components-panel/draggablelist.vue | 组件库中具体的组件 |
Src/views/components-panel/other.vue | 组件库中其他分类的组件 |
# Src/views/config-panel/*目录结构说明
路径(按照编辑器顺序) | 功能备注 |
---|---|
Src/views/config-panel/index.vue | 右侧属性组件入口 |
Src/views/config-panel/page-config.vue | 大屏属性编辑组件 |
Src/views/config-panel/eventconfig.vue | 组件事件配置组件 |
Src/views/config-panel/comindex.vue | 自定义组件编辑时属性编辑组件 |
Src/views/config-panel/addattrconfig.vue | 自定义组件编辑时 添加属性的功能 |
Src/views/config-panel/property/index.vue | 组件属性编辑组件 |
Src/views/config-panel/property/elcolumn.vue | |
Src/views/config-panel/property/customattr.vue | 自定义组件自定义编辑的属性 添加 |
Src/views/config-panel/property/jsonselector/* | 字段映射组件 |
Src/views/config-panel/property/datasource/* | 数据源配置组件 |
# Src/views/layer-panel/*目录结构说明
路径(按照编辑器顺序) | 功能备注 |
---|---|
Src/views/layer-panel/index.vue | |
Src/views/layer-panel/layerindex.vue | |
Src/views/layer-panel/collectcomm.vue |
# Src/views/preview/*目录结构说明
路径(按照编辑器顺序) | 功能备注 |
---|---|
Src/views/preview/index.vue | Vue源码动态渲染根组件 |
Src/views/preview/preview.vue | 通过url 模版id查询数据库动态渲染组件 |
Src/views/preview/comm.js | 植入公共方法,方便在线编辑时任何地方都可以调用。 |
Src/views/preview/compreview.vue | 自定义组件预览组件 |
Src/views/preview/compreviewindex.vue | |
Src/views/preview/dbvueconfrol.vue | 自定义源码组件渲染 |
Src/views/preview/fromdialog.vue | 弹出层 打开可视化大屏预览 |
Src/views/preview/vuecontrol.vue | 自定义组件源码渲染的 |
上次更新: 2024/02/19, 23:02:23