微信小程序开发流程和基本文件

最新推荐文章于 2021-12-26 13:11:10 发布
最新推荐文章于 2021-12-26 13:11:10 发布
阅读量179 收藏
点赞数
分类专栏： 微信小程序开发记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010513497/article/details/103408794
版权

文章目录

开发流程

官方文档

文件分类

json

  • .json文件：

project.config.json

对项目的基本配置：主要包括项目的appid和项目名称

详细参考

app.json

对所有页面的配置，主要包括有哪些page以及window的设置等

详细参考

sitemap.json

页面收录配置，主要是对指定页面索引进行配置

详细参考

page.json

  • 单个页面配置，主要是页面标头等

详细参考

WXML

  • 充当html的角色，就是页面

WXSS

  • 充当css角色，是对页面的样式进行配置

JS

  • js是对页面的逻辑进行处理，也就是处理用户交互的
snotJam
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发（三）项目目录及文件结构
05-03 1499
第二章我们已经创建了一个Hello WXapplet示例小程序。我们从文件目录结构来了解Hello WXapplet项目的构成。 　　目录结构显示，在小程序项目的根目录下面包含3个app开头的文件（app.js、app.json、app.wxss）以及pages目录与utils目录。其中pages目录存放了2个页面（index和log）的构成文件。每个页面都是一个目录，目录名就是唯...
微信小程序开发<二>文件结构解析
jingsi1991的博客
10-15 570
微信小程序的文件介绍、app.js、app.json的参数介绍
微信小程序开发步骤简述
weixin_30908649的博客
04-26 411
1.登陆微信的开发这平台 2.找到小程序开发选项进入，填写注册自己的小程序信息 3.下载相应的开发者工具 4.通过开发者工具把自己的项目代码上传，上传时会让你填写自己小程序的appid这样项目代码就和小程序关联起来啦 5.在微信的开发者平台中的【开发管理】菜单找到你小程序的访问二维码，扫码就可以体验啦 参考资源： 　　1.开发者平台 　　2.微信小程序项目实例(可以直接作为你的...
微信小程序简答题
m0_57780081的博客
12-26 1165
简答题 1，小程序的页面的生命周期函数包含哪些，他们分别在什么时候触发？ onLoad页面加载的时候触发 onReady页面初次渲染完成的时候触发 onShow页面显示的时候触发 onHide页面隐藏的时候触发 onUnload 页面卸载的时候触发 2.简述小程序有哪些优点： 无需下载 无需升级 开发周期短 开发成本低 体积小 跨平台 3.简单介绍微信小程序，原生APP和WebApp之间的区别
微信小程序开发: 小程序源文件结构及含义
weixin_34236497的博客
06-25 542
本文将对微信小程序源文件结构及含义进行详细讲解，部分描述直接转载于官方文档，若有不明问题，可继续查看小程序官方文档，传送门>>> 下面是基本的目录和文件结构： |--app.js |--app.json |--app.wxss |--pages |--index |--index.js |-...
微信小程序万能表情包源码文件
02-28
能学到什么：①微信小程序开发的基本原理和技术栈；②如何设计并实现一个完整的表情包应用；③微信小程序中常用的组件和API的使用方法。 阅读建议：本文将通过实际代码实现带领读者了解微信小程序开发的方方面面，...
微信小程序开发作业模板05-MOOC1
08-04
微信小程序开发作业模板05-MOOC1是微信小程序开发的作业模板，旨在帮助开发者了解微信小程序的开发流程和实现九九乘法表的 печать输出。该作业模板主要涉及到微信小程序的前端开发，包括WXML、WXSS和...
零基础玩转微信小程序视频教程
10-14
微信小程序是不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开的应用，在微信小程序的使用过程中，用户只增不减，很多的公司都开始研发属于自己的小程序，那么小程序该...
微信小程序 less文件编译成wxss文件实现办法
01-03
less文件编译成微信小程序wxss文件 2016年9月21日，微信小程序正式开启内测。在微信生态下，触手可及、用完即走的微信小程序引起广泛关注，刷爆朋友圈子。在这样的火爆氛围中，作为一个前端开发者的我，也悄悄地去...
微信小程序开发流程（包括详细注册、登录、下载等流程）
最新发布
05-02
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序在设计之初就考虑了用户快速体验产品的需求，所以开发流程相对简洁。以下是微信小程序的...
微信小程序——开发文件结构
leechoy
03-05 1099
一、总概 对于微信小程序整个开发框架而言，其程序中包含一个描述整体程序 App 和多个描述各自页面的 pages 对于微信小程序来说，一个小程序主体部分由三个文件构成如下表所示 页面的开发都放在文件夹pages中，log文件夹是微信小程序自动生成的日志页面 一个完整的小程序页面包含四个部分：js、wxml、wxss、json 对于微信 程序自身，一个页面的四个文件名称都是一致的，并且如采使用...
微信小程序开发教程（三）项目目录及文件构成
angran1985的专栏
06-20 513
　　第二章我们已经创建了一个Hello WXapplet示例小程序。我们从文件目录结构来了解Hello WXapplet项目的构成。 　　目录结构显示，在小程序项目的根目录下面包含3个app开头的文件（app.js、app.json、app.wxss）以及pages目录与utils目录。其中pages目录存放了2个页面（index和log）的构成文件。每个页面都是一个目录，目录名就...
WXML 模板
qq_39048579的博客
05-03 1336
从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。打开 pages/index/index.wxml，你会看到以下的内容:&lt;view class="cont...
【微信小程序】小程序的框架和文件结构
sika_deer的博客
08-26 4301
文章目录前言第一章 小程序架构1.1 小程序框架1.2 小程序通讯环境第二章 文件结构2.1 全局文件讲解2.2 全局文件讲解练习典例一：页面的快速新增典例二：设置窗口的标题和属性典例三：生成tabbar页面2.3 页面的文件构成后记 前言     之前的博客中从小程序开发者和使用者的角度介绍了小程序的功能特性和应用场景，在了解了小程序富客户端的特点后，已经可以通过自己理解创建工程了。本篇博客的侧重点在于开发时整体工程的理解，博客将从小程序的架构出发，介绍逻辑上的概念
微信小程序 之 简答题
此心安处
12-26 9163
1 小程序的页面生命周期函数包含哪些？它们分别在什么时候触发？ 正确答案： (1)onLoad页面加载时触发 (2)onReady页面初次渲染完成时触发 (3)onShow页面显示时触发 (4)onHide页面隐藏时触发 (5)onUnload页面卸载时触发 2 简单介绍微信小程序、原生APP和Web App之间的区别。 正确答案： 微信小程序：是继原生APP、Web APP之后出现的一种新的APP形态。适合开发一些业务逻辑简单、低频次使用、对性能要求不高的应用。 原生APP：由于Android和IOS
微信小程序开发的基本流程
LeoStarry2014的博客
10-25 3265
微信小程序开发的基本流程 一,微信小程序简介 1,微信小程序简称小程序，张小龙在微信公开课 Pro 上发布的小程序正式上线，时间是2017年1月9日。 2,微信小程序这个词可以分解为“微信”和“小程序”两部分 (1),其中“微信”可以理解为“微信中的”，指的是小程序的执行环境；当然微信在提供执行环境的同时也延长了用户使用微信的时间。 (2),“小程序”是说它首先是程序，然后具备...
微信小程序开发总结
weixin_34290000的博客
12-15 283
原文地址：微信小程序开发总结 微信小程序出来也有一段时间了，之前也陆续做过demo练练手，毕竟自己的demo还是比较简单的，如今参与公司的项目也是一路踩坑而来。 认识小程序 语言及开发工具 首先，小程序类Web，但不同于我所认识的HTML，他有属于自己的开发语言及工具： JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运行...
微信小程序
qq_34787240的博客
09-06 495
 https://developers.weixin.qq.com/miniprogram/dev/index.html  最近看了下 微信小程序的开发， 主要对微信端的部分做下记录 app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下：       pages字段...
uniapp关于scroll-view一直自动滚动到底部的功能
热门推荐
snoto的专栏
09-16 1万+
文章目录scroll-into-view使用scroll-top使用 需求：一般在scroll-view中会放置一个list列表，当列表条目增加的时候，使其自动滚动到底部显示最后一条 官方文档：scroll-view 有两个可用属性：声明scroll-into-view或者scroll-top 个人尝试后的结果，使用scroll-into-view在h5上有效，在微信小程序上无效；使用scroll-top在微信小程序也正常 scroll-into-view使用 <scroll-view scroll-
java小程序开发流程_微信小程序开发流程
06-09
2. 编写代码：根据微信小程序开发规范，采用JavaScript、WXML和WXSS等技术进行编写。 3. 调试测试：使用微信开发者工具进行调试和测试，确保小程序的功能和用户体验符合要求。 4. 提交审核：将小程序打包并提交至...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值