源码 ASP源码 PHP源码 NET源码 JSP源码 FLASH源码 其它源码

DIY官网可视化开发工具源码只需20000元

DIY官网可视化开发工具源码低价出售,只需20000元。保证源代码。

如果有意向赶紧联系我:手机:15913132246 或QQ:280160522


动态数据管理是一款表单设计和数据管理工具,通过简单拖拽操作就可快速地创建各种表单。创建好的表单可以当作前端微信小程序或H5 WebAPP页面动态数据展示。

你可以轻松创建出一个万能的表单,表单的数据根据你的需求给你足够想像的空间来展示。

手机端目前九宫格,滑块列表,图文列表等有数据源的能力,用户可以根据需求自定义数据源。

以九宫格小程序后台加载数据为例:

1、自定义表单/自定义数据源

  1. 创建表单拖拉表单进设计器
  2. 用户拖拉自己所需要字段
  3. 增加按钮记得增加提交按钮
  4. 在线预览然后保存数据



2、选择数据源

  1. 选择上是否远程,如果远程切换来数据来源,用户可以设置分页大小,无限加载,加载提示语等。
  2. 弹出框后选择后台定义的数据源,如果是默认模板,把待选字段拖拉到右边区域。
  3. 注意拖拉时由于封面跟链接只能为一个字段哟,其中页面字段用户可以在后台定义时选择反页面选择字段。
  4. 如果存在字段映射,请输入字段映射或双击选择字段选择表字段,相当于主表关联为从表的字段。例如主表字段可能是ID,从表字段可能是PID,那须映射成PID。
  5. 如果是自定义模板,如果要显示id,则自定义模板里使用${id}。特别注意不要包括如${field}不在待选字段里,会报错的哟。你可以输入至模板或双击待选字段至模板。


记得确定保存,然后在预览,即可在线加载数据了哟。

至此动态数据源的一个例子就出来了是不是这么简单,当然你也可以导出小程序来看看,同样是支持的哟。



3、小程序导出代码可以在线预览哟

导出代码已经支持从后台数据库交互取数,而且实现了小程序无限加载的功能,无需编写任何一行代码,是不是很强大呢。





在线设计后台数据源及前台展示,支持一键导出后台

复制本页链接

后台下载

大家前往GITHUB下载源码https://github.com/html580/diygw。下载完源码后解压到你的部署目录下。

系统安装

浏览器端输入你域名,如果系统没有安装,会自动转到安装地址。我已我自己的域名为例。

输入域名https://xcx.diygw.com/。系统自动转向到https://xcx.diygw.com/public/install.php

第一步:点击同意安装协议

第二步:环境检测

大家检测下自己的环境,如果环境提供有误,请修复对应的错误

第二步:创建数据库

大家根据自己的数据库来配置,建议独立数据库。输入创始人的账号信息,记得要保存好自己的用户名密码信息哟。

安装完后登录后台应用,可以对数据进行管理


制作应用

第一步:点击新建微信小程序/WEBAPP

点击后弹出窗口,输入你的应用名称。下面以首页我的例子我的电商首页展示为例。


首页主要包括:图片切换,分类导航,内容展示,底部导航

大家想到这里就会想到数据来源呢,对的。那我们就进入后台数据源管理


进入后我们第一步想到的是有图片切换,分类,详情三个表单。

数据源管理

图片切换表单


详情表单

其他表单可能都差不多,其中详情表单可能会稍有不同,他有可能会涉及到分类。


大家每做完一个表单都可以在线预览然后增加几条数据,用于前台展示。

新增表单有了大家肯定想到了我怎么数据管理呢?现在教大家怎么进行数据管理。

大家可能在设计的过程如果没注意表单的设置,显示的是表单。

数据管理的时候,大家可能要编辑数据,对表格有个细节需要注意,在编辑页面选项值里选择对应的表单。

至此后台数据源完成,我们回到前台的设计。

手机端设计

图片切换设计

拖拉滑块组件进入设计区,设置数据源,进行数据源管理



分类展示

拖拉九宫组件进入设计区,设置数据源及字段映射。字段映射用于分类详情展示,跳转到分类时对过滤出对应的数据。




内容展示

内容展示跟图片切换一样,只需要拖拉对应的位置即可。


导出后台

制作完成后,大家可以点击导出后台,设置一些必要的参数值。如果你只是想做WebApp,参数可以默认就行,无需要修改








相关链接

发表评论