精华内容
下载资源
问答
  • DIY官网打造微信小程序制作平台支持在线可视化制作小程序组件及在线可视化设计小程序数据源能力。如果您还在想如何制作小程序,如何快速开发小程序吗?在线拖拉布局助您开发并一键生成微信小程序代码。 全套源码...

    DIY官网打造微信小程序制作平台支持在线可视化制作小程序组件及在线可视化设计小程序数据源能力。如果您还在想如何制作小程序,如何快速开发小程序吗?在线拖拉布局助您开发并一键生成微信小程序代码。

    全套源码只需要20000元。请记住我们官方网址:http://www.diygw.com

    如需要源码加群下载:微信小程序QQ群:217549678

    我们在正常的开发上,一般都比较少把视图层上面的数据写成固定形式的,很多都是通过动态获取数据时并更新页面上的数据显示出来下面让我们来一些学习,如何动态修改视图层的数据。然而大家可能还在一行行的输入代码,怎么实现数据动态加载。

    DIY官网已经实现了无需要编写任何一行代码,即可实现从后台加载数据。你只需要把你的鼠标动起来,拖拉操作,即可实现你想要的从后台动态加载数据出来,支持无限加载,支持页面向上滑动或下滑时动态加载数据的功能。

    DIY官网可视化数据源设计后同时支持H5的WEBAPP和微信小程序,大家根据需要导出代码即可。







    展开全文
  • HTML我帮您打造微信小程序web可视化开发者工具为企业提供微信小程序开发工具,基于html5技术进行微信小程序开发。企业在线制作微信小程序,无需代码,轻松导出微信小程序代码。 HTML我帮您打造微信小程序web可视化...
  • HTML我帮您打造微信小程序web可视化开发者工具是一款的可视化Web应用开发和运行平台。基于浏览器的集成开发环境,可视化和智能化的设计,能轻松完成身微信小程序和面向手机的移动应用开发;高效、稳定和可扩展的特点...

    网站演示地址:http://www.diygw.com

    HTML我帮您打造微信小程序web可视化开发者工具是一款的可视化Web应用开发和运行平台。基于浏览器的集成开发环境,可视化和智能化的设计,能轻松完成身微信小程序和面向手机的移动应用开发;高效、稳定和可扩展的特点,使微信小程序的开发更快捷和简单。

    源码只需要20000元。

    HTML我帮您打造微信小程序web可视化开发者工具为企业提供微信小程序开发工具,基于html5技术进行微信小程序开发。企业在线制作微信小程序,无需代码,轻松导出微信小程序代码。



    HTML我帮您打造微信小程序web可视化开发者工具可以生成整套微信小程序的代码,包括微信小程序的WXML,WXSS,JS,JSON,APP.js,APP.json。

    生成源码下载地址:

    https://github.com/html580/xiaochengxu/
    展开全文
  • WEPT 是一个微信小程序页面开发工具,它的目标是为小程序开发提供更流畅的开发体验。
  • 今天向大家推荐一个微信小程序可视化预览插件Outline For Wxml。 主要功能: 能够把.wxml文件转变为可视化图形模式,直观查看模版结构; 从图形元素切换到对应文本代码; 查找遍历功能; 2...

    1.简介

    今天向大家推荐一个微信小程序可视化预览插件Outline For Wxml。
    在这里插入图片描述
    主要功能:

    • 能够把.wxml文件转变为可视化图形模式,直观查看模版结构;
    • 从图形元素切换到对应文本代码;
    • 查找遍历功能;

    2.安装

    在Extension市场中搜索“Troll”就能找到它。
    在这里插入图片描述
    也可以在[https://github.com/guobinnew/vscode-troll/tree/wxml-preivew/release]下载VSIX文件,通过VS Code的“从 VSIX 安装…”命令来手动安装。

    3.主要用法

    3.1启动/切换Outline预览

    目前支持2种方式启动:

    1. 在VS Code的Explorer中选择一个.wxml文件, 从右键菜单中中选择“Open Troll Preview”
      在这里插入图片描述
    2. 在已打开的.wxml文件的文本编辑器中,点击顶部右边的工具图标在这里插入图片描述
      在这里插入图片描述
      Outline预览视图成功打开后,会自动解析Wxml文件并转换为图形显示模式。编辑器的标签格式为wxml文件basename 和 .outline后缀组成,例如player.wxml文件的Troll编辑器标签名为 player.outline
      在这里插入图片描述
      注意: 每个Wxml文件只能打开一个Outline预览视图

    3.2编辑视图切换

    • 切换到Troll编辑,方法同3.1小节

    • 切换到文本编辑,点击左侧菜单项在这里插入图片描述

    3.3图形操作

    Troll工具采用图形化的拖放操作来调整页面DOM结构,在介绍操作之前,首先说明一下主要的图形元素类型。

    3.3.1基本图元

    1. 根节点 <root>

    无需多说。补充说明一点,根模版元素<root>无需创建,也不能删除
    在这里插入图片描述

    1. 模版 <template>

    在这里插入图片描述

    1. 各类标签元素
      在这里插入图片描述
      元素属性分为三类,通过不同的颜色进行区分,可让开发人员一目了然。
    • 普通属性
      在这里插入图片描述
    • 绑定事件
      在这里插入图片描述
    • 指令
      在这里插入图片描述
    1. 正文
      在这里插入图片描述
    2. 注释
      在这里插入图片描述

    3.3.2基础操作

    • 视图缩放
      位于编辑器右上角快捷工具,从左到?️依次为: 缩小,放大和重置(缩放比例为1.0,DOM移动在左上角起始位置)
      在这里插入图片描述
    • 元素展开/收起
      每个元素左边的原型按钮用于元素的展开/收起。收起时元素中的子元素将全部隐藏。快捷键为“空格键”

    多行属性显示
    在这里插入图片描述

    3.3 搜索与代码跳转

    提供2种方式打开搜索条:
    (1)通过左边菜单栏的“搜索”菜单打开
    (2)在预览视图中按Ctrl+F快捷键
    在这里插入图片描述
    当选中一个实体是,按Ctrl+F启动同类型搜素,例如:选中一个“view”元素,按下Ctrl+F会搜索名称中包含“view”的所有元素;选中一个“class”属性,按下Ctrl+F会搜索名称中包含“class”的所有属性;

    通过左右箭头按钮遍历所有符合项,当被遍历的实体在屏幕之外时会自动移动到屏幕中间位置;

    按每个实体的右侧箭头,会自动跳转到文本编辑器中对应的代码位置,并选中代码;

    3.4 Wxml文件刷新

    当通过文本编辑器修改了Wxml文件,切换回预览视图时,会提醒重新加载Wxml文件。
    在这里插入图片描述

    展开全文
  • 本项目的目标是实现微信小程序主页全可视化设计器,最大程度降低创建小程序主页的成本。 项目截图 技术栈 vue2 + vue-router + webpack + svg 项目运行 git@github.com:CuiChuping/quick-site-admin.git cd quick-...
  • 微信小游戏可视化开发工具 我们的目标是低门槛,简单高效。因此开发工具设计为纯 Web 的,进入 IDE 后是这样的。 对于游戏 IDE 来讲,最基本的有两点,场景和逻辑。左边是场景编辑,右边是逻辑区。这里分别说下。 ...


    我们来自微信小游戏的一个小团队,我们希望每个人都可以创建自己的小游戏,分享自己的创意,所以我们实现了一个门槛极低的游戏开发工具,在设计的时候我们尽量注意概念简单同时又可以实现各种类型的游戏,当前还是内测阶段,欢迎大家来使用。

    从微信小游戏发布开始,微信小游戏就变成了一个独特的游戏类型。普通游戏平台都是针对资深玩家的,而微信小游戏的用户群更广,包括了小孩子和大爷大妈,所以微信小游戏上休闲和超休闲的游戏占了很大的比例。在微信小游戏平台上,可以包容各种类型的游戏,所以我们想推出一款小游戏开发工具,希望更多的人可以释放自己的创意,在微信上传播自己的想法。当前工具在内测,从我们的用户群体来看,学生,设计师,游戏策划比较喜欢。

    微信小游戏可视化开发工具

    我们的目标是低门槛,简单高效。因此开发工具设计为纯 Web 的,进入 IDE 后是这样的。
     


    对于游戏 IDE 来讲,最基本的有两点,场景和逻辑。左边是场景编辑,右边是逻辑区。这里分别说下。

    场景

    场景编辑这里的相关概念都挺简单的,在最右边的图层属性里面可以对精灵进行基本的操作。我们尽量注意这里概念的简单化,尽量不增加复杂的概念,一开始我们没有 Group 的概念,后面随着场景变复杂,我们觉得有必要增加一个 Group 的概念,这里称为“容器”,把多个精灵一起选择就可以合并为一个容器。容器是可以单独添加逻辑的。为了保持概念的简单,我们没有针对具体的游戏品类做特化,但这样会导致实现具体品类时候的复杂性,我们通过插件的方式来解决这个问题,当前我们已经有十几个插件,可以简化某些品类下的编辑操作。

    逻辑

    对于非专业开发者来说,当前有 3 种比较常见的方式。
     

    • 积木。常见于少儿编程,本质上也是代码,但理解简单,语法简单。
    • 配置式。比如 RPG 工具可以全配置化,在精灵上弹出对话框可以配置任何 RPG 需要的能力。
    • 事件表。事件表是 事件-代码 的另一种形式,可以很复杂,有一定的学习成本。



    我们最终选择了积木,选择积木的原因是学习门槛低,配置式虽然门槛低但仅限于特定品类的游戏和特定的动作,我们还是希望可以有更大的空间。

    在场景窗口里面选择精灵,就可以添加各种事件,在事件里面写相关的逻辑。可以实现各种类型的游戏。

    到此我们基本的框架就已经定型。然后我们增加了各种能力:

    数据

    支持局部和全局数据,支持二维表,提供了一个表格操作界面,考虑到积木操作的便利性,没有增加嵌套的数据结构(比如 Json)。

    当前支持本地存储,暂不支持云存储,本地存储通过插件里面的 本地存储 插件来提供的。

    UI 支持

    我们增加了列表组件,摇杆,按钮,还有粒子效果,可以从顶部工具栏的 添加插件 来添加。

    行为支持

    在精灵的属性面板上,可以添加行为。行为可以让面向特定品类的游戏开发大为简化。当前已经支持了平台类型游戏的相关行为,包括固体,跳跃穿透,平台角色,方向控制,移动等。还有物理引擎和碰撞相关,包括物理,反弹。另外还辅助性行为,包括循环滚动,闪烁,抖动,遮罩,炮塔,弹出等。

    碰撞系统

    碰撞是游戏里非常重要的一项,除了行为里面的物理引擎,工具还提供了精灵自动描边,手动调整描边,碰撞事件支持等,我们对碰撞的性能也进行了大量的优化。

    广告支持

    我们提供了微信广告支持,在积木里面提供了广告能力积木,但前提是需要获得广告的 ID,这个可以查看微信小游戏开放平台的相关说明。

    调试能力

    可以按精灵列表来查看相关的数据和属性,可暂停,可单帧执行。调试场景需要在顶部工具栏的预览按钮下拉以后才会看见。
     


    这里需要提下的是,行为及插件的相关积木只有在添加了相关插件和行为以后才会出现,这样设计的目的是避免积木太多。还有为了方便查找,我们也提供了搜索能力(工具栏上搜索框),可以搜索积木和变量。

    大家可以通过我们的示例项目《经典飞机大战》来体验下一个完整的工程。

     


    选择 关卡 场景,选中小飞机,就可以看见关于小飞机的相关逻辑代码。点击 顶部工具栏 的 预览场景 按钮,可以预览这个游戏,也可以改动下代码或者资源,作为自己的一个改编游戏来发布。

    下面说下手机预览和发布的方式,入口都在工具条上。
     


    手机预览相当简单,就点预览按钮,QQ号卖号平台可以生成一个二维码,直接用微信扫一扫即可。


    其实这个时候你已经可以把这个二维码分享给你的朋友了,只是限 50 位。
    要发布,也有两种方式,一种是发布到社区版,一种是正式发布到微信小游戏。

    社区版的方式。在工具栏上点发布。提交后即可得到小游戏的二维码,可以分享给朋友,这里可以选择把代码开放,这样别人就可以基于你的作品进行改编。


    如果要正式发布,则需要提交到 MP,需要在微信小游戏开放平台网站上再发布,入口在 作品设置 里面。详细发布流程可以参考文档。

    我们当前有一个社区小程序,如果你仅仅是想发社区版,则直接到上一步就可以,不需要经过正式的发布。这就是我们的社区版。
     


    大家可以直接扫码体验下
     


    欢迎大家体验下用我们工具开发出来的两个作品


     

    展开全文
  • DIY官网打造微信小程序制作平台 DIY官网打造微信小程序制作平台 在线可视化制作小程序组件及在线可视化设计小程序数据源能力 您还在想如何制作小程序吗?...微信小程序可视化开发工具生成商城解决方案截图:
  • 整个项目采用 Electron + Vue + Vuetify 开发,目的是想做一个可视化设计小程序的设计器,导出为 Taro 项目代码。 目前功能: 支持审查/复制单个 Taro UI 组件,修改参数实时可看。 支持查看/复制当前页面代码。 ...
  • 最近微信官方释放出微信小游戏可视化编辑的beta版。 不过目前还处于测试阶段,因此得申请内侧资格才行。 小编特地体验了下,发现这款编辑器跟市场上大部分编辑器大同小异,基本上是游戏素材+精灵+脚本组装...
  • 微信小程序实现HX编辑连接微信开发工具可视化 “若HBuilderX不能正常启动微信开发者工具,者手动启动,然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面” 这里讲一下怎么手动完成这句话的内容,对于零...
  • 标准的商城体系,提供双端数据管理功能,...为餐饮行业提供一站式解决方案,凭借到店、预约、点餐等功能,以及积分系统搭建、可视化后台数据管理等强大的技术支持。拓展店铺营销的新渠道。集行业资讯、分享、浏览关...
  • 微信小程序开发[工具与云开发篇]目录工具常用功能介绍云服务介绍云开发开通云开发页面介绍 目录 工具常用功能介绍 云服务介绍 云开发开通 云开发页面介绍 工具常用功能介绍 开发者工具坐上角,导航栏 模拟器...
  • 如果新手想要制作这样的小程序,就需要用到微信小程序开发工具。1.什么是小程序开发工具?其实就是可以让你制作出一个小程序的工具,比如有赞、微盟、上线了,都是比较知名的开发工具。这类工具适合不懂代码的小程序...
  • 1月9日微信小程序正式上线。很多企业都希望能在这个。但是在技术开发的问题上,却...经过一些程序员不辞辛苦连夜测试,终于从十余款工具呕心沥血筛选出四款比较靠谱实用的微信小程序开发工具。接下来一起来看看测评吧。
  • 微信小程序开发框架】 1、官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供一整套...
  • 什么是微信小程序可视化开发?顾名思义,就是你制作、修改小程序所呈现的页面效果,都是可以随时看到的,所见即所得。这种开发方式最近很受欢迎,因为不需要你什么技术知识,新手也能凭借着这种小程序可视化开发工具...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序...
  • 《小程序切片》——微信小程序前端开发工具 小程序火了,但你一定没想到小程序已经这么火。 那当你决定做一个小程序时,又该选择什么样的开发工具呢?效率要高、速度要快、操作要简单等等。 这里我介绍一款小程序...
  • 小程序对商家和个人的帮助很大,可以为商家导入新的线上流量。那么该如何拥有自己的小程序呢?...接下来就跟大家盘点一下目前靠谱的微信小程序开发工具有哪些,让大家少走弯路。1.上线了一个靠口碑...
  • 微信小程序自动切片生成布局软件是一款根据效果图像画画一样来设计微信小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的...
  • 小程序怎样制作,微信小程序怎么做开发  免费的小程  微信小程序现在越来越火,利用微信小程序开店目前已成为众多企业或者个人的首要考虑事宜,那么微信小程序开店的步骤是什么?小程序的一些基本的东西必须...
  • 第四步:初始echarts图表 在data对象中声明ec1初始图表 data{ ec1: { onInit: function (canvas, width, height) { chart1 = echarts.init(canvas, null, { width: width, height: height }) canvas.setChart...
  • 小程序开发框架】 1、官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供一整套Java ...
  • 微信小程序开发初探

    万次阅读 2016-11-08 17:37:40
    1. 微信小程序web开发工具下载地址 2. 创建项目 3. 开发工具界面 4. 调试区六大工具介绍 5. 我与微信小程序的插曲 6. 微信小程序总结 一、微信小程序web开发工具下载地址 1.1 在微信公众平台-小程序...
  • 第一章 第一节 微信小程序的基本知识1 文章目录前言一、注册一个小程序账号(一)申请appID二、第一个微信小程序“Hello Wechat!” 前言 微信小程序,是小程序的一种,英文名Wechat Mini Program,是一种不需要...
  • 一、微信小程序的云开发概念 云开发就是一套解决小程序前后端开发的一种云端能力 它提供了一整套云服务及简单、易用的 API 和管理界面,以尽可能降低后端开发成本,让开发者能够专注于核心业务逻辑的开发、尽可能...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,217
精华内容 4,886
关键字:

微信小程序可视化开发工具

微信小程序 订阅