【亲测免费】 教务系统微信小程序使用教程

教务系统微信小程序使用教程

1. 项目的目录结构及介绍

student-information-system-wechat-applet/
├── app.js
├── app.json
├── app.wxss
├── config.js
├── package.json
├── README.md
├── LICENSE
├── pages/
│   ├── index/
│   │   ├── index.js
│   │   ├── index.json
│   │   ├── index.wxml
│   │   └── index.wxss
│   └── ...
├── utils/
│   └── util.js
└── mock/
    └── achievements.html

目录结构说明

• app.js: 小程序的入口文件，负责初始化小程序的全局配置和逻辑。
• app.json: 小程序的全局配置文件，包括页面路径、窗口表现、网络超时时间等。
• app.wxss: 小程序的全局样式文件。
• config.js: 项目的配置文件，包含一些常量和配置项。
• package.json: 项目的依赖管理文件，记录了项目的依赖包和版本信息。
• README.md: 项目的说明文档。
• LICENSE: 项目的开源许可证文件。
• pages/: 存放小程序的各个页面文件，每个页面包含四个文件：.js、.json、.wxml、.wxss。
• utils/: 存放项目的工具函数文件。
• mock/: 存放模拟数据文件，用于开发和测试。

2. 项目的启动文件介绍

app.js

app.js 是小程序的入口文件，负责初始化小程序的全局配置和逻辑。以下是 app.js 的主要内容：

App({
  onLaunch: function () {
    // 小程序启动时执行的逻辑
  },
  globalData: {
    // 全局数据
  }
})

app.json

app.json 是小程序的全局配置文件，定义了小程序的页面路径、窗口表现、网络超时时间等。以下是 app.json 的主要内容：

{
  "pages": [
    "pages/index/index",
    "pages/other/other"
  ],
  "window": {
    "navigationBarTitleText": "教务系统",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black"
  }
}

3. 项目的配置文件介绍

config.js

config.js 是项目的配置文件，包含一些常量和配置项。以下是 config.js 的主要内容：

module.exports = {
  isDebug: true, // 是否为调试模式
  mockUrl: 'mock/', // 模拟数据的路径
  sisUrl: 'https://example.com/sis/' // 教务系统的URL
}

package.json

package.json 是项目的依赖管理文件，记录了项目的依赖包和版本信息。以下是 package.json 的主要内容：

{
  "name": "student-information-system-wechat-applet",
  "version": "1.0.0",
  "description": "教务系统微信小程序",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "zh-h",
  "license": "MIT",
  "dependencies": {
    "weui-miniprogram": "^1.0.0"
  }
}

通过以上内容，您可以了解并开始使用 student-information-system-wechat-applet 项目。