微信小程序入门

记录一下今天的学习情况,微信小程序新手入门简介,从注册到新建项目到一些基础的配置标签等等,感觉还是比较容易上手的,况且对一些本身就有编程基础的同学学习起来就更加容易了。

一、注册小程序

1、打开微信公众平台

微信公众平台官网

如果没有注册过先注册,选择要注册的项目。


注册项目

如果要进行小程序的开发选择微信小程序。


信息填写

这里注意一个邮箱只能注册一个,如果该邮箱注册过公众号,订阅号等,则需要更换邮箱。信息登记时如果是企业需要上传企业带章图片,要保证图片清晰性,否则会注册失败。如果是个人选择个人即可。

2、获取appId

注册完成登陆进去后,在开发——>开发设置中获取appId,appId相当于开发者身份标识,创建项目时会用到。


appId获取

3、下载微信开发者工具

微信开发有专门的开发编辑器,用起来很方便,专用于微信开发。
在开发——>开发者工具中下载。

二、项目创建

小程序项目创建

项目目录:新建一个空文件夹,用于保存代码
appId:上一步获取的appId
项目名称:自定义
勾选项:可以选择云开发(采用云数据库)、非云开发(前后端分离,采用第三方数据库)我这里选择云开发。

三、目录结构介绍

此目录结构为云开发的目录结构


目录结构

cloudfunctions:指定腾讯云项目的目录
miniprogram:小程序中的基本代码都在这里

  • images:图片文件夹,存放所有用到的图片
  • pages:所有小程序的界面相关文件夹,每一个界面文件夹下都包含对应的四个文件:

.js:脚本逻辑文件,用户与页面的交互逻辑
.json:界面的配置文件,以json格式存储的配置
.wxml:模板文件,描述页面结构,相当于html
.wxss:样式文件,调整页面样式,相当于css

  • style:项目基本样式文件夹
    README.md:写一些关于项目的描述
    project.config.json:小程序的项目配置文件(对整个项目的配置)

四、小程序基本配置

1、项目配置project.config.json

项目配置

2、局部配置 app.json

局部配置

3、页面配置xxx.json

对某一页面进行配置需要在页面文件夹下的.json文件中单独配置,配置的样式仅对这一页面有效。


页面配置

到此,小程序的创建到基本配置完成。
详细可以参考小程序的官方文档,官方文档写的很详细。

你可能感兴趣的:(微信小程序入门)