更新时间:2024-01-08 17:13:32   作者:网友投稿   来源:网友投稿点击:
一、微信小程序学习目标:
1、能够清楚的知道如何创建小程序项目。(1)微信开发者工具使用;(2)appID的获取。
2、能够清楚的清楚小程序项目的基本组成结构。(1)app.js;(2)app.json;(3)app.wxss;(4)pages文件夹
3、能够清楚的知道小程序页面由几个部分组成。(1)wxml;(2)wxss;(3)json;(4)js
4、能够清楚的知道小程序中常见的组件如何使用。(1)view;(2)text;(3)image;(4)map
5、能够清楚的知道小程序如何进行协同开发和发布。(1)成员管理;(2)发布小程序;(3)查看运营数据
二、小程序配置文件:
1、json配置文件:
(1)项目根目录中的app.json配置文件;(2)项目根目录中的project.config.json配置文件;(3)项目根目录中的sitemap.json配置文件;(4)每个page页面中的json配置文件。
2、app.json配置文件:
app.json是当前小程序中的全局配置文件,包括小程序的所有页面路径、窗口外观、界面表现、底部tab等。如下图app.json配置文件图:
app.json配置文件图
pases:用来记录当前小程序所有页面的路径。
window:全局定义小程序所有页面的背景颜色、文字背景等等。
style:全局定义小程序组件所使用的样式。
sitemapLocation:用来指定sitemap.json位置。
3、project.config.json配置文件:
project.config.json是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置,比如:(1)setting中保留了编译的相关配置;(2)projectname中保存的是项目名称,而不是小程序名称;(3)appid中保存的是小程序的账号ID。
project_config_json配置文件图
4、sitemap.json配置文件
sitemap.json配置文件用来配置小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
sitemap.json配置文件
5、页面的json配置文件:
小程序中每个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面的配置项会覆盖app.json中的window中相同的配置项。比如:
页面json配置文件
后端程序员准备转前端,开始学习前端技术和微信小程序。