一、微信小程序是什么
微信小程序是不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开的应用,在微信小程序的使用过程中,用户只增不减,很多的公司都开始研发属于自己的小程序
二、环境准备
1.前往微信公众平台官网注册账号:https://mp./
2.获取APPID
3.下载微信开发者工具:https://developers./miniprogram/dev/devtools/download.html
三、微信小程序项目结构分析
1.创建小程序项目
2.⼩程序结构⽬录
⼩程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣APP体验的服务。 ⼩程序框架提供了⾃⼰的视图层描述语⾔WXML和WXSS ,以及JavaScript ,并在视图层与逻辑层间提供了 数据传输和事件系统,让开发者能够专注于数据与逻辑。
3.⼩程序⽂件结构和传统web对⽐
通过以上对⽐得出,传统web是三层结构。⽽微信⼩程序?是四层结构,多了⼀层配置.json
4.基本的项⽬⽬录
5.⼩程序配置⽂件
⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的? n app.json ?和?⻚⾯⾃⼰的
page.json
注意:配置文件中不能出现注释
6.全局配置app.json
app.json 是当前⼩程序的全局配置,包括了⼩程序的所有⻚⾯路径、界⾯表现、⽹络超时时间、底
部tab等。普通快速启动项⽬⾥边的app.json 配置
四、实现自己的第一个微信小程序
首页效果图
app.json
{"pages":["pages/index/index","pages/sort/sort","pages/me/me"],"window":{"navigationBarBackgroundColor": "#f00","navigationBarTitleText": "北榛商城","navigationBarTextStyle":"white","backgroundTextStyle":"dark","enablePullDownRefresh":true},"style": "v2","sitemapLocation": "sitemap.json","tabBar": {"selectedColor": "#f00","list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "icons/home.png","selectedIconPath": "icons/home-o.png"},{"pagePath": "pages/sort/sort","text": "分类","iconPath": "icons/category.png","selectedIconPath": "icons/category-o.png"},{"pagePath": "pages/me/me","text": "我的","iconPath": "icons/my.png","selectedIconPath": "icons/my-o.png"}]}}
如果觉得《微信小程序快速入门——实现页面切换》对你有帮助,请点赞、收藏,并留下你的观点哦!