微信小程序云开发入门(1)之了解微信小程序结构

最新推荐文章于 2024-03-07 21:42:03 发布
最新推荐文章于 2024-03-07 21:42:03 发布
阅读量2.5k 收藏 9
点赞数 2
文章标签： 微信小程序 微信云开发 微信数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41966009/article/details/96300443
版权
本文介绍了微信小程序的基本结构，包括如何获取AppID，解析js、json、wxss、wxml文件的作用，以及底部导航栏和页面标题的设置。为后续的微信小程序云开发前端页面开发奠定基础。
摘要由CSDN通过智能技术生成

1.首先，我们先打开新建小程序页面如下

在这里插入图片描述

2.打开微信公众平台
打开成功后点击设置进入如下页面
在这里插入图片描述
找到如下页面中的AppID(小程序ID)，把右边的AppID(小程序ID)复制到我们第1步创建窗口中的AppID位置点击绿色按钮“新建”即可创建成功（切记不要选择小程序·云开发，应该选择不使用云服务）
在这里插入图片描述

3.查看小程序自动新建的页面，基本结构如下

在这里插入图片描述
这时候我们发现创建的文件夹中，主要包含这几个文件夹与文件。这里我简单的说明一下这里面的js,json,wxss是什么

js：JS 简介 JavaScript 是属于 HTML 和 Web 的编程语言（tip：如果没有学过js，推荐去学习完后再来微信小程序的开发，因为主要微信小程序的开发

