微信小程序入门(二)

5.安装微信开发者工具

小程序入口文档

点“小程序开发”-->>"工具-->>再点左边的“下载”,进行开发者工具的下载

6.小程序代码结构简介

登陆开发者工具,创建小程序项目

目录结构

7.小程序配置文件介绍

全局配置app

  • Pages
  • tabBar
  • networkTimeout
  • debug
  • navigationStyle

单个页面配置page

  • navigationBarBackgroundColor
  • navigationBarTextStyle
  • navigationBarTitleText
  • onReachBottonDistance
  • enablePullDownRefresh
  • disableScroll

8,9.开发者工具详解

创建一个'helloworld'的小程序,不使用模板

开发者工具界面

小程序版本

  • 预览版本
  • 体验版本
  • 开发版本
  • 审核版本
  • 线上版本

10.创建第一个小程序

创建几个文件

app.js

作用:帮我们注册一个微信小程序的应用 先写成空

App({})

app.json

作用:是对我们微信小程序应用的一个全局配置 pages里面是目录

{
  "pages":[
    "pages/helloworld/helloworld"
  ]
}

helloworld.wxml

作用:wxml文件就是描述我们页面上要有哪些内容,类似HTML

<view>Hello World!</view>

hellorworld.js

作用:是帮助我们去注册一个微信小程序的页面 先写空

Page({})

helloworld.json

作用:页面的一些配置信息 先写空

{}

helloworld.wxss

作用:用来描述小程序的一个样式,类似css

view{
  width: 100%;
  height: 40rpx;
  text-align: center;
  color: blue;
}

目录结构和运行效果

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我与狸奴不出门

基于CentOS搭建微信小程序--响应错误502

在腾讯云开发者实验室的搭建微信小程序中  ,遇到了在完成实验二会话部署失败后,实验一http访问测试也显示失败并且表示响应错误-错误码:502。(域名是可以正常...

32430
来自专栏一“技”之长

获取iOS应用的URL Schemes 原

3、打开iTunes,查看应用程序,选中相应的应用程序点击右键,选择在Finder中显示,然后解压ipa文件,得到一个文件夹。

12830
来自专栏PHP在线

如何通过预加载器提升网页加载速度

预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了...

349100
来自专栏Java学习123

Linux自动压缩备份目录文件与恢复

首先建立以个空白文档,然后打开编辑成需要的内容,最后保存为*.sh文件 比如我现在Linux 系统 /usr下有个目录soft需要让它每天自动压缩打包到/opt...

46650
来自专栏知晓程序

知晓云 | 5 分钟实现小程序模板消息推送,你可以这样做

但是,有了知晓云,你不用再头疼如何开发模板消息模块。只需要几步简单的操作,就可以轻松实现模板消息推送。

40320
来自专栏云服务试衣间

三步瘦身,做名副其实的「小程序」

手把手教你使用微信小程序瘦身方案 WeCOS。腾讯云为小程序量身打造了小程序相关解决方案,帮助开发者解决小程序包超过大小限制的问题。仅需三步,即可快速使用 We...

1.4K00
来自专栏Golang语言社区

golang基于redis lua封装的优先级去重队列

前言: 前两天由于某几个厂商的api出问题,导致后台任务大量堆积,又因为我这边任务流系统会重试超时任务,所以导致队列中有大量的重复任务。这时候我们要临时解决两个...

44090
来自专栏北京马哥教育

Python微信后台开发--环境搭建与接入指南

0x00 背景及介绍 申请一个微信公众平台订阅号,将后台接入到服务器上,验证服务器地址的有效性,实现简单的业务逻辑,根据用户发送不同类型的消息做出不同的反应。 ...

52160
来自专栏开源优测

Selenium3源码之初识篇

Selenium3源码之初识篇 前提 本系列是对Selenium3的Python3版本的源码进行解读分析,所以你应该需要以下准备: 安装Python3,请自行去...

30360
来自专栏Golang语言社区

golang基于redis lua封装的优先级去重队列

作者: 峰云 博客: http://xiaorui.cc 前言: 前两天由于某几个厂商的api出问题,导致后台任务大量堆积,又因为我这边任务流系统会重试超时任务...

44490

扫码关注云+社区

领取腾讯云代金券