精华内容
下载资源
问答
  • 程序入门

    千人学习 2017-08-08 10:18:42
    课程简单易懂,内容深入浅出。  本课程通过实例介绍了小程序开发的一般知识点和基本方法。 通过学习该课程能够系统掌握小程序开发的基础入门知识,为深入开发小程序打下基础。
  • 微信小程序入门七登录注册

    万次阅读 多人点赞 2017-04-01 14:26:34
    上一章介绍了微信小程序入门六本地缓存和搜索,这章介绍小程序的登录注册页面。主要有表单的验证,错误信息的提示,form表单的取值,get / post 请求 ,反馈交互提示框,页面跳转 以及 页面UI。 效果图: 注册页面...

     

    上一章介绍了 微信小程序入门六本地缓存和搜索 ,这章介绍小程序的登录注册页面。主要有表单的验证,错误信息的提示,form表单的取值,get / post 请求 ,反馈交互提示框,页面跳转 以及 页面UI。

    效果图:

    注册页面:基本内容有账号,密码,确认密码,也可以添加 是否同意条款 

    wxml源码:

    1. 顶部提示错误信息

    2. 输入内容长度限制

    3. 点击注册进行表单验证

    4. 存在问题:输入框focus 无效果

     

    <!--
    变量说明:
    showTopTips : 是否显示提示信息
    errorMsg : 错误信息
    windowHeight :设备的窗口的高度
    windowWidth : 设备的窗口的宽度
    account : 账号
    password :密码
    subPassword :确认密码
    -->
    <view class="page__bd">
      <view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">{{errorMsg}}</view>
      <view style="height: {{windowHeight}}px; width: {{windowWidth}}px;" class="back_img">
      </view>
      <view style="position:absolute;top:{{windowHeight * 0.06}}px;">
        <image src="../../images/meBack.jpg" style="width: {{windowWidth * 0.4}}px;height:{{windowWidth * 0.4}}px; margin-left:{{windowWidth * 0.5 - 80}}px;border-radius:{{windowWidth * 0.2}}px;"></image>
      </view>
      <form bindsubmit="formSubmit" bindreset="formReset">
        <view class="login_info" style="top:{{windowHeight * 0.35}}px;width: {{windowWidth * 0.92}}px;">
          <view class="weui-cells weui-cells_after-title login_form">
            <view class="weui-cell weui-cell_input">
              <view class="weui-cell__hd">
                <view class="weui-label">账号</view>
              </view>
              <view class="weui-cell__bd">
                <input class="weui-input" placeholder="请输入账号" type="text" maxlength="20" value="{{account}}" focus="true" name="account"/>
              </view>
            </view>
            <view class="weui-cell weui-cell_input">
              <view class="weui-cell__hd">
                <view class="weui-label">密码</view>
              </view>
              <view class="weui-cell__bd">
                <input class="weui-input" placeholder="请输入密码" type="password" maxlength="10" value="{{password}}" name="password"/>
              </view>
            </view>
            <view class="weui-cell weui-cell_input">
              <view class="weui-cell__hd">
                <view class="weui-label">确认密码</view>
              </view>
              <view class="weui-cell__bd">
                <input class="weui-input" placeholder="请输入确认密码" type="password" maxlength="10" value="{{subPassword}}" name="subPassword"/>
              </view>
            </view>
            <view class="weui-btn-area">
              <button class="weui-btn" type="primary" formType="submit">注册</button>
            </view>
          </view>
        </view>
      </form>
    </view>


    wxss源码:

     

    1. 背景图片以毛玻璃的形式展示

    2. form表单背景透明

     

    .back_img{
      background: url(../../images/meBack.jpg) no-repeat;
      background-size:cover;
      -webkit-filter: blur(10px); /* Chrome, Opera */
      -moz-filter: blur(10px);
      -ms-filter: blur(10px);    
      filter: blur(10px); 
      z-index:0;
      position:relative;
    }
    .login_info{
      z-index: 999;
      position:absolute;
    }
    .login_form{
      border-radius:5px;
      margin-left:8%;
      background-color: rgba(255,255,255,0.2);
    }


    js源码:

     

    1. form表单获取值

    2. request请求

    3. 交互反馈弹出框

    4. 导航页面跳转传值

     

    var util = require('../../utils/util.js');
    var app = getApp();
    
    Page({
      data: {
        showTopTips: false,
        errorMsg: ""
      },
      onLoad: function () {
        var that = this;
        wx.getSystemInfo({
          success: function (res) {
            that.setData({
              windowHeight: res.windowHeight,
              windowWidth: res.windowWidth
            })
          }
        });
      },
    
      formSubmit: function (e) {
        // form 表单取值,格式 e.detail.value.name(name为input中自定义name值) ;使用条件:需通过<form bindsubmit="formSubmit">与<button formType="submit">一起使用
        var account = e.detail.value.account;
        var password = e.detail.value.password;
        var subPassword = e.detail.value.subPassword;
        var that = this;
        // 判断账号是否为空和判断该账号名是否被注册
        if ("" == util.trim(account)) {
          util.isError("账号不能为空", that);
          return;
        } else {
          util.clearError(that);
          app.ajax.req('/register/checkLoginName', {
            "loginName": account
          }, function (res) {
            if (!res) {
              util.isError("账号已经被注册过", that);
              return;
            }
          });
        }
        // 判断密码是否为空
        if ("" == util.trim(password)) {
          util.isError("密码不能为空", that);
          return;
        } else {
          util.clearError(that);
        }
        // 两个密码必须一致
        if (subPassword != password) {
          util.isError("输入密码不一致", that);
          return;
        } else {
          util.clearError(that);
        }
        // 验证都通过了执行注册方法
        app.ajax.req('/itdragon/register', {
          "account": account,
          "password": password
        }, function (res) {
          if (true == res) {
            // 显示模态弹窗
            wx.showModal({
              title: '注册状态',
              content: '注册成功,请点击确定登录吧',
              success: function (res) {
                if (res.confirm) {
                  // 点击确定后跳转登录页面并关闭当前页面
                  wx.redirectTo({
                    url: '../login/login?account=' + account + '&password?=' + password + ''
                  })
                }
              }
            })
          } else {
            // 显示消息提示框
            wx.showToast({
              title: '注册失败',
              icon: 'error',
              duration: 2000
            })
          }
        });
      }
    })
    


    util.js 源码(封装了一些常用的方法,如果有不懂的内容,可以参考前面几章)

     

     

    function formatTime(date) {
      var year = date.getFullYear()
      var month = date.getMonth() + 1
      var day = date.getDate()
    
      var hour = date.getHours()
      var minute = date.getMinutes()
      var second = date.getSeconds()
    
      return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
    }
    
    function formatNumber(n) {
      n = n.toString()
      return n[1] ? n : '0' + n
    }
    
    var rootDocment = 'https://www.itit123.cn';
    function req(url,data,cb){
        wx.request({
          url: rootDocment + url,
          data: data,
          method: 'post',
          header: {'Content-Type':'application/x-www-form-urlencoded'},
          success: function(res){
            return typeof cb == "function" && cb(res.data)
          },
          fail: function(){
            return typeof cb == "function" && cb(false)
          }
        })
    }
    
    function getReq(url,data,cb){
        wx.request({
          url: rootDocment + url,
          data: data,
          method: 'get',
          header: {'Content-Type':'application/x-www-form-urlencoded'},
          success: function(res){
            return typeof cb == "function" && cb(res.data)
          },
          fail: function(){
            return typeof cb == "function" && cb(false)
          }
        })
    }
    
    // 去前后空格
    function trim(str) {
      return str.replace(/(^\s*)|(\s*$)/g, "");
    }
    
    // 提示错误信息
    function isError(msg, that) {
      that.setData({
        showTopTips: true,
        errorMsg: msg
      })
    }
    
    // 清空错误信息
    function clearError(that) {
      that.setData({
        showTopTips: false,
        errorMsg: ""
      })
    }
    
    module.exports = {
      formatTime: formatTime,
      req: req,
      trim: trim,
      isError: isError, 
      clearError: clearError,
      getReq: getReq
    }


    登录页面也是一样的逻辑和代码,这里就不再贴出来,后续会提供源码(文中的请求地址可能已经失效,仅供参考)。

     

     

     

     

    展开全文
  • 微信小程序入门教程+案例demo

    万次阅读 多人点赞 2016-10-31 23:25:21
    微信小程序入门教程+案例demo 尊重原创,转载请注明出处:原文查看惊喜更多 http://blog.csdn.net/qq137722697 首先摆在好姿态,——微信小程序开发也就那么回事。你只需要一点点css(真的只要一点点)的基础就...

    微信小程序入门教程+案例demo

    尊重原创,转载请注明出处:原文查看惊喜更多 http://blog.csdn.net/qq137722697


    首先摆在好姿态,——微信小程序开发也就那么回事。你只需要一点点css(真的只要一点点)的基础就可以了。

    认清微信小程序开发

    其实,我觉得小程序就是将微信官方提供20+个基础组件(目前有26个)进行排列组合,然后加上一些css样式,对用户的操作进行反馈(调微信官方提供的60+个api)。26个基础组件+60个开放api=半天就搞定了吧?(认真跟着下面的教程走半天足够了)

    怎么学?

    1、开发工具你得有吧?

    这里是最新版下载链接(传送门)—>微信web开发者工具最新版下载地址

    目前微信小程序开发工具已经不需要破解都可以了,你只要使用手机端微信扫一扫登录开发工具,在创建应用的时候选择为无APPID就可以开发了。
    这里写图片描述

    2、开发文档得有吧?

    很多人可能觉得看视频要习惯点(CSDN学院的微信小程序实战视频),但是本人建议学新东西不要看视频,入门最好的方式就是看官方文档(还有什么谁比官方自己更懂自己的东西呢!),下面是官网地址:

    微信小程序官方文档(传送门)

    当然这里推荐看W3CSchool整理的文档,思路相对比较清晰。(再来个传送门

    3、基础会了,再来点实战

    学完一样东西,最好的方式就是将这个东西付诸于实践,下面进入实战《微信小程序之百思不得其姐(简版)》,如果你能全程跟着做出来,那么你就已经入门成功了。

    先看效果图

    这里写图片描述

    说明这个项目的IDEA是借鉴了这位大哥的,感谢这位大哥

    再来看看项目截图
    这里写图片描述

    具体的代码这里我不就贴了,我把整个项目打包直接下下来就可以用(点我下载DEMO)。

    我使用到的图标都是从阿里巴巴的iconfont下载的(之前不知道的简直就是非常大的福利哦,你用了就知道)。

    4、项目还不够?

    如果你觉得上面的实战还不够激发你的潜能,那么下面给出几个我在学习过程中找的IDEA,希望对你有帮助。

    1)、计算器
    https://github.com/dunizb/wxapp-sCalc

    2)、豆瓣图书
    http://www.jianshu.com/p/c35084200470

    3)、移动商城
    https://github.com/liuxuanqiang/wechat-weapp-mall

    4)、天气
    http://swiftcafe.io/2016/10/03/wx-weather-app/

    5)、空气质量查询
    http://blog.csdn.net/yulianlin/article/details/52692066

    6)、github客户端
    https://blog.zhengxiaowai.cc/post/weapp-demo.html

    7)、知乎日报
    http://www.apkbus.com/forum.php?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12


    最后

    感谢上面提到demo的作者们,共同进步……

    展开全文
  • 【教程】微信小程序入门

    千次阅读 2017-07-19 11:49:07
    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 微信小程序入门必须掌握的几个知识点 ITDragon龙微信小程序入门 微信小程序入门 《一》文章...

    微信小程序入门基础知识

    Moustache:我的微信小程序入门踩坑之旅

    github精选:微信小程序入门简要教程

    微信小程序入门必须掌握的几个知识点

    ITDragon龙微信小程序入门

    微信小程序入门 《一》文章列表,UI框架

    微信小程序入门 《二》request请求

    微信小程序入门 《三》详情页面,上滑加载下拉刷新

    微信小程序入门 《四》本地缓存和搜索(附源码)

    微信小程序入门 《五》登录注册

    微信小程序入门 《六》头像上传

    lecepin 微信小程序入门实例

    微信小程序入门 《一》: 简 介、文本、事件、样式

    微信小程序入门 《二》实例:条件渲染、数据遍历、网络请求、获取本地图片 ... ..

    微信小程序入门 《三》实例:简易form、本地存储

    微信小程序入门 《四》实例:导航栏样式、tabBar导航栏

    微信小程序入门 《五》实例:wxml文件引用、模版、生命周期

    微信小程序入门 《六》实例:WebSocket应用

    微信小程序入门 之组件学习

    天河微信小程序入门

    天河微信小程序入门《二》:阿里云tomcat免费配置https

    天河微信小程序入门《三》:打通任督二脉,前后台互通

    天河微信小程序入门《四》:融会贯通,form表单提交数据库

    wyao微信小程序入门

    微信小程序入门 实战:知识准备及入门实战基础

    wyao:微信小程序入门三:豆瓣电影实战

    wyao:微信小程序入门四:框架详解(1):配置

    微信小程序入门

    微信小程序入门 :模块化,网络请求封装

    微信小程序入门 :相册选择,拍照,toast等弹框提示

    微信小程序入门 :滑块视图容器(swiper),滚动选择器(时间日期选择器) ...

    微信小程序入门 实例:navbar、swiper 应用

    微信小程序入门 :Flex布局

    微信小程序入门 之构建一个简单TODOS应用

    微信小程序入门 实例:简易计算器

    微信小程序入门 实例之记事本

    微信小程序入门 demo之猫眼电影

    展开全文
  • 微信小程序入门八头像上传

    万次阅读 2017-04-08 23:30:28
    上一章介绍了微信小程序入门七登录注册,这章谈谈头像的选择,上传,预览以及后台服务端代码的功能。本章节主要用的知识点有 1.action-sheet 底部弹出可选菜单组件 2. wx.uploadFile 将本地资源上传到服务器 3. wx....

     

    上一章介绍了微信小程序入门七登录注册,这章谈谈头像的选择,上传,预览以及后台服务端代码的功能。本章节主要用的知识点有

    1. action-sheet 底部弹出可选菜单组件

    2. wx.uploadFile 将本地资源上传到服务器

    3. wx.chooseImage 从本地相册选择图片或使用相机拍照。

    4. wx.previewImage 预览图片

    效果图:

    wxml代码:

     

    <!--
    变量说明:
    windowHeight :设备的窗口的高度
    windowWidth : 设备的窗口的宽度
    actionSheetHidden : 组件是否显示
    actionSheetItems :组件菜单项
    -->
    <view class="page__bd" style="height: {{windowHeight * 0.8}}px; width: {{windowWidth}}px;">
        <view class="weui-cells weui-cells_after-title me-info"
        style="top:{{windowHeight * 0.4}}px;">
            <view class="weui-cell">
                <view class="weui-cell__hd" style="position: relative;margin-right: 10px;">
                    <image src="{{userImg}}" style="width: 50px; height: 50px; display: block;border-radius:25px;" bindtap="clickImage"/>
                </view>
                <view class="weui-cell__bd">
                    <navigator url="../login/login" >
                    点击登录</navigator>
                    <view style="font-size: 13px;color: #888888;">摘要信息</view>
                </view>
            </view>
            <view class="weui-cell weui-cell_access">
                <view class="weui-cell__bd">
                    <view style="display: inline-block; vertical-align: middle">发布博客</view>
                </view>
                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
            </view>
            <view class="weui-cell weui-cell_access">
                <view class="weui-cell__bd">
                    <view style="display: inline-block; vertical-align: middle">信息列表</view>
                    <view class="weui-badge" style="margin-left: 5px;">8</view>
                </view>
                <view class="weui-cell__ft weui-cell__ft_in-access">详细信息</view>
            </view>
            <view class="weui-cell weui-cell_access">
                <view class="weui-cell__bd">
                    <view style="display: inline-block; vertical-align: middle">个人资料</view>
                </view>
                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
            </view>
            <view class="weui-cell weui-cell_access">
                <view class="weui-cell__bd">
                    <view style="display: inline-block; vertical-align: middle">设置</view>
                </view>
                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
            </view>
        </view>
        <action-sheet hidden="{{actionSheetHidden}}" bindchange="actionSheetbindchange">
            <block wx:for="{{actionSheetItems}}" wx:key="unique">
                <action-sheet-item bindtap="{{item.bindtap}}">{{item.txt}}</action-sheet-item>
            </block>
            <action-sheet-cancel class="cancel">取消</action-sheet-cancel>
        </action-sheet>
    </view>

    wxss代码:

     

    .page__bd{
        background: url(https://www.itit123.cn/image/meBack.jpg) no-repeat;
        background-size:cover;
    }

    js代码:

     

    var util = require('../../utils/util.js');
    var app = getApp();
    
    Page({
        data: {
            userImg: "../../images/pic_160.png", // 头像图片路径
            actionSheetHidden: true, // 是否显示底部可选菜单
            actionSheetItems: [
                { bindtap: 'changeImage', txt: '修改头像' },
                { bindtap: 'viewImage', txt: '查看头像' }
            ] // 底部可选菜单
        },
        // 初始化加载获取设备长宽
        onLoad: function (options) {
            var that = this;
            wx.getSystemInfo({
                success: function (res) {
                    that.setData({
                        windowHeight: res.windowHeight,
                        windowWidth: res.windowWidth
                    })
                }
            });
        },
        // 点击头像 显示底部菜单
        clickImage: function () {
            var that = this;
            that.setData({
                actionSheetHidden: !that.data.actionSheetHidden
            })
        },
        // 点击其他区域 隐藏底部菜单
        actionSheetbindchange: function () {
            var that = this;
            that.setData({
                actionSheetHidden: !that.data.actionSheetHidden
            })
        },
        // 上传头像
        changeImage: function () {
            var that = this;
            wx.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
                success: function (res) {
                    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片,只有一张图片获取下标为0
                    var tempFilePaths = res.tempFilePaths[0];
                    that.setData({
                        userImg: tempFilePaths,
                        actionSheetHidden: !that.data.actionSheetHidden
                    })
                    util.uploadFile('/itdragon/uploadImage', tempFilePaths, 'imgFile' ,{}, function (res) {
                        console.log(res);
                        if (null != res) {
                            that.setData({
                                userImg: res
                            })
                        } else {
                            // 显示消息提示框
                            wx.showToast({
                                title: '上传失败',
                                icon: 'error',
                                duration: 2000
                            })
                        }
                    });
                }
            })
        },
        // 查看原图
        viewImage: function () {
            var that = this;
            wx.previewImage({
                current: '', // 当前显示图片的http链接
                urls: [that.data.userImg] // 需要预览的图片http链接列表
            })
        }
    });

    utils.js代码:

     

    //上传文件
    function uploadFile(url, filePath, name, formData, cb) {
      console.log('a=' + filePath)
      wx.uploadFile({
        url: rootDocment + url,
        filePath: filePath,
        name: name,
        header: {
          'content-type': 'multipart/form-data'
        }, // 设置请求的 header
        formData: formData, // HTTP 请求中其他额外的 form data
        success: function (res) {
          if (res.statusCode == 200 && !res.data.result_code) {
            return typeof cb == "function" && cb(res.data)
          } else {
            return typeof cb == "function" && cb(false)
          }
        },
        fail: function () {
          return typeof cb == "function" && cb(false)
        }
      })
    }

    后台服务器代码:

     

    @RequestMapping("uploadImage")
    	@ResponseBody
        public String uploadHeadImage(HttpServletRequest request, @RequestParam(value = "imgFile" , required=false) MultipartFile imageFile) {
    		try {
    			System.out.println("imageFile :::: " + imageFile);
    			String realPath = request.getSession().getServletContext().getRealPath("/");
    			if(imageFile!=null){
    				if(GenerateUtils.allowUpload(imageFile.getContentType())){
    					String fileName = GenerateUtils.rename(imageFile.getOriginalFilename());
    					String saveName = fileName.substring(0,fileName.lastIndexOf("."));
    					File dir = new File(realPath + "image");
    					if(!dir.exists()){
    						dir.mkdirs();
    					}
    					File file = new File(dir,saveName+".jpg");
    					imageFile.transferTo(file);
    					return "https://www.itit123.cn/sierew/image/"+file.getName();
    				}
    			}
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
            return "null";
        }

     

    最后是有关头像裁剪的问题,没有找到合适的解决方法。不能在选择图片的时候进行裁剪,如果有知道的朋友请赐教。还有一种是图片选择后裁剪。可以参考 weCropper.js 地址:https://github.com/dlhandsome/we-cropper

     

    微信小程序系统学习地址:微信小程序入门教程

     

     

     

     

    展开全文
  • 【小程序入门集锦】1,微信小程序在哪里打开 【小程序入门集锦】2,小程序商店 【小程序入门集锦】3,微信小程序template模板简解 【小程序入门集锦】4,使用zanui开发小程序微商城(模板组件的开发规范) ...
  • 微信小程序入门级实战开发指南

    万次阅读 多人点赞 2018-12-10 19:01:35
    微信小程序入门级实战开发指南 概述 微信小程序,简称小程序,英文名Mini Program,是一种“不需要下载安装”即可使用的应用(实际上是需要下载安装的,只是整个过程被简化到可以让用户忽略的地步),它实现了应用...
  • 【微信小程序】小程序入门的目录结构及配置
  • 微信小程序入门三request请求

    万次阅读 2017-03-08 21:38:00
    上一章讲了微信小程序的UI框架 weui-wxss 这章就谈谈微信小程序的数据交互,wx.request 方法。 request的请求发起的是https的请求,如果你的服务器是http站点,那需要做配置。可以参考文章:http转https教程 如果你...
  • WDM驱动程序入门

    千次阅读 2007-05-10 15:05:00
    WDM驱动程序入门(1)-Hello WDM WDM驱动程序入门(2)――驱动程序的小秘密 WDM驱动程序入门(3)——安装步骤
  • 支付宝小程序入门教程+案例demo

    万次阅读 2017-09-25 00:00:17
    支付宝小程序入门教程+案例demo 尊重原创,转载请注明出处 一、支付宝小程序开发工具你要有吧? 这里是最新版下载链接(传送门)—>支付宝小程序开发者工具最新版下载地址(win64/mac版) 目前...
  • 支付宝小程序入门

    千次阅读 2019-08-26 11:20:05
    之前没有写过小程序,这个月着手一个支付宝小程序,全凭官方文档苟活,千万不要觉得难,开发文档大致浏览一遍就直接开始写,比html简单多了,分享一些基础,方便入门 没写过微信小程序,所以对于两者之间具体的对比...
  • 微信小程序开发,微信小程序开发入门,快速开始微信小程序开发,微信小程序入门指引
  • 微信小程序入门之计算器

    万次阅读 2018-07-28 10:05:27
    微信小程序现在越来越火爆了,我也看到很多在校大学生都在自学了,那些...今天教一些刚入门的同学做一款计算器,如果C语言是编程的最佳入门语言,那计算器应该算得上是小程序入门demo了,希望刚入门的同学们认真品...
  • wechat小程序入门

    千次阅读 2017-09-25 21:14:19
    入门篇主要参考: [简易教程·小程序][1] [1]https://mp.weixin.qq.com/debug/wxadoc/dev/简易教程 获取微信小程序的 AppID 登入你的小程序 : https://mp.weixin.qq.com/ 创建项目 下载开发者工具: ...
  • Eclipse开发Android应用程序入门

    万次阅读 2012-08-06 20:06:37
    Eclipse开发Android应用程序入门 By Chris Blunt 翻译:赵锟 原文出处:http://www.smashingmagazine.com/2010/10/25/get-started-developing-for-android-with-eclipse/ 如今的...
  • 【微信小程序】小程序入门app.js、app.json、app.wxss解说
  • 翻译自 JavaFX示例应用程序入门 此示例应用程序集旨在帮助您开始使用常见的JavaFX任务,包括使用布局,控件,样式表,FXML和视觉效果。 Hello World,JavaFX Style JavaFX中的表单设计 ...
  • 程序入门(0)项目创建篇

    千次阅读 2016-10-02 14:37:23
    已经创建项目的可以看我另一篇讲解 小程序入门讲解 (1)项目结构篇。 官方下载地址 安装后扫描登入。 添加项目 你应该是没有APPID的 选择无APPID 会缺少一项功能后面讲解(目前只发现一项)。 ...
  • 微信小程序入门到精通

    万次阅读 2020-07-06 09:17:35
    1、rpx:小程序的尺寸单位,规定屏幕为750rpx,可适配不同分辨率的屏幕 2、本地资源无法通过wxss获取 RE:background-image:可以使用网络图片,或者base64,或者使用标签 3、wx.navigateTo无法打开页面 RE:一个应用...
  • 程序入门(1)项目结构篇。

    千次阅读 2016-10-02 14:18:27
    (在看本文时你应该已经创建起一个项目了 PS:小程序入门讲解(0)项目创建篇) 创建外层文件 button ,找到加号! 创建内层文件 js,json , wxml , wxss . 名字与外层文件相同。 创建外层文件,分别...
  • 微信应用号(小程序,「应用号」的新称呼)终于来了! 目前还处于内测阶段,微信只邀请了部分企业参与封测。想必大家都关心「小程序」的最终形态到底是什么样子?怎样将一个「服务号」改造成为「小程序」? 我们...
  • 支付宝小程序入门心得

    千次阅读 2018-08-15 16:38:36
    研究并参与开发微信小程序项目刚结束两周,因项目组安排最近研究支付宝小程序,当时一脸懵逼。。百度查看支付宝开发者文档后,和微信的那套体系很类似。但没想到坑比微信小程序还多,毕竟才出不久,很多地方需要完善...
  • 基于第一章的quick start模版,我们来进行开发改动,并学习微信小程序的相关概念及开发基础知识。 最终小程序效果图,扫码查看: 一 新建页面及引入类库 我们来打开app.json文件来快速创建页面,page数组第一行...
  • echarts微信小程序入门

    千次阅读 2018-08-10 09:29:38
    下载echart微信小程序demo和库echarts-for-weixin 2.引入到微信小程序中 1)创建一个新的快速启动模板微信小程序项目 参考例子路由:/pages/index/index 2)存放echart库 须将demo所有的ec-canvas里面的...
  • JAVA Applet小应用程序入门

    万次阅读 多人点赞 2018-07-20 17:31:55
    指定applet程序名,即可在浏览器中运行. 2.Applet如何编写 我的工具是 eclipse。新建一个类 该类必须是public且继承Applet。文件名与类名一样 3.Applet类中方法的执行顺序与生命周期 先执行构造方法 再执行...
  • 天河君在第一时间通过了微信小程序验证,开启了我的微信小程序之旅。因为天河君之前是一名后端狗,对前端不是很了解,...(天河微信小程序入门《一》) 冷静下来后,天河发现,之前的很多demo在手机上都用不了,因为公

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 163,434
精华内容 65,373
关键字:

程序入门