微信小程序--基础用法

2024-04-28 01:14:18

准备工作

注册账号

打开微信公众平台官网：https://mp.weixin.qq.com/

点击立即注册

点击小程序

按照步骤进行注册：PS 要准备一个未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱

注册完成后进行扫码登录

选择绑定好的微信小程序管理账号

获取APPID

登录之后

点击左边的开发管理

点击开发设置下面就会显示

此APPID 就是你之后开发微信小程序使用的ID号，可以保存的本地

开发工具下载

https://developers.weixin.qq.com/miniprogram/dev/framework/

打开文档

点击工具

点击下载

下载完之后双击打开进行安装，直接点击下一步即可根据步骤

安装好就是这样一个电脑app，双击打开即可

会出现此标志，微信扫码登录

登录以后点击**+**号

将自己保存的APPID填入，开发阶段勾选不使用云服务，项目名称与地址随意

打开之后即完成创建

项目编写

创建文件:

可以在根目录下app.json中pages里面直接编译创建文件

wxml文件相当于html文件 wxss文件相当于css文件

也可以在pages文件夹内手动创建（不推荐）

首页面编写：

<view></view>相当于div盒子容器

官网参考地址

https://developers.weixin.qq.com/miniprogram/dev/component/view.html

<text></text>相当于span标签

官网参考地址

https://developers.weixin.qq.com/miniprogram/dev/component/text.html

<open-data></open-data> 获取用户的信息

官网参考地址

https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html

swiper轮播图插件

官网参考地址

https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

<image></image> 相当于img标签

官网参考地址

https://developers.weixin.qq.com/miniprogram/dev/component/image.html

引入阿里巴巴矢量库图标

https://www.iconfont.cn/

登录官网

搜索图标

鼠标移入加入购物车

点击

添加至项目

复制地址网页打开

页面直接保存至小程序根目录下或者全选复制，自己新建wxss文件粘贴进去

然后在根目录下的app.wxss中引入

注意：一定要以;结束

微信小程序--基础用法相关推荐

更改微信小程序的基础版本库；更改uni-app小程序基础库；更改用户的微信小程序基础库最低版本；设置用户的微信小程序版本库；
需求场景:微信小程序不少API都有最低版本支持,为了避免不必要的麻烦,我们可以根据需要给小程序设置基础库最低版本,这样若用户使用的基础库版本低于设置的最低版本要求,则无法正常使用小程序,并提示更新微信 ...
《微信小程序-基础篇》初识微信小程序
大家好,好久不见了,前段时间各种原因分享不稳定,后面一段时间内参与了主站的原力计划,请麻烦各位支持一下,万分感谢- 本系列将从零开始介绍微信小程序的开发,介绍完基础以后会实际同步开发一个微信小程序的项 ...
微信小程序基础（全家福01）
微信小程序基础目标能够知道如何创建小程序项目能够清除小程序项目的基本组成结构能够知道小程序页面有几个部分组成能够知道小程序中常见的组件如何使用能够知道小程序如何进行协同开发和发布讲解目录 ...
微信小程序基础库的问题
微信小程序基础库的问题很多刚开始开发小程序的开发者经常会遇到在开发者工具的模拟器里面可以正常使用小程序的某个API,但是在预览(真机测试)时打开调试发现使用的API报错,但是开发工具里面的基础库是支 ...
微信小程序--基础内容（详解）（一）
一.常用标签 1.view 标签 view 标签是一个块级元素,类似于 div(小程序里面没有div标签),里面可以放任何内容或者插值表达式,如下所示: <view>这是view标签< ...
微信小程序基础语法
微信小程序基础语法官网:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/ .wxml文件中列表渲染 <view ...
微信小程序基础学习笔记Day02
学习目标:微信小程序基础Day02 今日目标: 能够使用 WXML 模板语法渲染页面结构能够使用 WXSS 样式美化页面结构能够使用 app.json 对小程序进行全局性配置能够使用 page. ...
视频教程-2020最新微信小程序基础+实战精讲视频-微信开发
2020最新微信小程序基础+实战精讲视频负责过多个软件项目的研发.设计和管理工作,拥有项目管理师认证.项目监理师中级认证.出版过的图书有<微信小程序开发图解案例教程><Axure ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...

最新文章

热门文章