文档章节

微信小程序零基础入门----->结构说明

冥焱
 冥焱
发布于 01/29 19:22
字数 539
阅读 167
收藏 0

一、微信小程序结构:

            小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生App体验服务

            小程序框架提供了自己的视图层描述语言wxml和wxss以及JavaScript,并在视图层和逻辑层之间提供了数据传输和事件系统,让开发者专注数据与逻辑

      1、小程序文件结构和传统web文件结构进行对比

结构 传统web  微信小程序
结构 HTML WXML
样式   CSS WXSS
逻辑 JavaScript JavaScript
配置 json

                通过上面对比可以看出,传统的web是三个文件结构,而微信是四个

        2、基本的项目目录结构

            

        3、小程序配置文件

                小程序应用程序包括最基本的两个配置文件,一种是全局的配置文件app.json和页面自己的page.json

        4、全局配置文件app.json

                里面包括了小程序的页面路径、界面表现、网络延迟时间、底部tab等,普通快速启动项目里面的app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

                pages:用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录

                window:定义小程序所有页面的顶部背景颜色,文字颜色定义等

        5、利用app.json新建页面

               第一步写完之后,会自动帮你创建好页面,如果想将新加的页面变成首页,仅需放到最前面就ok

                 

        6、app.json中window属性

            

        7、app.json中tabBar属性

                    

        8、page.json属性

                            

        9、sitemap.json文件

            

© 著作权归作者所有

冥焱
粉丝 19
博文 131
码字总数 104348
作品 0
运城
私信 提问
加载中

评论(0)

小程序 大假期,技术猿国庆假期的正确打开方式…

明天(10月1日)就是国庆黄金7天假了。作为技术猿,除了美美的睡一觉好像也没啥别的事了。与其窝在家里玩手机刷朋友圈,不如做个小程序玩玩。 微信小程序开发正当时,没有内测资格不要紧。这...

凝小紫
2016/09/30
5.9K
11
2小时快速搭建第一个小程序,有可能吗

想搭建自己的小程序,有没有基础。 想让代理开发,无奈费用太高。 想提升小程序开发技能,应对职称技能竞争。 今年是小程序开发,应用爆发年,小程序开发和运营,发展的如火如荼。快来抢占自...

周山至水
2019/08/06
0
0
整理了一些微信小程序的学习资源 - 知乎

微信已经是一个有超 11.5 亿活跃用户的“国民级”APP,在其之上已经形成了一个完整的“生态”。而微信小程序,就是这个生态系统中重要的一环。 所以这两年来,各种功能的微信小程序如雨后春笋...

Crossin的编程教室
02/12
0
0
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
2018/08/27
0
0
腾讯旗下小程序“三剑客”,创业者从哪个入门更容易?

2018年11月,QQ进行了新版本的更新,上线了“QQ小程序”——轻应用。仅仅两周之后,腾讯再一次加码小程序,推出了QQ浏览器小程序。腾讯如此着重小程序,也让不少创业者关注了起来。 国内虽然...

闪云科技
2019/02/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

深圳哪里可以开电脑耗材发票-中国-新闻网

深圳哪里可以开电脑耗材发票【152 * 9б 28 * 21 б9】陈生,诚、信、合、作,保、真、售、后、保、障、长、期、有、效。adb的全称为Android Debug Bri...

17060824738
10分钟前
32
0
深圳哪里可以开家具发票-中国-新闻网

深圳哪里可以开家具发票【152 * 9б 28 * 21 б9】陈生,诚、信、合、作,保、真、售、后、保、障、长、期、有、效。adb的全称为Android Debug Bridge,...

17095420210
14分钟前
31
0
Mac OS X 10.15 编译和安装 Nginx

想在自己电脑里装个 Nginx 来进行各种测试,下面是详细的过程记录: 1. 下载软件 首先建个临时目录 nginx-src 并下载所需软件的源码进行配置 mkdir nginx-srccd nginx-srcwget http://n...

红薯
57分钟前
62
0
0228 我的潘多拉

我的潘多拉 从一个故事说起。<br />从前,有个Java程序员非常喜欢写程序,喜欢研究源码,读英文文档。但是它在一家小公司里工作,公司的技术栈很陈旧。<br /> <br />单个系统代码中含有很多的...

李福春carter
今天
18
0
OSChina 周六乱弹 —— 屁会不会传染病毒

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《ハレハレヤ(朗朗晴天)》- 猫瑾 手机党少年们想听歌,请使劲儿戳(这里) @空格...

小小编辑
今天
77
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部