小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
来源:互联网 发布:qq飞车淘宝包中真的吗 编辑:程序博客网 时间:2024/06/11 09:18
DIY官网在线设计后台数据源及前台展示,设计完成后支持一键导出小程序,WebApp及后台管理,导出后台后解压到服务器后安装应用,安装完成后即可使用。
官方网站:http://www.diygw.com
后台下载
大家前往GITHUB下载源码https://github.com/html580/diygw。下载完源码后解压到你的部署目录下。
系统安装
浏览器端输入你域名,如果系统没有安装,会自动转到安装地址。我已我自己的域名为例。
输入域名https://xcx.diygw.com/。系统自动转向到https://xcx.diygw.com/public/install.php。
第一步:点击同意安装协议
第二步:环境检测
大家检测下自己的环境,如果环境提供有误,请修复对应的错误
第二步:创建数据库
大家根据自己的数据库来配置,建议独立数据库。输入创始人的账号信息,记得要保存好自己的用户名密码信息哟。
安装完后登录后台应用,可以对数据进行管理
制作应用
第一步:点击新建微信小程序/WEBAPP
点击后弹出窗口,输入你的应用名称。下面以首页我的例子我的电商首页展示为例。
首页主要包括:图片切换,分类导航,内容展示,底部导航
大家想到这里就会想到数据来源呢,对的。那我们就进入后台数据源管理
进入后我们第一步想到的是有图片切换,分类,详情三个表单。
数据源管理
图片切换表单
详情表单
其他表单可能都差不多,其中详情表单可能会稍有不同,他有可能会涉及到分类。
大家每做完一个表单都可以在线预览然后增加几条数据,用于前台展示。
新增表单有了大家肯定想到了我怎么数据管理呢?现在教大家怎么进行数据管理。
大家可能在设计的过程如果没注意表单的设置,显示的是表单。
数据管理的时候,大家可能要编辑数据,对表格有个细节需要注意,在编辑页面选项值里选择对应的表单。
至此后台数据源完成,我们回到前台的设计。
手机端设计
图片切换设计
拖拉滑块组件进入设计区,设置数据源,进行数据源管理
分类展示
拖拉九宫组件进入设计区,设置数据源及字段映射。字段映射用于分类详情展示,跳转到分类时对过滤出对应的数据。
内容展示
内容展示跟图片切换一样,只需要拖拉对应的位置即可。
导出后台
制作完成后,大家可以点击导出后台,设置一些必要的参数值。如果你只是想做WebApp,参数可以默认就行,无需要修改
后台下载
大家前往GITHUB下载源码https://github.com/html580/diygw。下载完源码后解压到你的部署目录下。
系统安装
浏览器端输入你域名,如果系统没有安装,会自动转到安装地址。我已我自己的域名为例。
输入域名https://xcx.diygw.com/。系统自动转向到https://xcx.diygw.com/public/install.php。
第一步:点击同意安装协议
第二步:环境检测
大家检测下自己的环境,如果环境提供有误,请修复对应的错误
第二步:创建数据库
大家根据自己的数据库来配置,建议独立数据库。输入创始人的账号信息,记得要保存好自己的用户名密码信息哟。
安装完后登录后台应用,可以对数据进行管理
制作应用
第一步:点击新建微信小程序/WEBAPP
点击后弹出窗口,输入你的应用名称。下面以首页我的例子我的电商首页展示为例。
首页主要包括:图片切换,分类导航,内容展示,底部导航
大家想到这里就会想到数据来源呢,对的。那我们就进入后台数据源管理
进入后我们第一步想到的是有图片切换,分类,详情三个表单。
数据源管理
图片切换表单
详情表单
其他表单可能都差不多,其中详情表单可能会稍有不同,他有可能会涉及到分类。
大家每做完一个表单都可以在线预览然后增加几条数据,用于前台展示。
新增表单有了大家肯定想到了我怎么数据管理呢?现在教大家怎么进行数据管理。
大家可能在设计的过程如果没注意表单的设置,显示的是表单。
数据管理的时候,大家可能要编辑数据,对表格有个细节需要注意,在编辑页面选项值里选择对应的表单。
至此后台数据源完成,我们回到前台的设计。
手机端设计
图片切换设计
拖拉滑块组件进入设计区,设置数据源,进行数据源管理
分类展示
拖拉九宫组件进入设计区,设置数据源及字段映射。字段映射用于分类详情展示,跳转到分类时对过滤出对应的数据。
内容展示
内容展示跟图片切换一样,只需要拖拉对应的位置即可。
导出后台
制作完成后,大家可以点击导出后台,设置一些必要的参数值。如果你只是想做WebApp,参数可以默认就行,无需要修改
- 小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
- Tp3.2小程序商城源码加后台管理
- 小程序 后台数据请求
- 小程序后台登录网址
- 小程序完成后台连接
- 小程序 设计尺寸
- 小程序一:小程序的框架
- 程序小思考(一)
- 小程序(一)
- 小程序(一)
- Java小程序之可视化日历
- 小程序 转码工具
- 写小程序的工具
- C++员工管理小程序
- 小程序--学生管理系统
- 开发一个时间管理小程序
- 小程序开发者工具下载及调试指南
- 支付宝小程序转微信小程序工具
- UVA
- flume简介和安装
- servlet入门
- SecureCRT修改编码格式
- bfs
- 小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
- linux- rhel7启动排错
- 【computer network】概述:一些概念
- JZOJ5242【GDOI模拟】矩阵
- HAWQ + MADlib 玩转数据挖掘之(七)——关联规则方法之Apriori算法
- View在属性为wrap_content/match_parent时获取宽高不准确的解决办法
- Java上传图片到指定位置,删除图片
- Windows如何连接linux和上传文件到linux(securcrt)
- QImage 图像格式小结(1)