首页 > win软件 > 编程开发 > 编程软件 > guiplan
guiplan

guiplan

最新版 v0.6.1
大小

44.45MB

语言

简体

系统

WinAll

类别

编程软件

下载

140

更新

2024-01-24

要不点点赞?

26

软件介绍

guiplan最新版是一款专业高效的编程开发软件。guiplan官方版拥有可视化的界面,能够帮助用户运用快捷拖拽等方式轻松的绘制出自己想要的效果,再也无需边写css边写div然后不停的刷新浏览器看效果了。guiplan软件支持传统主流框架,满足不同的开发需求。

软件特色

      可视化静态页面编辑:

      可以像ps一样的实时看到页面,并运用快捷拖拽等方式轻松的绘制出自己想要的效果,再也无需边写css边写div然后不停的刷新浏览器看效果了

      可视化编辑:

      用户可边改样式边看到实际效果,再也不用改一下刷新浏览器网页了。并支持快捷键,拖拽,或按钮点击等等形式快速的插入代码,大大提高开发效率。告别手写代码的烦恼

      自适应

      根据尺寸选择即可切换不同屏幕,并可实时调整不同屏幕下的效果。如移动端垂直排列,pc端水平排列,以及不同的屏幕显示不同的字体大小或布局大小等等。

      多种工具

      如要添加背景图片此软件只需将图片拖拽进来即可。获取效果图颜色,可直接在此软件上用吸色器即可,无需打开ps去吸色然后再复制色值等繁琐操作等等工具。还有批量赋值,批量替换字段,粘贴板,以及粘贴板自动解析复制的对象等等

      自定义组件多次复用

      如有些效果需要复制过来稍微改改 传统的方式:进行代码分离,取出css代码与div代码还有js代码,一个个复制粘贴过来,修改调试才能运用。而此软件:只需选中用快捷键复制,即可复制所有的代码,可夸项目粘贴到任何页面中,不仅含有页面代码而且还包括里面的js交互代码也一并粘贴过去。

      动态交互数据实时绑定

      运用目前最主流的前端框架vue,实时绑定数据以及函数方法,快速插入组件,快速调用接口等等

      实时绑定

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

      快速插入组件

      调用iview框架,快速插入里面的组件,如按钮,表单,下拉框等等。 无需手动制作轮子。

      快速调用接口

      在接口配置中配置好接口之后,可以手动选择接口一键插入接口调用代码,再也无需自己去找接口地址,写各种请求

      模板数据快速替换

      软件里有丰富模板,供用户选择使用,根据自己的需求,可一键修改,批量替换。 如增删改查模板,插入模板只有选择自己的数据库,软件自动将里面的所有的代码,所有接口,以及弹框里的文本框及校验等字段都会被替换。 传统的手写增删改查,除了了搭建好页面以外,还需各种接口对接,各种文本框检验,交互状态,以及各项测试,没半天时间基本很难搞定一个增删改查。 而此软件增删改查所有的功能只需一键即可搞定,效率提高无数倍。

      接口配置与数据库配置

      数据库可视化配置以及一键生成增删改查接口,一键保存。后端开发如此简单。

      数据库配置

      填入表名称,字段名称以及类型备注等等信息,点击生成代码,即可自动生成代码,实时查看生成后的代码。确认无误点击插入文件,即可自动插入到数据配置文件中。

      接口配置

      运用主流express服务,创建接口。 下载源码安装,根据数据库配置好接口,一键插入,启动服务即可。 服务端普通的增删改查 只需选择数据库便可一键生成接口,无需敲任何代码。 也可随时修改配置,达到自己想要的效果,改动量不大

      一键保存

      无论是前端代码还是后端代码都支持一键保存,无需手动复制粘贴。文件也可分开保存,如单独保存css,或单独保存html代码到某个文件中等等

软件功能

      可视化配置数据表

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

      一键生成增删改查接口

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

      全自动生成代码,无需复制粘贴,也无需导出

      可视化开发生成的代码都在本地,无论是html、css、vue2、vue3还是php、asp、jsp等。操作完之后自动生成代码,并自动保存。甚至图片也会自动存储好。

      可手写,可可视化,可混合

      内置html编辑器,部分功能如果guiplan无法实现,可以手写部分代码,手写代码与自动生成的代码都有各种的区域互不影响,且生成之后的代码与手写并无差异。哪怕后续不再可视化,也可继续手写来开发。

使用方法

      用hbuilderx创建项目并启动项目,

      如果有自己的项目则用hbuilderx导入项目,然后再启动项目。(注意:必须启动服务才可预览界面效果)

      guiplan中创建项目时选择uniapp框架,

      并且文件目录为当前启动项目的根目录

      这样我们在guiplan中创建页面的时候即可自动保存好vue文件到指定的位置,

      自动注册路由也会自动写入pages.json文件中,

      拖拽图片到guiplan软件也会自动将图片存放到对应的位置,

      所有的开发都可以直接在guiplan中进行。

小编寄语

guiplan是一款非常实用的编程软件,深受用户喜爱,广受好评。飞速下载站还提供其他编程软件下载,如MinGW64,Puppeteer,direct3d,有需要的同学快点击下载吧!

软件介绍 软件特色 软件功能 使用方法 小编寄语