最低0.47元/天 解锁文章
谁都不许动我的砖
关注
微信小程序云开发云函数入门视频课程下载整理.zip
08-21
通过该视频课程，学习者不仅可以了解微信小程序云开发的基本概念，还能掌握云函数的实际运用技巧，包括如何编写云函数、如何触发云函数、如何调试和监控云函数的运行状态等。此外，课程还可能包含项目实战，帮助学习...
微信小程序开发流程（附思维导图）
web15772051147的博客
02-23 3085
一.工具 HBuilder X 介绍 HBuilderX内置相关环境，开箱即用，无需配置nodejs 安装 下载App开发版，可开箱即用；如下载标准版， 在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用 安装地址[这里是图片001]https://www.dcloud.io/hbuilderx.html 注：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者
【小程序】图解小程序平台架构及其特征与应用机制
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
06-19 5554
在小程序中，视图层通常与逻辑层分离。视图层负责渲染小程序页面，包括Web组件和原生组件的展示，可以认为是混合渲染。 例如，某些 Web 组件可能不被 WebView 支持或存在性能限制，因此 小程序 也需要依赖原生组件，例如地图、视频等组件。逻辑层是用 JavaScript Workers 实现的。 Worker 负责 小程序 的事件处理、API 调用和生命周期管理。小程序在原生能力的扩展，通常来自托管的原生应用程序或操作系统，包括支付、文件处理、图像扫描、电话呼叫等。这些功能通过特定的 API 调用。 当
第一期 微信云开发小程序介绍-生活智打卡
weixin_43394840的博客
11-29 2872
有人说，梦想与现实之间只差一个奋斗的距离。树目标易，坚持攀登难。倘若盯着目标“咬定青山不放松”，一步一个脚印摘取胜利果实，固然可喜。怕就怕目标天天有，行动迟迟不落地，或是“三天打鱼两天晒网”，让理想止步于“三分钟热情”。在日常的闲暇时间中，以往许多人都是吃吃睡睡，刷刷手机和看看电视！自己很多想做的事情却因为一个字“懒”而没有去做。不知道从何时开始，“打卡”悄然走入我们的生活。“打卡”的初衷是为了让自己变得更加自律和优秀，有的人打卡是记录成长的过程，有的人打卡是想化夸赞为力量，有的人打卡是想和伙伴互相督促..
微信小程序云开发框架
求真得真的博客
01-19 3722
概述 一直做后端服务器开发，最近看了一篇文章介绍小程序的云开发模式，觉得挺有意思，就尝试了一下，由本文做个记录。 因为不是专业的小程序开发人员，也没有做过网页开发，所以论述中出现错误难以避免，请多谅解。 微信小程序，在我的理解中，就是一个由微信内置的浏览器解析并展示的js页面，支持一些微信特有的功能性API。 通常的框架中，js页面展示布局和框架，页面中的动态内容由后端服务返回数据，所以早先的小程序需要自己开发并部署后端服务和数据库。 随着小程序的发展，现在的后端服务和数据库支持云开发模...
微信小程序健康管理系统的开发与实现
BS009的博客
08-16 2232
经过调查和走访研发的这套在线健康管理系统，采用微信小程序云开发实现，基于Mongodb数据库进行数据存储，前端使用微信小程序开发实现，后端基于Nodejs开发实现。系统前端用户主要实现查看新闻通知、体检知识、在线体检预约、查看我的预约、修改个人资料等。后台主要实现用户管理、内容管理、活动和预约管理、统计预约用户数等功能。这套系统的上线对于人们健康的管理和体检预约都有很大帮助。...
2020年末最新微信小程序云开发入门(6小时带你微信小程序云开发入门)
07-01
本教程“2020年末最新微信小程序云开发入门”旨在帮助开发者快速掌握这一技术，实现从零到一的微信小程序开发。 在微信小程序云开发中，开发者不再需要独立搭建和维护服务器，而是可以直接利用腾讯云提供的服务，...
2020微信小程序开发入门期末真题期末复习题.docx
05-27
2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发入门期末真题期末复习题.docx2020微信小程序开发...
微信小程序开发之入门实例教程篇
01-03
本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。 一、注册小程序账号 1、进入微信公众平台（https://mp.weixin.qq.com/），注册小程序账号，根据提示填写对应的信息即可。 2、注册...
微信小程序开发入门
03-29
微信小程序已经火了一段时间了，之前一直也在关注，就这半年的发展来看，相对原生APP大部分公司还是不愿意将主营业务放到微信平台上，以免受制于腾讯，不过就小程序的应用场景（用完即走和二维码分发等）还是很值得...
微信云开发技术架构
Nodejs
05-11 2161
后端也可以使用这个sdk对接微信侧提供的一些功能，因为云函数内部集成了微信的鉴权，所以后端可以免去鉴权工作进行对接，提高开发效率。很明显的是生态问题，比如没有框架支持，一些第三方的npm包不支持，扩展较难，比如添加自定义的日志监控，服务监控等。可以看到，微信云开发有自己的生态，不仅不需要维护服务器，并且对微信类的开发提供了免鉴权等入口，提高对接微信的效率。微信云开发有着自己的代码编辑器，它内部集成了vscode的内核，然后再上面进行拓展，开发了微信特有的一系列功能。回档期间，数据库的数据访问不受影响。
微信小程序架构图与开发
子燕若水的博客
10-20 8430
双线程模型 真实环境 微信小程序视图层是 WebView，逻辑层是 JS 引擎。三端（android/IOS/开发工具）的脚本执行环境以及用于渲染非原生组件的环境是各不相同的： 传统Webview和小程序的异同 转载自： 微信小程序原理分析和多端小程序架构原理（应该是全网最全了） | 悬笔e绝的个人博客前言互联网生态演进：超级 APP + 小程序成为「轻应用时代」下的新生态。 一方面微信、支付宝等各家小程序平台遍地开花，另一方面移动开发插件化技术逐渐没落，移动应用构建的方式在悄...
微信小程序架构原理基础详解
忧郁的蛋的专栏
09-18 4138
本篇文章给大家带来了关于的相关问题，其中主要介绍了关于基础架构原理的相关内容，其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容，下面一起来看一下，希望对大家有帮助。
基于微信小程序的学生实习管理系统设计与实现
qq_15801219的博客
12-31 1148
今天带来的是基于微信小程序的实习管理系统，传统的实习管理方式存在着许多问题，如记录不准确、操作繁琐、易被篡改等。因此，开发一款高效、便捷的基于微信小程序的学生实习管理系统具有重要的现实意义。实习管理主要是借助计算机，通过对实习记录管理所需的信息管理，增加用户的选择，同时也方便广大用户信息的及时查询、修改以及对实习记录信息的及时了解。实习记录管理给用户带来了更多的选择, 该系统通过和数据库软件协作来满足用户的需求。计算机毕业设计精品项目案例-200套（值得订阅）
基于微信小程序云开发实现考研题库小程序项目（完整版）
mon_star°的博客
02-15 7891
考研题库小程序云开发实战，完整版提供给大家学习。题库小程序，基于云开发的微信答题小程序，软件架构是微信原生小程序+云开发。 一、项目预览 1、页面结构 首页 答题页 结果页 我的页 排行榜页 答题历史页 登录页 使用指引页 2、功能结构 实现页面间跳转功能 微信授权登录 获取微信头像和昵称等 按科目分类 题库随机抽题算法 支持单选、判断、多选 实现用云开发实现查询题库功能 实现动态题目数据绑定 答题交互逻辑 切换下一题 答题进度显示 提交答卷保存到云数据库集合 系统自动判分 答题结果页从云数据库查询答题成
第二章总结：微信小程序的基本目录结构
最新发布
2301_76863229的博客
03-07 2559
setData()函数的参数接收一个对象，以（key,value）的形式表示将key在this. data中对应的值改变成Value；在Page（）中，使用setData函数将数据从逻辑层发送视图层，同时改变对应的this,data的值；选好你自己想要的模板，（一般我们是使用：JS模板），选好后单击”确认“注意：我们的页面文件是创建在”pages“下的（小伙伴们别创建错了！逻辑层就是所有的 .js脚本文件的集合。注意：logs:是日志文件，自带的文件。点开它会发现里面就会有 4个文件。
【微信小程序】一文带你读懂云开发
人生处处是围城，一切都是最好的安排！
11-29 6418
云开发基础介绍
微信小程序第二章总结
bnxpro的博客
03-07 1016
在Page()函数的参数中，可以定义当前页面的生命周期函数。页面的生命周期函数主要有onLoad、onShow、onReady、onHide、onUnload（1）onLoad：页面加载函数（2）onShow：页面显示函数（3）onReady：页面数据绑定函数（4）onHide：页面隐藏函数（5）onUnload：页面卸载函数。
微信小程序开发知识结构体系大全/图解（2022）
REMLI©CN
04-23 6618
WeChat小程序、微信小程序、微信、app、CSS、JavaScript、HTML、小程序、开发环境配置、架构、前端、后台
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值