上位机知识篇---微信小程序制作

---

---

前言

本文简单介绍了微信小程序的制作.

---

一、微信小程序基础概念

什么是小程序

1.无需下载安装，即用即走的应用（轻量级，内嵌于微信中）。
2.跨平台（iOS/Android），基于微信生态开发。
3.适合工具类、电商、服务预约等场景。

技术栈

前端

前端：WXML（类似HTML）、WXSS（类似CSS）、JavaScript。

后端

后端：可选微信云开发或自建服务器（Node.js/PHP/Java等）。

二、开发准备

注册账号

进入微信公众平台注册小程序账号（需企业或个体户资质，个人账号功能受限）。

开发工具

下载微信开发者工具（官方IDE，支持调试和预览）。

项目结构

├── pages/          # 页面目录
│   ├── index/      # 首页
│   │   ├── index.wxml
│   │   ├── index.wxss
│   │   ├── index.js
│   │   └── index.json
├── app.js         # 全局逻辑
├── app.json       # 全局配置（页面路由、窗口样式）
├── app.wxss       # 全局样式
└── project.config.json # 项目配置

三、核心开发步骤

配置 app.json

{
   
  "pages": ["pages/index/index"],
  "window": {
   
    "navigationBarTitleText"