每日打卡小程序使用教程

每日打卡小程序使用教程

【免费下载链接】daily-check-in 一个打卡小程序 - 基于 leancloud 数据存储 项目地址: https://gitcode.com/gh_mirrors/da/daily-check-in

1. 项目目录结构及介绍

daily-check-in/
├── doc/
│   └── images/
├── model/
├── pages/
├── style/
├── utils/
├── .gitignore
├── LICENSE
├── README.md
├── app.js
├── app.json
├── app.wxss
└── project.config.json

目录结构说明

• doc/: 存放项目文档和图片资源。
  • images/: 存放文档中使用的图片。
• model/: 存放数据模型文件。
• pages/: 存放小程序的页面文件。
• style/: 存放样式文件。
• utils/: 存放工具函数和辅助文件。
• .gitignore: Git忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• app.js: 小程序的入口文件，负责初始化应用。
• app.json: 小程序的全局配置文件。
• app.wxss: 小程序的全局样式文件。
• project.config.json: 小程序的项目配置文件。

2. 项目的启动文件介绍

app.js

app.js 是小程序的入口文件，负责初始化应用。以下是 app.js 的主要内容：

App({
  onLaunch: function () {
    // 初始化应用时的操作
    AV.init({
      appId: '你的LeanCloud App ID',
      appKey: '你的LeanCloud App Key'
    });
  },
  globalData: {
    // 全局数据
  }
});

功能说明

• onLaunch: 小程序启动时调用的函数，通常用于初始化应用数据和配置。
• AV.init: 初始化 LeanCloud 数据存储，需要填入你在 LeanCloud 上创建的应用的 appId 和 appKey。

3. 项目的配置文件介绍

app.json

app.json 是小程序的全局配置文件，用于配置小程序的页面路径、窗口表现、网络超时时间等。

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarTitleText": "每日打卡",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black"
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

配置说明

• pages: 配置小程序的页面路径，每个路径对应一个页面。
• window: 配置小程序的窗口表现，如导航栏标题、背景颜色、文本样式等。
• networkTimeout: 配置网络请求的超时时间。
• debug: 是否开启调试模式。

project.config.json

project.config.json 是小程序的项目配置文件，用于配置小程序的开发工具设置。

{
  "miniprogramRoot": "./",
  "projectname": "daily-check-in",
  "description": "一个打卡小程序",
  "appid": "你的小程序App ID",
  "setting": {
    "urlCheck": true,
    "es6": true,
    "postcss": true,
    "minified": true
  },
  "compileType": "miniprogram"
}

配置说明

• miniprogramRoot: 小程序的根目录。
• projectname: 项目名称。
• description: 项目描述。
• appid: 小程序的 App ID。
• setting: 开发工具的设置，如是否检查 URL、是否启用 ES6 语法、是否启用 PostCSS、是否压缩代码等。
• compileType: 编译类型，通常为 miniprogram。

通过以上配置，你可以顺利启动并运行 daily-check-in 小程序。

【免费下载链接】daily-check-in 一个打卡小程序 - 基于 leancloud 数据存储 项目地址: https://gitcode.com/gh_mirrors/da/daily-check-in