城院导航(城院在哪里)小程序前端开发项目手册

发布时间 2023-11-21 08:23:38作者: BuguBuguNooo

1.小程序整体架构:

全局概览:

GLU_CampusGuide_static

├── .git

├── .gitignore

├── app.js

├── app.json

├── app.wxss

├── images

├── pages

│   ├── home

│   │   ├── home.js

│   │   ├── home.json

│   │   ├── home.wxml

│   │   └── home.wxss

│   ├── map

│   │   ├── map.js

│   │   ├── map.json

│   │   ├── map.wxml

│   │   ├── map.wxss

│   │   └── instruction

│   ├── mypage

│   │   ├── mypage.js

│   │   ├── mypage.json

│   │   ├── mypage.wxml

│   │   ├── mypage.wxss

│   │   └── statement

│   ├── school

│   │   ├── school.js

│   │   ├── school.json

│   │   ├── school.wxml

│   │   ├── school.wxss

│   │   ├── information

│   │   ├── introduction

│   │   └── traffic

│   └── site

│       ├── site.js

│       ├── site.json

│       ├── site.wxml

│       └── site.wxss

├── project.config.json

├── project.private.config.json

├── sitemap.json

└── utils

 

具体细节:

  1. 主页 (home)

    • home.wxml: 定义页面的结构。
    • home.wxss: 页面的样式表。
    • home.js: 包含页面的逻辑和数据处理。
    • home.json: 页面的配置文件。
  2. 我的页面 (mypage)

    • mypage.wxml: 定义页面的结构。
    • mypage.wxss: 页面的样式表。
    • statement: 可能是一个包含声明或信息的目录或文件。
    • mypage.json: 页面的配置文件。
    • mypage.js: 包含页面的逻辑和数据处理。
  3. 地图页面 (map)

    • map.wxss: 页面的样式表。
    • map.wxml: 定义页面的结构。
    • instruction: 可能是一个包含指令或帮助信息的目录或文件。
    • map.js: 包含页面的逻辑和数据处理。
    • map.json: 页面的配置文件。
  4. 场地信息页面 (site)

    • site.json: 页面的配置文件。
    • site.wxml: 定义页面的结构。
    • site.wxss: 页面的样式表。
    • site.js: 包含页面的逻辑和数据处理。
  5. 学校信息页面 (school)

    • traffic, information, introduction, statement: 这些可能是包含特定信息或文档的目录或文件。
    • school.wxml: 定义页面的结构。
    • school.js: 包含页面的逻辑和数据处理。
    • school.wxss: 页面的样式表。
    • school.json: 页面的配置文件。

每个页面的目录包含了专门为该页面设计的WXML(用于结构布局),WXSS(样式表),JS(JavaScript脚本用于页面逻辑和数据处理),以及JSON(页面配置)文件。这种结构使得每个页面能够独立地维护其结构、样式、行为和配置。 ​

 

2.目前任务列表:

1.在utils文件夹下,对utils.js里的校园各种信息进行本土化和修改等。

 

3.帮助:

1.微信git协同开发提交/拉取注意事项视频:

注意⚠️⚠️⚠️:每次想要提交推送新的版本到本地分枝/远端分支时,要先拉取远端查看是否已合并最新远端版本。
       每次推送新版本后都在微信群中通告大家一下!谢谢大家~~~