• 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序...

    相关文章

    微信小程序开发(二)开发之日历打卡小程序发现页

    微信小程序开发(三)入门之创建打卡活动

    微信小程序开发(四)入门之打卡功能开发


    前言

    一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序如雨后春笋般出现在我们的视线里。追着这波大浪潮,笔者所在的公司也开始将有些需求转移到微信小程序上。接下来将以几篇文章将最近的一个日历打卡小程序的开发过程以及遇到的问题和大家做个分享。

    (一)微信开发者工具

    小程序团队推出了自己的开发工具-微信开发者工具,目前微信开发者工具任然在不断的完善中,在开发小程序时经常要不断的更新。论坛上吐槽的文章也是一大堆,存在很多bug,笔者在开发过程中也是被它坑过。笔者是安卓开发者,习惯于这种可视化的编程,所以没有选择Webstrom或者其他开发工具,接下来将介绍微信开发者工具基本功能



       

    1. 机型选择:小程序以IPhone6的屏幕尺寸为设计标准,让UI小姐姐按照IPhone6屏幕尺寸来切图。
    2. 预览界面:写好视图布局后点击编译,视图界面刷新显示
    3. 远程调试:手机端和PC端开发工具联调(非常实用)
    4. 上传代码:上传到腾讯服务器,提交审核必经步骤。可以填写版本号和备注信息
    5. 5-1:代码体积,微信限制 2M 以内。  5-2:ES语法转换,开发中一般不校验合法域名信息 。5-3:域名信息:小程序后台要做配置服务器域名,有request 域名,socket 域名以及uploadFiledownloadFile域名。注意:域名小程序要求必须是https 
    6. 控制台:打印输出信息,方便调试
    7. 资源文件:对应项目的文件目录,一般可以在这里进行断点调试
    8. 本地数据存储:显示的是本地存储的数据,对应的相关API是wx.setStorageSync(key,data)
    9. 视图调试:标组件以子父层级结构呈现,方便调试。

    以上就是在开发过程中微信开发者工具常用到的功能,微信开发者工具也在不断的完善,为了以后更好的提升开发效率,也需要我们在开发过程中将遇到的问题不断的反馈给小程序团队做优化,希望大家抱着包容的心态。开发过程中大家也可以依照自己的习惯选择其他的开发工具。


    (二)小程序框架以及目录结构介绍

        

    •  逻辑层

      小程序开发框架的逻辑层由 JavaScript 编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。逻辑层对应的是js文件,在每个页面的js文件中,系统提供了一系列的方法如:页面生命周期onLoad(),onShow(),onHide(),等,下拉刷新onPullDownRefresh(),页面到底部(上拉加载)onReachBottom()方法,分享功能onShareAppMessage()等。


    • 视图层

      框架的视图层由 wxml  wxss 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。 wxml 由小程序提供的组件组成,wxss css 样式。

    • app文件

      app.json 
      文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面的json文件一般用来配置当前页面的窗口表现。app.js 用来提供全局变量,如baseUrl。app.wxss 提供全局的css样式

      {
        "pages": [                    //页面的路径(在此处可快捷创建页面)
          "pages/index/index",
          "pages/logs/index"
        ],
        "window": {                   //视图窗口
          "navigationBarTitleText": "Demo"
        },
        "tabBar": {                   //底部tab
          "list": [{
            "pagePath": "pages/index/index",
            "text": "首页"
          }, {
            "pagePath": "pages/logs/logs",
            "text": "日志"
          }]
        },
        "networkTimeout": {           //设置是否超时
          "request": 10000,
          "downloadFile": 10000
        },
        "debug": true
      }
      
      
    • utils/.json 

      系统提供的工具类,一般编写公共的方法导出方便其他页面调用。

    (三)结束语

        本篇文章简单的介绍了微信开发者工具和小程序的框架,微信的开发文档对相关功能的介绍十分的详细。接下来将开始我们的日历打卡小程序开发之旅。


    展开全文
  • 目录 Demo最终效果 开发工具: 开发步骤: 第一步:准备工作,用visual studio写后台...刚自己做了一个开发微信小程序的Demo,怕忘了,记录下来。希望以后会跳过那些大坑~~ Demo最终效果 开发工具: ...

    目录

    Demo最终效果

    开发工具:

    开发步骤:

    第一步:准备工作,用visual studio写后台数据

    第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目

    第三步:小程序访问、调用VS的传过来的JSON字符串,展示数据

     


     

    刚自己做了一个开发微信小程序的Demo,怕忘了,记录下来。希望以后会跳过那些大坑~~

     

    Demo最终效果

     

    开发工具:

    (一)微信开发者工具:数据展示,本案例接收的是VS传过来的JSON数据

    (二)VS2017:写后台数据

    (三)VS开发模式:MVC

     

    开发步骤:

    一、准备工作,用visual studio写后台数据

    二、配置IIS发布项目,映射外网、路由(TP-LINK)端口,发布网站

    三、小程序访问、调用VS的传过来的JSON字符串,展示数据

    ---------------------------------------------------------------------------------------------------------------------------------

     

    第一步:准备工作,用visual studio写后台数据

    建立MVC项目具体步骤,可以百度到很多资料。例如:https://jingyan.baidu.com/article/a3aad71a160b4ab1fb0096e1.html

     

    1、首先用vs2017建立一个基本的mvc模板,包括model、Controllers和view,但是今天我们的项目和view没关系,是可以删除的。简单的测试数据,如写一个Progream类:

    public class Progream
        {
            public string img { get; set; }  //图片
            public string shortDesc { get; set; }  //描述
            public string title { get; set; }  //标题
        }

    2、写一个json类:用于把控制器中的值变为json格式:代码如下 ,不想封装方法,也可以添加json包,可参考https://blog.csdn.net/u011720560/article/details/80402357

    public static class Json  
       {  
           public static object ToJson(this string Json)  
           {  
               return Json == null ? null : JsonConvert.DeserializeObject(Json);  
           }  
           public static string ToJson(this object obj)  
           {  
               var timeConverter = new IsoDateTimeConverter { DateTimeFormat = "yyyy-MM-dd HH:mm:ss" };  
               return JsonConvert.SerializeObject(obj, timeConverter);  
           }  
           public static string ToJson(this object obj, string datetimeformats)  
           {  
               var timeConverter = new IsoDateTimeConverter { DateTimeFormat = datetimeformats };  
               return JsonConvert.SerializeObject(obj, timeConverter);  
           }  
           public static T ToObject<T>(this string Json)  
           {  
               return Json == null ? default(T) : JsonConvert.DeserializeObject<T>(Json);  
           }  
           public static List<T> ToList<T>(this string Json)  
           {  
               return Json == null ? null : JsonConvert.DeserializeObject<List<T>>(Json);  
           }  
           public static DataTable ToTable(this string Json)  
           {  
               return Json == null ? null : JsonConvert.DeserializeObject<DataTable>(Json);  
           }  
           public static JObject ToJObject(this string Json)  
           {  
               return Json == null ? JObject.Parse("{}") : JObject.Parse(Json.Replace(" ", ""));  
           }  
       }  

    3、还需要写一个专门返回的类型AjaxResult类型和枚举,代码如下:

     public class AjaxResult
        {
            /// <summary>
            /// 操作结果类型
            /// </summary>
            public object state { get; set; }
            /// <summary>
            /// 获取 消息内容
            /// </summary>
            public string message { get; set; }
            /// <summary>
            /// 获取 返回数据
            /// </summary>
            public object data { get; set; }
        }
        /// <summary>
        /// 表示 ajax 操作结果类型的枚举
        /// </summary>
        public enum ResultType
        {
            /// <summary>
            /// 消息结果类型
            /// </summary>
            info = 0,
    
    
            /// <summary>
            /// 成功结果类型
            /// </summary>
            success = 1,
    
    
            /// <summary>
            /// 警告结果类型
            /// </summary>
            warning = 2,
    
    
            /// <summary>
            /// 异常结果类型
            /// </summary>
            error = 3
        }

    4、在控制器中写一个方法,转换为json数据:

    //设置初始值
            List<Progream> proList = new List<Progream>();
            private void SetPro()
            {
    
                proList.Add(new Progream { img= "http://外网地址号:外网端口号/img/team.png", shortDesc = "java是世界上用的最多的编程语言", title = "精英贷" });
                proList.Add(new Progream { img= "http://外网地址号:外网端口号/img/01.png", shortDesc = "java是世界上用的最多的编程语言", title = "月供贷" });
                proList.Add(new Progream { img= "http://外网地址号:外网端口号/img/02.png", shortDesc = "java是世界上用的最多的编程语言", title = "保单贷" });
    
            }
    
            public ActionResult getProgream01()
            {
                SetPro();
                //获取数据
                return Content(new AjaxResult { state = ResultType.success.ToString(), message = "true", data = proList }.ToJson());
            }
        }

     

    ---------------------------------------------------------------------------------------------------------------------------------

     

    第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目

    1、映射外网端口:

    (1)登录TP-LINK,在“已安装应用”里找到如下截图,并对应配置

     

    2、配置IIS发布项目:

     

    (1)确认安装了IIS:配置IIS首要确定本机电脑上已安装了IIS,没有可以百度找到很多方法安装

    (2)配置IIS:

     

    在“网站图标上”右键添加网站

     

    小提示:

    (1)、添加网站的物理路径为新建文件夹,要与“开发项目”的文件夹名有所区别,本案例新建了一个“网站名”为WebApplication1 ,“物理路径”新建文件夹名为:IIS_WebApplication1,“开发项目”文件夹名为:WebApplication1,“物理路径”与“开发项目”文件夹在同一路径下。

    (2)、添加完网站记得“网站”与“应用程序池”图标上再右键刷新一下,此时为一个空网站 

    (3)打开“应用程序池”,会看到系统自己分配给WebApplication1项目的应用程序池,

     

    3、发布网站

     

     

     

    接下来选择“创建配置文件”按钮,最后确认发布

     

    基本上发布的时候不会出现什么错误,就会出现下面的画面,就证明发布成功了。

     

     

     

    4、容易遇到的问题:随后我们运行网站,可能会遇到各种问题。例如:

     

    到遇到这个问题的时候可能是权限不足。

    我们需要打开发布项目的这个文件夹单击右键选择属性。

    然后选择安全,如图。

    如果发现组或用户名  中没有IUSR和IIS_IUSRS 这就是问题所在,

     

    点击编辑出来一弹窗是该文件夹的权限,然后点击添加,弹出弹窗为选择用户或组。

    这时候输入对象名称来选择,如果你不知道或者记不住 可以选择高级,弹出一弹窗名称也为选择用户或组,

    右边有一个立即查找。搜索结果里面有东西了。

    选择里面的IUSR和IIS_IUSRS点击确定。然后再次点击确定。

    给IUSER和IIS_IUSRS修改的权限,点击应用以后点击确定。

    这时文件夹的属性多了IUSR和IIS_IUSRS,

    如图

     

    这时我们再运行即可。

     

    5、把这个数据发布到iis中,直接访问/Home/getProgream,可以看到如图所示的数据:

     

     

    ---------------------------------------------------------------------------------------------------------------------------------

     

    第三步:小程序访问、调用VS的传过来的JSON字符串,展示数据

    上代码:主要是index.js里的数据绑定

    1、app.json

    {
      "pages":[
        "pages/index/index",
        "pages/join/join"
      ],
      "window":{
          "color": "#fff",
        "backgroundTextStyle":"drak",
        "navigationBarBackgroundColor": "#2e5e86",
        "navigationBarTitleText": "信贷DEMO",
        "navigationBarTextStyle":"#fff",
        "enablePullDownRefresh": true
      },
      "tabBar": {
          "color": "#dcdddd",
          "selectedColor": "#000000",
        "list": [
            {
          "pagePath": "pages/index/index",
          "text": "首页",
          "iconPath": "images/01.png",
          "selectedIconPath": "images/01.png"
            },
            {
                "pagePath": "pages/join/join",
                "text": "加入",
                "iconPath": "images/02.png",
                "selectedIconPath": "images/02.png"
            },
            {
                "pagePath": "pages/Employee/Employee",
                "text": "员工",
                "iconPath": "images/03.png",
                "selectedIconPath": "images/03.png"
            }    
        ]
      },
      "debug":true
    }

    2、index.js

    //获取应用实例
    const app = getApp()
    Page({
      data: {
          imgUrls: [
              '/images/07.jpg',
              '/images/06.jpg',
              '/images/08.jpg'
          ],
          indicatorDots: false,
          autoplay: false,
          interval: 5000,
          duration: 1000,
          proList:null
      },
      //页面加载
      onLoad: function (option) {
          console.log("1111111"); 
      },
      onShow:function(){
          this.getProList();
      },
    
      //数据绑定
      getProList:function(){
          var self=this;
          wx.request({          
              url: 'http://外网地址号:外网端口号/Home/getProgream01',
              method:"GET",
              header: {
                  'content-type': 'application/json' // 默认值
              },          
              success:function(res){
                console.log(res);            
                self.setData({
                    proList: res.data.data,                
                });
              }          
          });
      }
    })

    3、<!--index.wxml-->

    <swiper indicator-dots="{{indicatorDots}}"
      autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-dots="true">
      <block wx:for="{{imgUrls}}">
        <swiper-item>
          <image src="{{item}}" class="slide-image"/>
        </swiper-item>
      </block>
    </swiper>
    <view class='items-list'><!--列表-->
        <view class='pro-item' wx:for="{{proList}}" bindtap='toDetail' data-index="{{index}}"><!--产品详情-->
            <image class='pro-logo' src="{{item.img}}"></image><!--产品图片-->
            <view class='pro-body'><!--产品内容-->
                <view class='pro-title'>{{item.title}}</view><!--标题-->
                <text class='pro-desc'>{{item.shortDesc}}</text><!--描述-->
                <view class='pro-footer'><!--描述下的2个按钮-->
                    <image class='btn-detail' src='/images/detail.png'></image>
                    <button open-type="contact"  class='btn-ask' ><image src='/images/service.png' /></button>
                </view>
            </view>
        </view>
    </view>

    4、/**index.wxss**/

    swiper{
        width: 100%;
        height: 340rpx;
    }
    swiper image{
        display: block;
        width:100%;
        height: 100%;
    }
    /*items-list*/
    .items-list{
    
    }
    .pro-item{
        overflow: hidden;    
        padding: 30rpx;
        float: left;
    }
    .pro-logo{
        float: left;
        width: 240rpx;
        height: 240rpx;
    }
    .pro-body{
        margin-left: 260rpx;
    }
    .pro-title{
        color: #212121;
        font-size: 34rpx;
        line-height:1 ;
    }
    .pro-desc{
        font-size: 26rpx;
        color: #898989;
        line-height: 1;
        
    }
    .pro-footer{
        overflow: hidden;
    }
    .btn-detail{
        float: left;
        width: 170rpx;
        height: 52rpx;
        padding: 10rpx;
    }
    .btn-ask{
        float: left;
        width: 170rpx;
        height: 52rpx;
        margin-left: 20rpx;
        line-height: 1;
        padding: 0;
        
    }
    .btn-ask image{
        width: 100%;
        height: 100%;
    }

     

    展开全文
  • 2.(不想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。 上周微信开发者工具一直没有办法...

     亲身经历解决方案:1.电脑重启。

                      2.(不想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。

     

    上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩的方法(见方法5)

    于是卸载了重新下载安装了一次,还是如此,在网上看了几篇教程,全部试了一遍,结果,像是踩了一地的坑,可得劲了,看来大家都遇到了这样的问题了。

    为了少走弯路,看着热心大神网友纷纷支招,我特地总结了一下,
    微信web开发者工具无法打开的六种解决方法
    最后一种有效,其他的没啥用啊(但对于有些人有些版本的电脑是有用的)

    方法1:软件重新安装,系统重启

    当遇到这种情况的时候,尝试多次而不得,大多数人的想法就是卸载掉,重新安装一次好了,要不就关机重启电脑,这种方法特别具有使用性,是大多数程序员必备小技巧。

    方法2:杀掉之前的残留进程

    可以尝试关掉所有跟开发者工具有关的进程,然后再开一下就行了,这个方法有些人的电脑还可以行得通。打开任务管理器,如下图所示,结束所有关于微信web开发者工具的进程。

    方法3: win10下,用管理员或者兼容方式运行

    这时候我们在图标出点击右键你的微信Web开发工具,选择属性。在属性、兼容性中,点击兼容模式到兼容性选项卡(我的是win10的系统),并选着以管理员身份运行此程序。点击应用,并确认更改。

    教程:https://blog.csdn.net/gz506840597/article/details/77915488#commentsedit

    方法4: 重新安装到一个新的目录

    重装 “微信web开发者工具” ,要把安装目录修改为非上次安装的目录(安装在一个新目录下,不受原有文件影响,小编试过安装在原有的目录下,安装过程中会报与原有文件冲突,而且安装好后也无法启动)。

    教程:https://blog.csdn.net/chenthe1/article/details/73603444?utm_source=blogxgwz0

    方法5:最简单暴力的方法,32位

    软件重装,系统重启,管理员运行,更换目录,表示均无效的时候,告诉你们一个奇葩解法,好了过来谢谢我,你们下个32位的!别犹豫了,对!就是32位的,见证奇迹....

    因为我的系统是windows10 64位的,所以,我下载的小程序也是64位,后来发现,其实不对,腾讯的版本似乎错了,在windows 10 的某些64位版本,要 下的是微信小程序的32位版本。

    安装之后会发现,快捷键上面出现了一个小盾牌一样的图标,完美解决问题了。
    不要问我为什么,我也不知道,就是这么简单粗暴。

    原文作者:祈澈姑娘
    技术博客:https://www.jianshu.com/u/05f416aefbe1
    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。
    来源:简书

     

    展开全文
  • 微信小程序学习(三):在微信开发者工具中,使用WeUI 这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用 网上有很多的方法,我绝大多数都没看懂,这里就是最简单的将文件...

    微信小程序学习(三):在微信开发者工具中,使用WeUI

    这里就是将WeUI导入到微信开发者工具中,我并没有使用多少样式,这里只是展示了一下怎么引用
    网上有很多的方法,我绝大多数都没看懂,这里就是最简单的将文件导入项目中,然后引用

    一、先下载WeUI

    这个是下载的GitHub地址:
    https://github.com/weui/weui-wxss/
    下载完后解压是这个样子的
    在这里插入图片描述
    然后打开src==>style,找到weui.wxss文件
    在这里插入图片描述
    然后复制weui.wxss文件到项目的总目录下
    在这里插入图片描述
    我这里就是Test7里面

    二、在app.wxss中配置

    我是放在总目录下的,所以这样就行了,

    /**app.wxss**/
    @import "weui.wxss";
    

    另外说一下,每个"…/“是向上翻一层目录,没有数对”…/"的话就可能引用不到
    在这里插入图片描述

    三、实验成果

    先上代码

    <!-- 充值信息 -->
    <view class="weui-panel">
      <view bindtap='logout' class="weui-cell weui-cell_access" hover-class="weui-cell_active">
        <!-- 这里之后可以放图标 -->
        <view class="weui-cell__bd weui-cell_primary margin-left-icon">
          <view class='text-size-09 init-wordspace'>充值信息</view>
        </view>
        <view class="weui-cell__ft weui-cell__ft_in-access"></view>
      </view>
    </view>
    

    这个是wxml的页面
    这个是没有连接上的样子,代码就写了一个充值信息的,就看看效果,别的没拷
    在这里插入图片描述
    这个是连接后的样子,可以看到在不改变wxss的情况下,仅仅是把app.wxss中加了配置,就改变了样式
    在这里插入图片描述

    因为是配置到全局内的,所以 不需要在别的地方额外配一次,都是可以引用的

    另外加上两个可以看样式的网址:
    这个好像是微信的
    https://weui.io
    这个和上面那个差不多,不过感觉好看点
    http://weui.shanliwawa.top

    展开全文
  • 打开微信开发者工具,用手机上的微信扫描对应二维码,进 入开发工具界面。 选择“小程序项目”中的“小程序”,再点击右侧“+”号, 出现新建项目页面。 开发者工具界面 界面大致分为7个区域: 菜单栏区域 模拟器...

    创建项目

    1. 打开微信开发者工具,用手机上的微信扫描对应二维码,进
      入开发工具界面。
    2. 选择“小程序项目”中的“小程序”,再点击右侧“+”号,
      出现新建项目页面。
      在这里插入图片描述

    开发者工具界面

    界面大致分为7个区域:

    • 菜单栏区域
    • 模拟器、编程器、调试器的显示与隐藏区域
    • 模拟器区域
    • 编辑器区域
    • 调试器区域
    • 云开发区域
    • 工具栏区域
      在这里插入图片描述

    模拟器区域

    • 模拟器区域用来显示小程序界面。
    • 在小程序开发过程中,界面随着代码编写可以实时变化。
    • 模拟器可以模拟小程序在各个终端设备上的操作效果。
    • 可以设置小程序运行的终端设备。
    • 可以设置模拟器区域百分比大小。
    • 模拟设置Wi-Fi、2G、3G和4G等网络连接情况。
      在这里插入图片描述

    初始化失败问题

    原因:使用了云开发,调试基础库版本未达到要求。
    解决:工具栏“详情”,“本地设置”,“调试基础库”改为2.2.3以上版本

    展开全文
  • 基于微信开发者工具开发的一款简易的小程序
  • 用的是最新版本的微信开发者工具,不只是没有代码模块而且报错 类似下面这样的吧反正是请求报错 新建的项目请求报错 因为网络代理软件或者 VPN 影响,工具无法加载本地模拟开发服务 请尝试以下任一解决方案 1.关闭...
  •  之前搞过微信小程序的开发,所以自己有下微信开发者工具,还有一个appID  1、我先设置好cocos creator的偏好设置。 2、现在再设置好项目构建目录 首先弄到Wechat构建,然后下面有一个appid选项,把自己...
  • 微信开发者工具报这个错误,首先出现这个情况大致可以分为两种可能, 第一正确的app.json,应该在项目文件夹第一层,也就时说这个app.json直接在项目的文件夹下。 第二 微信公众平台是否添加了自己的项目,...
  • 上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩...
  • 微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用...
  • 这个程序需要通过QQ音乐接口获取音乐相关数据,我在易源接口网站上找到了QQ音乐的接口,但是在程序运行中报错:,请问这个情况应该如何解决呢
  • 微信小程序前端开发者工具-小程序切片-小程序定制开发神器 你是否还在辛辛苦苦地码代码,特别是前端页面的编写,很多都是非常简单的,但界面多了还是要花费大量的时间,缩短了 你陪男/女朋友的时间,家人的时间,...
  • 微信web开发者工具

    2020-05-30 23:32:50
    小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,小程序开发,
  • 上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩...
  • 上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩...
  • 微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用...
  • 微信开发环境 点击下载_微信小程序开发工具_稳定版_提取码: 1gi3 微信开发文档 微信开发者社区 微信公众平台 微信小程序应用开发赛
  • 一、开始 开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。 跟随这个教程,开始你的小程序之旅吧! 二、申请帐号 ...在这个小程序管理平台,你可以管理你的小...
1 2 3 4 5 ... 20
收藏数 18,726
精华内容 7,490