【微信小程序】创建项目

微信小程序创建项目

1.新建项目，选择项目配置
2.查看项目目录
3.json配置文件构成
4.小程序的三大API
5.协同工作和发布

1.新建项目，选择项目配置

2.查看项目目录

pages 用来存放所有小程序的页面，默认排在第一个的为首页
utils 用来存放工具性质的模块（例如：格式化时间的自定义模板）
app.js 小程序项目的入口文件
app.json 小程序项目的全局配置文件
app.wxss 小程序项目的全局样式文件
project.config.json 项目的配置文件
sitemap.json 用来配置小程序及其页面是否允许被微信索引

pages—index
.js 文件（页面的脚本文件，存放页面的数据、事件处理函数等）
.json 文件（当前页面的配置文件，配置窗口的外观、表现等）
.wxml 文件（页面的模板结构文件）
.wxss 文件（当前页面的样式表文件）

3.json配置文件构成

app.json 构成

pages 用来记录当前小程序所有页面的路径
window 全局定义小程序所有页面
style 全局定义小程序组件所使用的样式版本
sitemapLocation 用来指明 sitemap.json 的位置

project.config.json 构成

这里是引用

setting 保存了编译相关的配置
projectname 保存的是项目名称
appid 保存的是小程序的账号ID

sitemap.json 构成
微信现已开放小程序内搜索，效果类似于PC网页的SEO。sitemap.json 文件用来配置小程序页面是否允许微信索引。

当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面将可能展示在搜索结果中。

4.小程序的三大API

事件监听API
特点：以on结尾，用来监听某些事件的触发
举例：wx.onWindowResize(function callback)监听窗口尺寸变化的事件
同步API
特点1：以Sync结尾的API都是同步API
特点2：同步API的执行结果，可以通过函数返回值直接获取，如果执行出错会抛出异常
举例：wx.setStorageSync(‘key’,‘value’)向本地存储中写入内容
异步API
特点：类似于 jQuery 中的$.ajax(options)函数，需要通过success、fail、complete接收调用的结果
举例：wx.request()发起网络数据请求，通过 success 回调函数接收数据

5.协同工作和发布

管理者对小程序项目成员及体验成员的管理
项目成员：
● 参与小程序的开发、运营的成员
● 可登录小程序管理后台
● 管理员可以添加、删除项目成员，并设置项目成员的角色
体验成员：
● 表示参与小程序内测体验的成员
● 可使用体验版小程序，但不属于项目成员
● 管理员及项目成员均可添加、删除体验成员

PS：如有错误，欢迎指正~

【微信小程序】创建项目相关推荐

微信小程序创建项目后无法显示内容
我遇见这个问题属于其一,建议多找几种办法因为我一星期之前为了做其他项目,下载了其他的开发工具最后把工具卸载掉,重新安装新版的稳定版. 问题完美解决!!! 开始创建项目,项目创建完后, 普通编译和页 ...
微信小程序开源项目、UI框架、Demo整合
微信小程序开源项目清单有位大哥在github上放了个整合了很多优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给他个star. 另外,我参照祈 ...
html倒计时代码+微信可用,微信小程序动态显示项目倒计时效果
本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码,供大家参考,具体内容如下 1.一般我们说的显示秒杀都是指的单条数据,循环我没做. 效果: 2.wxml代码: 剩余时间:已经截止剩余时间: ...
微信小程序商城项目实战(完结篇:意见反馈)
微信小程序商城项目完结意见反馈代码实现首先修改标题并且使用之前写好的tab组件编写界面编写样式逻辑处理js 效果图意见反馈做假的意见反馈,主要练习一下微信小程序文件上传api以及样式界 ...
我的微信小程序完整项目
我的微信小程序完整项目注册企业账号开始的第一步失败啦,明天继续. 搭建测试项目开始!!!! pages:存放页面目录 (注意在pages里的文件结构必须要在app.json里的pages中配置相对应 ...
公司企业微信小程序创建步骤
随着新一代互联网的发展,小程序已经成为当今社会不可或缺的重要部分.它的简单易用,公司企业小程序是一种基于微信平台构建的应用程序,旨在为企业提供灵活便捷的营销服务.关于公司企业微信小程序创建步骤,可分为 ...
12 个 yyds 的微信小程序开源项目，速速收藏！
全文概览: wechat-app-mall:微信小程序商城: Vant Weapp:小程序 UI 组件库: iView Weapp:小程序 UI 组件库: echarts-for-weixin:Apa ...
推荐一个微信小程序商城项目
推荐一款实用的微信小程序商城项目,这个项目不仅有商城基本的功能,比如:商品管理.订单管理.用户管理,还有分销功能,具备广告.优惠券等功能. 技术选型后端采用 Spring 技术栈,使用到的框架主要包 ...
微信小程序开发项目经验总结02
微信小程序开发项目经验总结02 总结 button设置登录授权小程序:授权.登录.session_key.unionId 做网络请求: wx.request({url: '***',success ...
微信小程序打开项目提示读取project.config.json文件失败
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说不定啥时候就没了. 微信小程序打开项目提 ...