webdidaima

webdidaima是一款可视化低代码开发工具,也是一块免费建站工具,即使不懂代码的小白也能轻松绘制自己的网站。相对于传统低代码工具而言,webdidaima支持自适应定制,支持传统主流框架如bootstrap,uniapp,element-ui。整个搭建过程也是围绕代码的编写格式而定,生成代码与手写代码几乎无差异。可以很完整的做到适应性,灵活开发。 即使不懂代码的小白也能通过插入模板即可快速搭建一个属于自己的企业网站

线上体验
静态页面布局篇

可视化布局

通过拖拽,点击,输入等方式即可轻松绘制网页

官网建站,静态页面搭建

免费建站

可视化布局 一键生成网站。不懂代码的小白也能轻松搭建自己的网站,内含有丰富的建站模板

步骤流程
免费建站
手写与生成代码混合开发

低代码开发平台

通过少量代码或零代码即可完成整个项目的开发,如常用的增删改查只需要选择数据库之后一键即可生成

跳转链接
低代码开发平台
html可视化,vue可视化

主流框架支持

可视化布局 一键生展示类型的网站。如企业官网建站,宣传网站等支持bootstrap。做后台管理系统则支持element-ui框架.。做h5、小程序、app支持uniapp框架

步骤流程
多框架支持
可视化编程

自适应定制

切换不同屏幕即可制作不同屏幕下的效果。pc端与移动端一个页面即可搞定。如左图移动端一行一列展示,pc端则一行两列

跳转链接
自适应定制
guiplan官网

“以下内容更为专业,可视化交互与后端可视化,除了支持静态html页面的可视化,bootstrap可视化以外,以下还支持vue可视化,element-ui可视化,uniapp可视化以及后端koajs的可视化。一键生成代码自动保存文件。”

可视化布局一键生成代码效率提高80%
动态交互页面布局篇

vue可视化布局

可直接创建变量与方法,并绑定数据与事件

每次修改同步更新预览

可视化编程

可在webdidaima里直接创建好数据与方法,一键即可绑定数据与事件,如v-bind,v-for,v-show,@click等。可实时看到真实效果

步骤流程
可视化编程
手写与生成代码混合开发

实时绑定

可随意的在元素上创建样式,数据,函数方法,元素属性等。 可实时绑定数据,函数方法,循环,加载状态等等。 用户无需再去找自己的变量在那,方法在那,样式在那,选中元素可看到内容,大大方便二次修改与维护。

跳转链接
实时绑定属性,样式,数据,方法等
支持uniapp,element等组件

组件一键插入

选择不同的框架如uniapp,elemen-ui,bootstrap。webdidaima的组件列表中可快速插入对应的组件,如按钮,表单,表格,分页,下拉框等等。插入之后的组件会自动生成好对应的数据以及属性。开箱即用,只需简单修改即可。无需再去研究组件的使用方法

步骤流程
一键插入组件
属性可视化修改则同步更新

可视化属性配置

选中组件元素之后,可在属性面板看到所有的属性,还有对应的中文说明,也可直接去修改属性或为属性绑定数据事件等。如左图修改按钮尺寸大小

跳转链接
可视化属性配置
接口一键调用参数一键创建

一键调用接口

webdidaima中创建方法时,代码编辑器中含有大量的工具,一键点击即可插入当前页面所创建的变量,方法等。还可一键插入当前项目所创建的接口与接口对应的参数等

跳转链接
一键插入接口
koajs后端篇

后端可视化配置

可视化配置数据库表,可视化配置接口

官网建站,静态页面搭建

可视化配置数据表

输入字段,修改字段类型,字段备注信息等即可配置数据库表结构

步骤流程
可视化配置数据库
手动接口配置自动接口配置

可视化配置接口

可直接可视化配置,一键插入各种数据库查询语句自动生成代码,少量的修改代码逻辑即可完成接口的创建。而常用的增删改查接口则可选择数据库之后一键创建。而前端也可以选择数据库之后一键生成增删改查后台功能。

跳转链接
可视化配置接口
代码生成器篇

代码生成器

可一键生成代码以及对应的文件,图片等

生成网站所有文件

静态文件生成

如果是bootstrap或原生html项目,一键即可自动生成对应的html,js,css等代码与文件,自动保存对应的图片。

步骤流程
代码生成器
生成vue文件

动态vue文件生成

如果是vue项目如elment,uniapp框架则会自动生成vue代码与文件

跳转链接
vue文件生成器
生成代码特点

代码二次开发

生成的代码简洁,轻量。几乎与手写并无太大差异。代码也会自动保存在本地,如果不想用webdidaima了,还可直接手动修改代码进行二次开发。

步骤流程
二次开发
MEET WINGMAN

代码生成器

webdidaima是一款代码生成器软件,可视化布局拖拽排列,可视化交互,一键生成代码,是一款代码生成器软件

guiplan官网

可视化编程

webdidaima可视化编程,告别枯燥无味的手写代码,所有的布局效果都可以直接查看到,并且可以直接去修改,做到可视化编程敏捷开发的目的。

跳转链接
guiplan官网

低代码开发平台

webdidaima也是一款低代码开发平台,通过少量的代码或零代码即可完成整个项目的开发。可视化布局自动生成代码,提高研发效率,降低开发成本

跳转链接
guiplan官网

零代码

webdidaima也是一款零代码开发工具,即使不写任何代码也能做出来想要的网站。

跳转链接
guiplan官网

网站设计软件

webdidaima不仅可以生成代码制作网站,也可以用来设计网站,可视化布局拖拽即可绘制网页,也是一款不错的网站设计软件,设计出来的网页可直接给开发人员开发

跳转链接
guiplan官网

vue可视化

前端主流框架vue已经占据大部分市场,而webdidaima可直接支持vue可视化,所有vue项目都可在webdidaima软件中进行可视化操作,并自动生成代码

跳转链接
guiplan官网

可视化网页制作

制作网页无需手写html,css,js等,也无需找图片写图片的调用样式。webdidaima支持可视化网页的制作,只需要通过点击,拖拽,输入等方式即可快速制作网页。

跳转链接
guiplan官网

建站软件

webdidaima也是一款建站软件,只需要拖拽,点击,输入等可视化的一些操作即可快速绘制出想要的页面,直接生成网页,并可生成预览地址。企业建站,宣传网页只需要复制网页地址即可。

跳转链接
guiplan官网

html编辑器

webdidaima也是一款html编辑器,也即是网页编辑器,可直接可视化修改网页结构,比如修改html元素,修改css样式,修改vue交互,调用接口等等

跳转链接
guiplan官网

html模板

webdidaima含有丰富的模板市场,根据不同的项目也有不同的模板,宣传类型的网站有bootstrap框架模板,uniapp模板比如电商模板、小型app模板,发动态点赞互动模板等。而element-ui框架模板可用来快速搭建后台。

跳转链接
guiplan官网

沪ICP备19045040号 工信部备案管理系统

webdidaima中文名称web低代码平台
上海尚进网络科技有限公司