guiplan低代码开发平台

qq在线咨询

免费服务热线

搜索微信号 guiplan

搜索

999企业建站

自适应企业模板建站，999包干省时省力

guiplan低代码开发平台

提高开发效率，降低研发成本《立刻下载》

价值2999企业建站cms系统1元领取

价值2999企业建站cms系统1元领取，活动截止9月15日

文字

{"total":6,"list":[{"_id":"ji3IuQ5nb","userId":"V0wZDCcBC","createTime":"2022-08-24T06:51:00.579Z","updateTime":"2022-08-26T09:23:43.118Z","name":"vue可视化交互器","price":0,"orderIndex":0,"content":"适用人群：web前端开发工程师，全栈开发工程师        guiplan相比传统的低代码工具而言，更加的倾向于开发工具。我们交互也是用的当前主流框架vue,在guiplan中可以直接创建变量与函数，而使用vue的指令也非常的简单，只需要一键点击选择即可绑定相关指令。常用的指令有v-bind,v-for,@click等。包括动态样式也是一键绑定。这样我们除了做完静态页面之后，编写vue的交互，我们也是可视化进行。guiplan也是目前市面上仅有的几款可视化vue交互工具。 <img src=\"http://company.guiplan.com/upload/website/product/BRNGnFupghACFFtFQ8ZXLL8IEMBFBbEk.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        除了vue交互这块，guiplan还提供了丰富的主流框架支持，如：bootstrap、element-plus、uniapp、uView等框架，组件库里可以一键插入组件。 <img src=\"http://company.guiplan.com/upload/website/product/1XWd7C7iB5swajfTbbW99mvaGU4HXVLV.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        除了组件以外，组件属性也是支持一键插入。比如一个按钮包含那些属性，只需通过关键字查找即可，选中之后一键即可插入属性，属性值的绑定也只需一键点击来选择变量或函数即可。 <img src=\"http://company.guiplan.com/upload/website/product/5k3zXlmoUuMZTuLpwPO6lww1t1jL1dnF.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        还其他强大的自定义功能，插入自定义组件，插入自定义属性等。而我们传统手写代码开发，一个稍微复杂一点的组件最少需要耗费半个多小时才能弄好一个案例出来，因为复制组件代码就需要复制三次以上，组件dom代码，组件数据代码，数据函数代码，组件样式代码，而且还需要不断的查阅文档，不断的测试才能插入一个可以正常运行的demo而已。而在guiplan中都只需一键搞定。         除了框架自带组件以外，我们也会经常用到第三方的插件，比如富文本编辑器，echart图表，地图等。而一个第三方的插件，从安装到封装到使用，有时候需要耗费半天时间。而在guiplan中也是只需一键即可全部搞定，开箱即用，全自动化进行。比如复杂的头像上传，富文本编辑器，echart图表等。 <img src=\"http://company.guiplan.com/upload/website/product/nlPfiiSTSskRuB4QQL478zLMKrG4LKuO.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        可以看出工具辅助开发其实就是将这些繁琐，重复的工作量给你自动化。而我们在写代码的时候其实80%的时间都在写这些重复的工作，所以guiplan可以大幅度提高研发效率，节省研发成本。手写20%核心代码才是真的对自己的一种提升。重复的代码就算写一万遍也只是浪费时间罢了。 ","img":"http://company.guiplan.com/upload/website/product/hb5xuEAS27AIAlVECcCLfVLqWQndGQbn.jpg","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":946,"intro":"","isTop":true,"typeIds":["Q1hZPlsPf"],"__v":0},{"_id":"BNdDbjuYp","userId":"V0wZDCcBC","createTime":"2022-08-24T05:36:38.852Z","updateTime":"2022-08-26T10:18:29.162Z","name":"网页设计器","price":0,"orderIndex":0,"content":"适用人群：设计师，产品经理，新手前端        guiplan不仅是一款建站工具，也是一款设计器。相比传统设计器而言，guiplan是可以支持一键生成源代码。也就是非专业人员设计出来的效果，可以直接给专业人员使用。         不仅如此，同样的学习成本。guiplan设计出来的界面是可以直接写各种vue交互特效。如下图用guiplan制作一个视频的封面图，我们不仅可以任意的修改文字，而且以下按钮可以任意切换图片尺寸，以及背景图。<img src=\"http://company.guiplan.com/upload/website/product/QiMxhS87qBFQKMVrpCC15OmH8ervrGrk.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        如果你的页面很简单只是展示类网页，我们都无需添加自己的后台，也无需购买域名与服务器发布网页，做好之后直接线上预览并生成线上地址即可。 <img src=\"http://company.guiplan.com/upload/website/product/2O4lvZjKVHdEPAkpEeG5VPtiMlvXJ2Pv.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>","img":"http://company.guiplan.com/upload/website/product/3LleFp4oLcvj5TJ24VgzsgOt56VnkBvL.jpg","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":762,"intro":"","isTop":true,"typeIds":["Q1hZPlsPf"],"__v":0},{"_id":"RsEBn9FoI","userId":"V0wZDCcBC","createTime":"2022-08-24T07:03:15.457Z","updateTime":"2022-08-26T09:27:59.327Z","name":"代码生成器","price":0,"orderIndex":0,"content":"        所有可视化配置好的效果都可以生成源代码，并且会自动保存。无论是静态的html,css,js代码。还是动态的vue代码或者是后台接口代码会自动生成，并自动保存好。甚至页面可以保存指定的格式比如php、asp、jsp、py等。我们并不需要繁琐的去复制粘贴代码来二次开发。改完即可自动保存，并自动显示完整的效果 <img src=\"http://company.guiplan.com/upload/website/product/OLqNDz8AvZnChGjqr1N65A8TbWBeBIQw.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>","img":"http://company.guiplan.com/upload/website/product/j6EIO5jzdGaU7zM484ugjGtrkajwRGO4.png","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":750,"intro":"","isTop":true,"typeIds":["Q1hZPlsPf"],"__v":0},{"_id":"gJuWhI4ag","userId":"V0wZDCcBC","createTime":"2022-08-24T07:02:29.845Z","updateTime":"2022-08-26T10:17:14.194Z","name":"后端接口与前端api配置器","price":0,"orderIndex":0,"content":"        做网站开发往往少不了后端，但对于前端开发人员来说，选择一门语言来研发后端，学习成本会高很多，所以我们的后端选型用的node环境下的koa框架 + mongodb数据。后端与数据也是基于js即可研发，所以对于前端来说会大幅度降低研发成本与学习成本。而手写代码无论是用多么简单的语言，都是需要很大的研发成本。因为后端与前端也一样，几乎80%代码都是重复的。甚至平常的增删改查分页都是重复的。         所以我们也添加了强大的后端可视化配置功能，可视化配置数据库表之后只需要一键生成增删改查分页等接口。如不涉及到复杂的多表查询几乎是一个代码都不需要写即可配置好。多表查询我们也提供可视化配置工具，自动生成公共的方法。这样即使手写代码也只需写少量代码即可。 <img src=\"http://company.guiplan.com/upload/website/product/vmEP11CMH1aVzL3xXolI9wqcXIWJ9JQV.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>                而前端调用接口也需要封装好的api才能更好的管理接口，控制接口的参数等。guiplan同样可以一键生成api函数，一键插入即可保存代码。 <img src=\"http://company.guiplan.com/upload/website/product/NiHKXJRtZ6N1OszDcjRmH8miRGBRbwbN.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>         后台管理系统也支持强大的一键生成功能，选择配置好的数据库表，一键即可生成增删改查分页的后台管理模块，平常一个模块从搭建表格、表单、对话框、对接后端接口、联调后端接口等，前后端一起最少需要一天才能完成一个模块，而现在只需要一键即可搞定。一天的工作量，这里只需几分钟。可想而知效率提升了多少倍。<img src=\"http://company.guiplan.com/upload/website/product/LaFJdr5heocuEg87DqGxmkqVLvCVGvXG.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>","img":"http://company.guiplan.com/upload/website/product/L9usgBgQlZ7OZ7bWgbpV15M6BluFACAx.jpg","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":586,"intro":"","isTop":false,"typeIds":["Q1hZPlsPf"],"__v":0},{"_id":"O-NCoOvdh","userId":"V0wZDCcBC","createTime":"2022-08-24T07:00:49.581Z","updateTime":"2022-08-26T10:20:57.994Z","name":"手写代码转可视化转化器","price":0,"orderIndex":0,"content":"        无论是静态html页面还是vue动态页面都支持将手写代码转可视化二次开发。本地电脑里的vue文件或者html文件都支持转可视化。        网上复制的源代码也可粘贴到guiplan中将其转可视化进行二次开发。         转可视化之后就可以用guiplan软件自带的强大功能辅助开发。拖拽、点击、输入、选择等方式轻松修改页面。比如更换网页图片，只需选择图片，拖拽进来即可搞定。guiplan会自动将你把图片保存好，自动替换图片路径代码。 <img src=\"http://company.guiplan.com/upload/website/product/Tr5vEiwdxk4bhCoqdjq4IpmfpBlR4OMT.jpg\" style=\"max-width:100%;\" contenteditable=\"false\"/>","img":"http://company.guiplan.com/upload/website/product/I6dFOC4ceWkDFnwEzQRNwL5nPkfGlB9T.jpg","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":518,"intro":"","isTop":false,"typeIds":["Q1hZPlsPf"],"__v":0},{"_id":"QhYdo_W2n","userId":"V0wZDCcBC","createTime":"2022-08-24T07:27:38.437Z","updateTime":"2022-08-26T09:37:38.575Z","name":"自适应定制器","price":0,"orderIndex":0,"content":"        guiplan目前也是仅有的一款自适应可视化定制软件，我们只需选择不同的屏幕可视化定制不同的样式。而我们手写css代码需要手写各种@media (min-width: 尺寸) 还要写手写各种样式，还需要切换不同屏幕进行预览。无论是研发还是测试都很繁琐。 <img src=\"http://company.guiplan.com/upload/website/product/nKD8NNaE3GdzvjXCPCCj6KdPpvkDSV8P.png\" style=\"max-width:100%;\" contenteditable=\"false\"/>        而guiplan选择屏幕尺寸之后即可通过拖拽、输入、选择等方式轻松配置好样式，并自动生成自适应代码。 ","img":"http://company.guiplan.com/upload/website/product/qEZju7Muqmh2TnPjVKTb5RmvGAvdRMvF.jpg","imgList":[],"typeId":"ASFYbWjz7","repertoryNum":0,"liks":0,"hits":463,"intro":"","isTop":false,"typeIds":["Q1hZPlsPf"],"__v":0}]}0000000000Q1hZPlsPf