巅云智能建站平台搭建版(创业门户版)火爆上线,终身授权!新增:文章智能采集+全站真静态打包+城市分站+智能小程序+非法词过滤+H5自适应+智能链词等功能功能详情
帮助文档Help

巅云前端vue3双向数据绑定可视化布局系统操作手册V4.0

一佰互联网站制作(www.yinxi.net) 发布日期 2021-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子元素自由风格定义。


巅云前端可视化布局系统,就是一个实现了完全自定义的、所见即所得的一个非代码式前端开发工具。大大提高网页设计速度。

  

软件功能说明:

巅云前端双向可视化布局系统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消息传递更好的响应式布局方案,多端适配。

 

 软件安装:

 

1、需系统安装node.js,CD到系统目录分为innerdemo(内层),outerdemo(iframe外层)

2、内外层分别运行:npm install及npm run serve及可。

3、访问方式:http://localhost:80808081端口。

  

黑白双风格功能界面截图:


 

 

 

 

 

 




系统目录结构:

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一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

上一篇:二次开发实用技巧 | 下一篇:没有了



相关新闻more

12
05月
专业网站建设安全稳定的网络美好环境

通过网络网站我们让我们更加了解生活,更加体验生活。我们生活的所有需要跟事件都能通过网络网站进行查询和获取。网络网站的存在让我们的生活更加美好... >>详情

14
05月
网站SEO要想得分高怎么做_巅云建站

SEO得分高做?对于一个的如何?可能有的SEOre是很茫然的,网站排名为何迟迟不上来?到底网站SEO优化是否达到搜索引擎的需求,网站样可以拿... >>详情

04
04月
微信小程序的机遇你视而不见,别人已经抢占小程

简介:2017年1月9日微信小程序上线,这一年也被称为小程序元年,在小程序里每个创业者,都可以放飞自己的梦想。不管你是在办公楼里,还是在路口... >>详情

26
03月
一位全职妈妈的感慨:抖音让我和孩子有了共同的

简介:怎样更好地陪伴孩子?这可能是很多父母需要面对的问题。最近,在抖音上有96万粉丝的达人“@国民弟弟徐肖恩”的妈妈给出了她的答案。在接受采... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站