...

巅云门户建站系统V8.0- 搭载巅云双向绑定可视化布局系统4.0可视化建站引擎,采用Thinkphp6+Vue.js高性能 高可控 模块化、组件式设计,自由灵活 网站功能不再单调 PC、手机、微站、小程序多前端拖拽适配 多种营销功能选配一并拥有!

支持企业站+门户站(资讯+视频+分类信息)+专业商城+自助建站平台(域名注册、网站开设、域名绑定、模板生成)+专业PS级傻瓜式可视化网站制作后台+模块风格100%自定,专为成熟的网络公司搭建自己的建网站平台而生.....

黑河

支持企业站+门户站(资讯+视频+分类信息)+专业商城+自助建站平台(域名注册、网站开设、域名绑定、模板生成)+专业PS级傻瓜式可视化网站制作后台+模块风格100%自定,专为成熟的网络公司搭建自己的建网站平台而生.....

巅云全开源无限制版开售,支持软著申请和二开技术支持,自主软件版权,欢迎有从事软件销售的朋友加入。
巅云前端vue3双向数据绑定可视化布局系统操作手册V4.0
作者:南方日报   2022-03-25   浏览:75974

巅云前端双向可视化布局系统操作手册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

主模块

 

 

特有数据结构:

 

推荐阅读
【黑河】paypal支付接口api,微信支付接口sdk开发,支付宝支付第三方支付接口对接PHP订单聚合支付整合服务

【黑河】paypal支付接口api,微信支付接口sdk开发,支付宝支付第三方支付接口对接PHP订单聚合支付整合服务

2024-12-25

我们精通PHP API接口开发整合sdk,paypal支付接口,微信支付接口,支付宝支付第三方支付接口对接整合服务,如有需要的请联系我们

【黑河】一佰互联官网域名变更通知

【黑河】一佰互联官网域名变更通知

2024-07-09

一佰互联官网原域名停用,启用新域名www.yx10011.com

【黑河】巅云门户自助建站系统,巅云建站系统源码,巅云v8商业破解怎么下载,巅云站群-巅云自助建站系统官网

【黑河】巅云门户自助建站系统,巅云建站系统源码,巅云v8商业破解怎么下载,巅云站群-巅云自助建站系统官网

2024-06-20

巅云建站系统源码火爆出售一年有余,但是遗憾的是不存在v8商业破解版,并且目前采用付费发送源码,没不提供下载,如果有需要巅云站群系统的,请联系我们微信或QQ.

【黑河】巅云门户自助建站系统建站平台版—企业站+商城+分类信息多功能集成无限开站绑定域名

【黑河】巅云门户自助建站系统建站平台版—企业站+商城+分类信息多功能集成无限开站绑定域名

2024-05-18

巅云门户自助建站系统建站平台版—企业站+商城+分类信息多功能集成无限开站绑定域名

【黑河】巅云V8增加跨页面复制模块功能

【黑河】巅云V8增加跨页面复制模块功能

2024-05-13

巅云V8增加跨页面复制模块功能了,支持一键复制模块到任意栏目

【黑河】cms自助建站软件源码_Saas自助建站cms内容管理系统_php开源cms自助建站系统

【黑河】cms自助建站软件源码_Saas自助建站cms内容管理系统_php开源cms自助建站系统

2024-03-02

鉴于很多用户对CMS和SAAS的错误理解,我们对CMS和SAAS内容管理系统做深入理解介绍。

【黑河】开源可申请软著的PHP自助建站系统V8,智能建站软件

【黑河】开源可申请软著的PHP自助建站系统V8,智能建站软件

2024-02-27

如果你是网络公司,也在做自助建站业务,这款自助建站系统适合你

【黑河】春节将至巅云自助建站套餐产品全场8折优惠

【黑河】春节将至巅云自助建站套餐产品全场8折优惠

2024-01-08

高性能可视化自助建站系统火爆优惠促销中,一站式PC,手机站,微站,小程序建站开台

巅云门户自助建站系统v8.0官网

重庆楚捷科技有限公司网站制作 一佰互联官网 @ 2022 版权所有    ICP备:渝ICP备16004678号 php培训 自助建站

电话:18581389571(微信)

QQ:2522407257(源码购买)

QQ:2390217049(建网站)

网址:www.x10011.com

网站专题 | 建站资讯 | 建站文档

客服微信 关注巅云建站

巅云建站

185-8138-9571

服务时间:周一至周日 8:30-18:00

公安备案 渝公网安备 50010102000486号

营业执照

世界从来不缺少好的程序员,而稀缺的是优秀的软件架构思想者