美工统筹SEO，为企业电子商务营销助力！
巅云前端vue3双向数据绑定可视化规划体系操纵手册V4.0
一佰互联网站制作(taishanly.com) 宣布日期 2022-06-22 09:26:45 阅读数: 3
巅云前端双向可视化规划体系操纵手册V4.0
操纵目次
1. 软件开辟背景 P02
2. 软件功效申明 P03
3. 软件装置利用 P04
4. 功效面板展现 P05
5. 文件目次规划 P09
6. 特稀有据规划 P10
l 软件开辟背景
网页设想是一个绝对庞杂的进程。须要美工PS出图、切片，HTML前端设想师规划（DIV+CSS），JS代码开辟编写，一个完整的网页就须要较长的时候能力完成开辟。
这时候若是咱们有一款可视化的规划器，将经常利用的一些网页切胜利效块（如笔墨块，图片块，动静列表，产物列块）而后据以后网页须要将一些块拼图式、拖放式摆放就任意地位。快带拼出一个网页来。且完成这些块的全体款式及块外部HTML子元素自在气概界说。
巅云前端可视化规划体系，便是一个完成了完整自界说的、所见即所得的一个非代码式前端开辟东西。大大进步网页设想速率。
l 软件功效申明：
巅云前端双向可视化规划体系V4.0功效先容：
手艺完成
1、体系接纳VUE双向数据绑定机制及NODE.JS打包
2、tinymce可视化笔墨编辑
3、Ant-design-vue表单位素
4、DIV自在拖拽，首创网页定位标尺线，DIV挪动赞助线参考线。
5、完成了拖放式增添DIV，右键面板、
6、tinymce当即点窜DIV内容，设置地区款式，设置模块及部件款式
7、高要扩大性：DIV范例可经由进程接口静态载入，首创静态设置模块外部哪些元素能够设置款式。
8、疾速体例：模块有复制，删除功效
9、高宁静：可随时撤消规复。
10、模块动画设置、差别范例模块的公有设置项，气概挪用等矫捷扩大完成计划。
11、完成了iframe动静通报更好的呼应式规划计划，多端适配。
l 软件装置：
1、需体系装置node.js,CD到体系目次分为innerdemo(内层)，outerdemo（iframe外层）
2、表里层别离运转：npm install及npm run serve及可。
3、拜候体例：或8081端口。
口角双气概功效界面截图：
体系目次规划：
|
Inner /iframe内层目次/文件 |
申明 |
|
dist |
打包后天生目次 |
|
node_modules |
Vue类组件装置库 |
|
public |
静态资本 |
|
src |
焦点目次 |
|
-components Module.vue 模块功效完成 ModuleBox.vue 地区模块 |
功效组件存
|
|
-assets |
静态资本 |
|
-App.vue |
主模块 |
|
Outer/iframe外层目次/文件 |
申明 |
|
dist |
打包后天生目次 |
|
node_modules |
Vue类组件装置库 |
|
public |
静态资本 |
|
src |
焦点目次 |
|
-components BoxSet.vue 模块地区组件 Head.vue 框架顶部组件 ModalImg.vue 框架弹窗组件 Module.vue 增加DIV面板 Rclick.vue 右键功效 Ruler.vue 标尺 Setting.vue 模块地区设置 Spin.vue 加载入动画 |
功效组件外层指令
|
|
-assets |
静态资本 |
|
-App.vue |
主模块 |
特稀有据规划：
一佰互联是天下着名建站品牌办事商,咱们有九年、网站制作、网页设想、php开辟和域名注册及假造主机办事经历，供给的办事更是天下着名。比来几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版，拖拽排版网站制作设想，轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ，已胜利的为天下上百家收集公司供给自助建站平台搭建办事。
