创建小程序文档总结

一、创建小程序

1、用微信开发者工具进行创建小程序时,可以申请测试号(但只能预览,不能上传)。

2、创建小程序时有云开发的选项(属于可选项而非必选项),开发者可以使用云开发进行数据持久化(数据库),保存文件(存储)以及带有天然鉴权特性的云函数。

    (云开发:腾讯云提供的快速接入小程序服务的技术,用于替代传统的服务器,提供了各种服务端交互的便捷接口。即小程序为开发者提供的完整的云端支持。)    

      ***主要就是在自己写数据库的情况下使用腾讯云提供的服务器,有免费的,有交费的。

     官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

     别人的具体教程:   https://www.cnblogs.com/springsnow/p/12605017.html        https://www.jianshu.com/p/5df4d51125e3

二、代码构成

1、小程序代码构成   官方文档:  https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html

2、相关配置   官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE

三、关于app.json注意点

1、首页路径要放在pages下第一个    eg:"pages":["pages/index/index","pages/logs/index"]  即代表 pages/index/index 为首页路径

  官方描述:写在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面)

2、底部 tab 

"tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/flowPK/index/index",
        "text": "日志"
      }
    ]
  }

(1)设置后只在首页显示

(2)切换底部tab相关路径时最好用   wx.switchTab  官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

四、关于app.js注意点

1、作为公共数据存放地比较方便。***注意:如果app.js里需要调用封装的方法可能会路径报错,最好是用来存数据。(个人感觉)

2、在封装好的js中调用app.js中的数据用  getApp().globalData.

五、关于wxml注意点

1、在微信小程序中图片用<image   />非 <img />

2、微信小程序中不能用css的方法加载本地图片,除非把本地图片base64格式化=》所以用定位布局

3、文本用<text/>  (空格) (换行)</text>    

六、关于wxs注意点

1、在设置图片大小时要写明具体的宽高,这里的图片不会像一般浏览器一样,height:auto; 代表图片等比自适应高度。

     

原文地址:https://www.cnblogs.com/redFeather/p/13524087.html