小程序基础

很久没更新了,我干嘛去了,问就是公司上班忙起来了(bushi),那么,小程序账号注册和微信开发者工具就不再赘述了,网上一搜一大片,我们直接进入正题

如何开启一个新的小程序?

微信开发者工具的创建小程序页面

使用微信开发者工具进行创建吧,AppID是可以在小程序后台自行获取的,微信有云开发,但是我们是出于学习的目的所以这次尝试自行开发,开发语言有JS与TS两种,本次项目采用JS开发,后续会加更TS的项目实装。

  • 创建好的小程序会在你的本地目录下自行生成,如果之后想要在其他地方协同开发请务必使用git版本化管理工具

小程序目录结构

小程序里没有传统的BOM,DOM,HTML等内容,是一套新的东西,主要有:


大体上有这些结构
  • pages下的是页面目录,一个文件夹就代表了一个页面,而其子目录比如index下则是有
  • index.js,页面入口文件
  • index.json, 页面配置
  • index.wxml,页面内容
  • index.wxss,页面样式

这里面的文件写法可能有所不一,后续会仔细安排详细教学

  • static文件夹下面则是静态文件,比如icon,项目所述的静态资源等等

  • utils还是万变不离其宗的工具类,用于封装方法用于其他页面的使用

  • app.js是整个项目的全局入口文件

  • app.json则是全局配置


    位于app.json中的路由配置
  • app.wxss那就很显然的是全局样式了

关于app.json的一些关注点

配置项
  • pages
    在这里直接写入对应的page目录保存后就会自动生成上面的那种目录类型
  • window
    窗口的样式,比如背景色,导航栏颜色,标题,文本色等等
  • tabBar
    底部导航list数组,每一项都是一个配置项
    1.pagePath:导航路由
    2.text:内容
    3.iconPath:导航的图标
    4.selectedIconPath:选中时的图标

好,下一章是小程序的生命周期,适时更新

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容