Dooring零代码新体验,技术小白也能轻松上手!

Dooring 作为最终面向直接使用者的新一代页面搭建零代码方案,几乎0使用门槛,可以用拖拽的方式,就能轻松搭建各种精美的页面和应用,并且灵活性很高,应用场景也很丰富,可以用于搭建移动端轻应用、H5站点、企业微官网、轻量小程序,营销宣传页面,以及其他业务承载的页面等,改变原有的网页开发方式。

过去想要制作一个简单的页面,也需要花费很多时间学习前端知识,或者让专业技术人员开发。而市面上的低代码或零代码产品,通常需要使用者掌握一定的编写代码能力,使用门槛较高。现在使用Dooring,即便是不懂技术的小白也能借助Dooring丰富的模板或者组件,快速搭建出各种H5页面,甚至轻量的H5应用和小程序等也能搭建出来。Dooring的强大,在于你各种常见页面需求,只要充分利用Dooring强大的原子化组件,通过组件的组合叠加,总能找到对应的解决方案,满足个性化需求。

如果你也有搭建网页的想法,又想以尽可能低的成本将想法付诸实现,不妨跟着我一起,使用dooring强大的页面制作功能,为你的公司或产品打造一个令人印象深刻的网页。

01 使用dooring搭建的页面效果

在使用dooring创建页面之前,我们先来看一下通过dooring创建的页面效果,以下产品介绍页、活动宣传页、个人简历页等均为创作完成并发布的页面。

注:想要get同款页面的朋友,可以直接进入官网首页找到“精选模板”一键使用~

02 dooring有哪些优势

零门槛拖拽式页面搭建

像搭积木一样,拖拽式的组件极大的降低了你上手难度,可以从画布左侧直接将组件素材拖拽到编辑区并拖动调整它们的大小和位置,无需编写代码,摆脱技术限制,即刻实现精美页面的搭建。

多种实用组件

组件区域包括基础的图片、文本、表格、表单、视频、地图,活动等,以及导航,小程序等高级组件,覆盖了常见的页面元素。每个组件都可以根据需求进行设置,自由调整组件的样式细节、大小、颜色,以及交互和动画等,灵活实现个性化页面设计。

丰富的页面交互效果

选择组件后,可以在编辑器右侧为其增加动画、交互效果,让元素以淡入淡出、滑动、弹跳等方式呈现,提升页面视觉吸引力。同时,通过添加跳转链接,用户可以轻松实现页面间的无缝连接,引导用户流量,增强页面的互动性和转化率。

支持页面一键导出代码,离线部署

在平台搭建完页面后,可以将页面一键导出为标准的HTML、CSS和JavaScript代码。这给了用户一个完整的代码结构和资源文件,可以将页面用于离线部署,不需要依赖在线平台,从而保障了页面的稳定性和访问性能,同时大大降低了工具部署成本,Dooring也支持一键导出小程序代码,代码可立即运行在抖音和微信等开发平台。

支持搭建小程序页面

完成页面制作后,在导航区点击保存,然后一键转为微信小程序代码并下载,接下来只需要按照小程序的标准流程将导出的代码部署到微信小程序平台或抖音,发布页面和应用。

03 使用dooring搭建页面

下面以创建荣耀商城618拼团活动页面为例,介绍dooring的功能模块以及基于dooring完成页面搭建的过程,内容如下:

● 认识dooring操作页面

在电脑浏览器打开dooring官网创建个人账户,登陆后进入首页,点击[空白创建H5页面],可以进入编辑器界面。

编辑界面主要有四个部分:左侧组件素材区、中间编辑区、顶部导航区、右侧属性设置区。

左侧组件素材区

组件分为:基础、媒体、图标、商品、功能五大类别,富含多种实用组件。素材板块的大量图片及插画均可免费商用,只需要按需求挑选。

中间编辑区

编辑区分为画布编辑区和右侧功能按钮。 在画布编辑区,可以选择添加各类组件进行页面制作;也可以直接选择导入本地设计好的页面图片。画布长度会根据内容编排自动延展。 右侧固定的功能按钮包括:设置画布尺寸、图层管理、配色方案。

顶部导航区

顶部导航区指的是界面上方:常用操作、保存、下载、生成小程序、导入文件、清空画布、预览、私有化部署、更多、页面设置、个人账户。

右侧属性设置区

画布上选择的组件不同,右侧设置区显示的可调节属性也有所区别,可以对每个组件的样式、信息等细节进行修改调整。

● dooring基本编辑方式与发布流程

页面布局选择

Dooring提供了两种基本的搭建模式:自由布局和网格布局。

自由布局允许用户自主的摆放组件和元素,可以随意堆叠组件,放置在页面的任意位置,自由调整大小和样式。自由布局在展示创意和特殊设计效果时尤为有用,能够满足用户对页面灵活性和创作空间的要求。

网格布局采用固定的栅格系统,将页面划分为均匀的网格单元,用户可以选择不同大小的网格单元,根据页面需求和内容调整组件的位置。网格布局在制作相对统一、规模较大的页面时,如产品展示、活动推广页面等,能够提高页面的一致性和可读性。

我们可以根据搭建的场景需求,在顶部导航区【布局模式】中选择网格布局或自由布局,并填写好页面标题。

如何添加组件

首先直接点击需要的组件,添加到固定页编辑区域,用鼠标拖动组件调整摆放位置。然后选中组件后在右侧属性设置区修改相关信息,例如选中文字可以在属性设置区替换文本内容、样式、字体等,选中图片可以通过图片库上传图片并进行一系列设置,或者继续添加页面内容。

如何设置组件动效并预览

基础组件可以为其设置动效交互,直接点击选中后,点击右侧属性区中的【动画】可以选择该组件的动画效果并在编辑区查看;再点击底部【设置交互】在按钮交互板块,选择交互类型,填写链接地址并确定完成设置。最后点击顶部导航区的【预览】按钮,即可预览当前整体页面效果。

如何发布小程序

整体页面搭建完成,预览查看后,点击导航区【页面设置】,设置页面标题与描述信息,点击保存页面并发布即可。

刚刚接触dooring的你,一定要打开dooring,尝试使用dooring来帮助你更轻松更高效地完成页面搭建。如果需要更加深入的学习,可以点击dooring网站顶部的“视频教程”入口,进入教程开始学习。

最后,希望大家在dooring都有个愉快的使用体验,如有其他疑问,欢迎在评论区留言~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容