失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序快速入门——实现页面切换

微信小程序快速入门——实现页面切换

时间:2020-12-11 22:27:08

相关推荐

微信小程序快速入门——实现页面切换

一、微信小程序是什么

微信小程序是不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开的应用,在微信小程序的使用过程中,用户只增不减,很多的公司都开始研发属于自己的小程序

二、环境准备

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"}]}}

如果觉得《微信小程序快速入门——实现页面切换》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。