guiplan安装与使用

最新推荐文章于 2024-04-04 19:00:06 发布
最新推荐文章于 2024-04-04 19:00:06 发布
阅读量4k 收藏 8
点赞数
分类专栏： guiplan 文章标签： guiplan web javascript node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guige8888811/article/details/99953768
版权

安装与使用

下载安装

注册登录与项目创建

注册

  • 输入手机号与验证码即可直接注册与登录
    注册

创建项目与页面

  • 点击新建项目
  • 点击查看页面出现弹框
  • 弹框里面最下方文本框里输入页面名称
  • 点击创建即可出现页面列表
  • 点击页面名称即可进入页面可视化编辑
    如下图所示在这里插入图片描述
  • 组件面板点击可快速插入样式与组件
  • 样式面板可手动修改当前样式以及属性在这里插入图片描述

快捷键使用

web前端神器
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
自己编写的代码自动生成工具
12-09
自己编写的代码自动生成工具，自己用delphi编写的代码生成工具，可以将Sql相关表的insert、update等自动转换为delphi代码
自己开发的Windows GUI设计器（新）
08-14
采用C#写的Windows视窗人机界面设计工具，采用视窗缓存控件技术，双GUI编辑界面，Visual Studio 和 SharpDevelop均可编辑。研究的原始代码来自guanjinke，源码中带有部分开源代码，到底采用开源代码还是自己重写，尚未考虑好。
【guiplan2.0教程】可视化布局一键生成web前端代码
10-26
前端可视化软件guiplan教程，无论是懂前端还是不懂前端，都可以学会基本的布局操作。全程都是可视化教学，自动生成代码。生成之后的代码符合w3c规范，除了学会软件的使用以外，我们还能学到前端html结构搭建，拖拽调整html结构，css常用样式可视化的配置，以及交互功能vue可视化配置，简单的代码编写以及可视化数据绑定，事件绑定等。全程可视化编程，配置好之后效果立刻生效，同步更新，直接点击页面即可查看交互效果，更有利于减少研究成本与学习成本。无论是制作静态html页面，还是动态的vue项目页面。都支持可视化布局，可视化拖拽，还支持可视化交互。目前支持unipp与element-ui框架,支持可视化html元素操作，支持可视化拖拽html元素结构，支持一键添加html标签,支持一键添加uniapp组件或element-ui组件，支持可视化调整css样式，支持可视化vue数据与方法创建，支持可视化数据指令事件等一键绑定，支持实时预览实时更新，支持可视化交互测试修改之后直接点击预览页面即可测试，支持一键生成代码html,css,js图片等支持一键保存文件无论是静态html页面还是动态vue文件都能自动分类，自动存储。支持手写代码与自动生成代码混合编写开发，比如添加过滤器filters,监听器watch等。灵活便捷对程序员有好，是一款真正适合程序员开发的软件。
【PysimpleGUI】如何免费使用？听说PysimpleGUI收费了
最新发布
KissFeng6699的博客
04-04 2803
小伙伴们在学PysimpleGUI使用它的时候有没有遇到过‘试用期30天’的情况？问题就在于V5版本之后的PysimpleGUI开始收费了，那今天小编给大家带来解决方案。
推荐大家一块开发神器guiplan,自动写代码，一键保存
guiplan
09-18 3386
推荐大家一块开发神器guiplan，网站前端后端数据库等等 再也无需手敲代码。一键生成，一键保存效率是传统手写代码8倍以上，开发成本最少能降低5倍以上，产出速度能加快四倍以上，是程序员的春天，也是外包核心竞争黑科技，你还在等什么呢？赶快下载使用吧http://www.zhoushuigui.top/#/http://www.guiplan.top/#/ ...
guiplan基本操作
guiplan
08-22 1460
基本操作 div操作 添加div:按快捷键d添加选中div的子级。alt+d添加div到选中div的下一个位置。shif+d添加到选中div的上一个位置 删除div:按快捷键delete可删除div 选中div:可点击页面中任何一处来选择div,也可使用快捷键上下左右来选择。上：选中父级div。 下：选中子级div。 左：选中统计左边div。 右：选择同级右边的div。 按w开启与关闭 拖拽排序...
guiplan介绍
guiplan
08-25 4500
1.引言 编写目的 随着社会的发展，互联网与我们的生活密切相关，而用户在手机与电脑上使用最多的莫过于浏览网页、企业网站、后台管理等等。然而网站的制作成本极高，难度极大，对技术的要求苛刻。企业急需产出，投入大量的成本。程序员也在每日每夜的奋战中，熬夜加班。客户迟迟等待不见结果，很容易错过好的市场机会。为了更好的解决这些问题，guiPlan由此诞生。此软件旨在解决:1，企业产出效率问题。2，程序员日常...
guiplan0.2.0全新改版
guiplan
07-06 434
guiplan0.2.0全新改版界面风格改版交互视图做了改版改变界面 界面风格改版 根据广大用户的反馈，guiplan操作要记快捷键，对小白以及新手前端都不友好，本次做全新的改版与升级，不仅优化了界面风格，更是添加了强大的功能按键，用户无需一个个去快捷键里查找功能在哪，每个功能按键都有显示快捷符，可用快捷操作也可手动点击操作。还有强大的预览窗口，可左右对照编辑效果与真实效果，大大提高开发效率。 增加了丰富的功能按键，排版风格统一化，让视觉效果达到更好的体验。更有多样化的视图切换，使体验更加方便快捷。 增加
guiplan-数据库与接口的配置
guiplan
08-29 406
下载地址 http://www.guiplan.com 数据库配置 输入表名称 输入备注信息 输入字段 修改字段属性 新增表 生成代码并插入到配置文件 如下图： 接口配置 一键配置 一键配置可生成常用的增删改查与分页接口 选择数据表 选择接口类型 增删改查或分页 生成代码 插入到接口文件 插入到前端api 如下图 手动配置 手动配置 可根据项目需求的特殊性来手动配置接口，如关联表之间...
guiplan通过iview框架动态交互2-事件与数据绑定
guiplan
08-28 238
点击事件 绑定事件 创建方法 保存 如下图 双向绑定 创建数据 绑定数据 保存 如下图 循环 创建数组 绑定数组 保存 如下图： 显示与隐藏 相当于v-if属性 ，点击进行切换显示与隐藏如下图 元素属性 在当前元素属性右边点击"编辑" 点击"手动插入"属性 即可插入或修改属性 点击"删除"即可 删除相关属性 如下图 ...
element-plus-vite-starter-master.zip
04-09
本资源前端代码启动命令为npm run dev 后端启动命令为node server.js local 启动完之后可以看到当前做好的注册与登录页面 可以手写代码来进行二次开发。...也可以利用guiplan来自动生产代码来进行二次开发。
拖拽高宽，拖拽绝对定位，推拽边距-guiplan免费html可视化编辑器
guiplan
11-11 989
拖拽高宽，拖拽绝对定位，推拽边距-guiplan免费html可视化编辑器 绝对定位 下拉框选择“绝对定位” 推拽内容块红色边框如下图 如拖拽左边红色边框，自动变化left的值 拖拽上红色边框自动变化top的值 高宽 下拉框选择宽高 拖拽红色边框 宽高则自动变化 边距 下拉框选择边距 拖拽红色边框 边距自动变化 更多的操作见 guiplan官网. ...
guiplan通过iview框架动态交互
guiplan
08-28 337
下载安装与启动 下载 iview-admin 进入目录：cd iview-admin2.0.0 安装： npm install 启动前端页面：npm run dev 启动后端接口：node server.js local 或nodemon server.js local (注意：nodemon 要全局安装一下 npm install nodemon -g),用nodemon 启动每次修改接口会自...
【生成后端代码】express+mongo后端教程可视化配置接口数据库
05-05
本章节利用node+express+mongo制作后端接口，再利用guiplan软件来进行可视化配置数据库与接口，一键生成代码。加快开发速度与效率。从简单的数据库配置再到常用的增删改分页接口配置。除了教大家去自动配置接口以外，还会教大家如何去手动配置去接口。去定制自己的接口。教大家如何去根据不同的用户显示不同的内容的原理，让学员更透彻的理解后端。原本一个后台增删改查分页模块需要前后端两人配合两三天左右才能完成，而学会这章课程之后最多只需半小时完成一个后台增删改查与分页
【生成vue代码】可视化布局一键生成vue文件，iview框架灵活使用
04-14
在上一节课程中讲到了可视化布局，如何去自动生成一个静态页面，只有静态页面没有动态交互，远远不能满足实际开发中的项目需求。这节课将重点讲解vue动态交互制作，以及如何去一键生成vue文件。本节课内容有：如何创建data数据以及方法如何去双向绑定并添加点击方法以及遍历循环等如何去调用组件，这里以iview框架为例，其中包含常用组件有：按钮，文本框，对话框，表单与校验，单选框与复选框，表格与分页等等如何在编译好的页面下还能进行可视化操作，在不看代码的情况下快速定位功能位置并直接去修改如何去一键生成vue文件，让开发变的如此简单，快速，高效
【web前端】bootstrap自适应定制，拖拽布局，一键生成页面
04-10
这里将介绍整个guiplan开发工具的使用以及前端布局的基础教程。常用的基本操作，如div操作，文字操作，图片操作，组件操作，生成html网页，保存html，css代码。通过拖拽，点击，快捷键等方式轻松绘制想要的静态页面。利用bootstrap框架进行自适应的定制，以及常用弹性盒子布局方式。零基础即可学会网页绘制。软件自动生成的代码也可以手动修改，方便进一步学习与了解前端知识。生成的代码符合w3c规范，也可进行二次开发。这节课讲解的是基本布局教程，不涉及到vue交互。设计师与产品经理也可以用此软件开始制作原型。
vue+guiplan低代码两小时研发羊了个羊游戏
11-04
本节课是利用vue + 原生html + css 制作羊了个羊类似的小游戏，本课程着重于编程思想，布局设计思路以及脚本逻辑设计思路。如果你学会了html,css,js,vue但开发过程中，没有思路，无从下手，可以试试这节课程。这是一个纯原创的一个项目，除了vue框架以外，没有用到任何第三方的框架。哪怕你是零基础也能根据教程做出游戏来。大部分的需求都是需要定制的，而定制就少不了原创，而原创则需要自己去设计逻辑。所以学会这节课之后，相信大家遇到其他的需求，也会有自己的设计思路，也能得心应手。
web前端代码还需要手写吗？
guiplan
07-14 1911
前端html标签还需要手写吗？说两句与时俱进，不断更新，不断学习自动化省去的代码量学习教程课程 说两句 随着社会的发展新技术层出不穷，从最原生的js,html,css到后续的框架jquery,bootsrap。再到后来的vue,angular,react.。前端的学习成本也越来越高，基于这些新技术又得学习node,webpack。深感前端真的是学不动了。我记得我在很早之前用appcan做app的时候，才没几年时间就被uniapp直接碾压。都是跨终端，却有人比你做的更好。所以我也不敢保证未来guiplan是否

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web前端神器

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值