一篇文章 - 轻松入门微信小程序

置顶孤名@

已于 2023-01-10 20:46:16 修改

阅读量3.9k

点赞数

分类专栏：笔记前端知识点合集文章标签：微信小程序小程序 javascript 前端

于 2023-01-10 20:17:18 首次发布

本文链接：https://blog.csdn.net/zyh1841474614/article/details/128635695

版权

笔记同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

前端知识点合集

5 篇文章 0 订阅

订阅专栏

本文详细介绍了微信小程序的开发流程，包括环境搭建、开发工具使用、数据绑定、事件绑定、路由跳转、用户信息获取以及实战项目如商城、网易云音乐项目的开发。此外，还涉及到服务器配置Redis和MySQL、前后端数据交互等内容，适合初学者入门。

摘要由CSDN通过智能技术生成

Step01.微信小程序开发环境

百度

Step02.了解开发工具

`sitemap.json(项目规则配置)`

{
   
    "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
    "rules": [{

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

孤名@

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序 - 入门篇

世界和我们都不该止步于此

10-22

3037

在我们进行自定义Tabbar之前，必须要注意一个点（不注意也行，到时候微信小程序会报错的）：我们就算自定义了Tabbar也不能将配置文件中的list节点删除首先我们给tabbar配置这样一条指令然后我们进入官网：下载给我们配置的tabbar：然后将文件复制到我们的项目根目录之下，修改wxs文件中的配置路径、图标等等onShow() {

零基础入门微信小程序开发

热门推荐

GitChat

07-03

34万+

本课程是一个系列入门教程，目标是从 0 开始带领读者上手实战，课程以微信小程序的核心概念作为主线，介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展，另外加上开发工具的安装、小程序发布等内容，共 9 篇文章。

参与评论您还未登录，请先登录后发表或查看评论

【微信小程序】使用uni-app框架开发微信小程序：快速入门指南

墨夶的博客

11-11

554

通过本文的介绍，相信你已经掌握了使用uni-app框架开发微信小程序的基本方法。uni-app不仅简化了开发流程，提高了开发效率，还为开发者提供了更多的可能性。无论是个人开发者还是企业团队，都可以从中受益。希望你能充分利用uni-app的强大功能，创造出更多优秀的作品！

微信小程序--（小白基础入门）

S22317的博客

07-03

2477

index.js 后续写动态效果代码的位置特效与后台交互获取数据。注意：选项卡至少2个，至多5个图标选项卡不能是网络图片大小有限制。3.每一个界面都在默认生成的pages文件夹下。 index.json 引用其它组件内容的配置文件位置。 index.wxml 类似于html页面，写布局的。 index.wxss 类似与写的css文件。4.新建页面在app.json中新建,在pages中新建。2.每个页面都需要配置app.json文件中。

微信小程序：从零入门，这篇文章让你快速上手微信小程序开发

weixin_72707764的博客

03-11

3846

从零开始，快速上手微信小程序，小程序的基本语法，包括但不限于事件绑定、生命周期、常见组件，快来一起学习吧。

微信小程序入门篇

weixin_49555741的博客

01-06

2420

pages: 存放小程序页面utils：存放工具性质的模块（例如格式化时间的自定义模块）app.js: 入口文件app.json: 全局配置文件app.wxss: 全局样式文件project.config.json: 配置文件sitemap.json: 配置小程序以页面是否被微信索引宿主环境是指程序运行所必须的依赖环境例如Android系统和IOS系统是两个不同的宿主环境，安卓的微信是不能在IOS环境下运行的，安卓的宿主环境是Android，脱离了宿主环境的软件是没有意义的。

微信小程序 --- 小程序基础知识

最新发布

fkseo001的博客

11-14

984

微信小程序是运行于微信内部的轻量级应用程序，具有 “无须安装、用完即走、无须卸载、触手可及” 的特性。用户通过扫一扫或搜一下即可打开应用，使用便捷，无需像传统 App 那样经历下载和安装过程，充分体现了应用的即时性和便利性，完美契合了现代快节奏生活中人们对高效获取服务的需求。

【微信小程序入门】1、初识微信小程序

不迁怒，不贰过。小知识，大智慧。

08-30

1854

一、创设情景导入新课二、新课讲解 1、什么是微信小程序 2、微信小程序的特点 3、微信小程序的发展前景 4、微信小程序的宿主环境三、总结归纳

一篇文章入门-微信小程序地图开发

weixin_45138590的博客

05-07

1540

最近接了个跟微信小程序地图有关的开发任务，第一次在小程序上开发地图，既兴奋又忐忑。还好，虽然小程序地图的 API 功能有些少，但是基本的需求都能覆盖到。在这里，对微信小程序地图开发的基本功能进行总结归纳。官方文档对地图属性、方法的归纳比较到位，但缺乏示例代码，第一次搞还是有点迷糊的。网上的文章又写得七零八落，没见到有人专门总结归纳。本人使用开发的微信小程序，因此使用的是 Taro 提供的地图 API，但是和微信官方的是一样的，Taro 不过是二次封装而已。Taro Map 组件。

【2048】-微信小程序教程-入门篇-实战【1】

03-29

目标用户：学习过【入门篇】的同学或有一定编程经验的同学。学习目标：概要了解由业务建模要需求设计阶段。案例分析：小游戏2048。 2. 小游戏2048 (此图片来源于网络，如有侵权，请联系删除! ) 通过试玩，我们...

【2048】-微信小程序教程-入门篇-实战【2】

03-29

目标用户：学习过【入门篇】的同学或有一定编程经验的同学。学习目标：如果2048”就是一个页面，那么开始动手吧！案例分析：小游戏2048。 2. 对需求设计做减法上一节的流程图相信大家都看了。对于怎么研发自己...

微信小程序开发之入门实例教程篇

01-03

本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。一、注册小程序账号 1、进入微信公众平台（https://mp.weixin.qq.com/），注册小程序账号，根据提示填写对应的信息即可。 2、注册...

微信小程序---电商家具入门篇

03-29

今年是小程序很火的一年，所以最近在自学微信小程序，所以打算自己撸一个小程序出来，由于自己才刚刚自学不久。就做了一个相对简单的家具小程序。当然在这其中也遇到了一些问题和bug,在这就和大家分享一下，这样才能...

（Windows系统）Visual Studio 2019如何设置背景图片以及自定义主题

zyh1841474614的博客

12-22

1万+

（Windows系统）Visual Studio 2019如何设置背景图片以及自定义主题 #背景图片点击【扩展】->【管理扩展】->【联机】->【搜索框】->【Claudial IDE】->【下载】安装成功后关闭VS所有界面，关闭后会出现下载Claudial IDE的界面，点击安装（可能要等一会）提示：如果没有关闭VS所有界面进行Claudial IDE的安装，安装会失败安装成功后，打开VS2019，【工具】->【选项】->【Claudi.

C# 求1-1/2+1/3-...-1/100的和

zyh1841474614的博客

09-18

4132

这道题我相信用你自己熟悉的编程语言都能解决,只是涉及到少量的语法问题罢了代码 using System; namespace Test { class Program { static void Main(string[] args) { int fm = 0; double sum = 0.0; for(fm = 1;fm <= 100; fm++) .

谷歌浏览器设置背景图片背景图

zyh1841474614的博客

04-22

1769

在这里插入图片描述

用Python画太极

zyh1841474614的博客

12-10

788

import turtle as t t.hideturtle() t.pensize(5) t.pencolor("black") t.pu() t.goto(0,-100) t.pd() t.fillcolor("white") t.begin_fill() t.circle(200,180) t.end_fill() t.fillcolor("black") t.begin_fill() t.circle(200,180) t.end_fill() t.pu() t.goto(0,300) t.pd

一文快速入门 HTML

zyh1841474614的博客

01-10

421

我就是这么入门前端的

uniapp 键盘遮挡输入框

11-28

为了解决uniapp中键盘遮挡输入框的问题，可以尝试以下方法： 1.使用scroll-view组件将页面内容包裹起来，并设置scroll-y属性为true，这样当键盘弹出时，页面会自动滚动，从而避免了键盘遮挡输入框的问题。 2.在input标签中增加三个属性：always-embed、adjust-position和cursor-spacing。其中，always-embed属性可以让输入框一直处于embed模式，不会被键盘遮挡；adjust-position属性可以让输入框自动调整位置，避免被键盘遮挡；cursor-spacing属性可以设置输入框与键盘之间的距离，从而避免输入框被键盘遮挡。下面是一个示例代码： ```html <scroll-view scroll-y="true"> <view> <input type="text" placeholder="请输入用户名" always-embed="true" adjust-position="true" cursor-spacing="30" /> <input type="password" placeholder="请输入密码" always-embed="true" adjust-position="true" cursor-spacing="30" /> </view> </scroll-view> ```