# 信科校园导览

**Repository Path**: zwfcoll_admin/GIIT-campus-guide

## Basic Information

- **Project Name**: 信科校园导览
- **Description**: 信科校园导览小程序 | 涵盖定位/maker点详情/导航/导览/校园信息等众多小功能
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://b23.tv/meIeeBW
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-05-28
- **Last Updated**: 2024-05-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">

![展示](README/logo.png) 
    <h1> 信科校园导览小程序 </h1>

[![test](https://gitee.com/talmudmaster/GIIT-campus-guide/badge/star.svg?theme=dark)](https://gitee.com/talmudmaster/GIIT-campus-guide)
[![](https://img.shields.io/github/stars/talmudmaster/GIIT-campus-guide)](https://github.com/talmudmaster/GIIT-campus-guide)
[![test](https://img.shields.io/badge/platform-微信小程序-green)](https://developers.weixin.qq.com/miniprogram/dev/framework/)
[![test](https://img.shields.io/badge/bilibili原作者-@四枂天-green)](https://space.bilibili.com/228827950)

基于云开发的校园导航小程序  
提供校园导航和校园信息服务，具有出色的用户体验

***原作者B站演示视频：https://b23.tv/meIeeBW***  

☑️地图选点与搜索  ☑️校园游览路线  ☑️校园信息展示  ☑️在线管理地点


原生小程序 + 腾讯位置服务路线规划插件 + 云开发能力
</div>

---

# 📖 介绍

信科校园导览小程序（原作者毕设）  

微信小程序地图，涵盖定位/marker点详情/导航/导览；包括校园信息，公交信息，天气信息，登录后，可以进入后台管理，增删改查marker信息  

![](README/miniprogrammer.png)

**非常不错的小程序，给原作者点个赞！💖**

---

# 📢 现状

原作者因费用问题已关闭云开发，现小程序没有后端数据。  

![](README/close.png)

原作者在评论区放出的网站链接中只有部分代码，且大都失效。

**联系上作者后给了我源码，我在此基础上对少数页面的前端进行了优化，并将项目代码上传至本仓库**。  

![](README/store.png)

---

# 🤩 预览 + 分析

## 1. 地图和选择类别

给including-points加了padding

![](README/1.png)  

## 2. 点击地点显示自定义弹窗

使用了weui的mp-dialog组件

![](README/2.png)

## 3. 点聚合和校园游览路线

Polyline

![](README/3.png)

## 4. 搜索和导航

调用腾讯路线规划插件实现

![](README/4.png)

## 5. 校园信息页

页面文字调整一下，加个间距之类的会更好

![](README/5.png)

## 6. 校园信息

同上

![](README/6.png)

## 7. 天气和个人中心

调用天气API，我的页面要点击授权才显示。上面放视频的话最好调整一下边距或者布局会有更好显示效果

![](README/7.png)

## 8. 后台管理

后台管理，均使用云函数实现。其中登录方式是判断当前微信用户openid是否在云数据库集合中。
![](README/8.png)

感觉这样操作不太好使，可以看看[我的项目](https://gitee.com/talmudmaster/GLU-Campus-Guide)的方法，如下

![](README/guanli.png)

---

# 🎨 前端界面UI优化

我在原作者源码基础上对少数页面的前端进行了优化

## 原项目

![](README/origin.png)

## **优化后**

![](README/optimize.png)