# cengfantu

**Repository Path**: ProAyeR/cengfantu

## Basic Information

- **Project Name**: cengfantu
- **Description**: 一个简单的蹭饭图项目，供大家学习交流
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-09-23
- **Last Updated**: 2023-07-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Echarts, HTML

## README

# 班级蹭饭图项目
## 项目地址 http://proayer.gitee.io/cengfantu
#### 介绍
这个蹭饭图的灵感是某天晚上我睡不着觉的时候突然从我的脑子里迸发出来的  
由于这个项目涉及的各个领域（HTML、JavaScript、Echarts等）都是我不熟悉的领域  
所以项目从开始计划到最终完成第一个测试版本花费了大量的时间  
但是凭借着我对于编程的热爱以及对于高中三年里大家的感情  
我还是咬着牙把项目完成了，虽然现在项目的样子已经远远偏离的最初的想法  
但是项目还是有着蹭饭图基本的功能的，可以正常使用  
希望大家能够收下这份礼物

#### 软件架构
HTML是网页基础  
JavaScript奠定了网页的内容（至少在这里是这样的）  
Echarts提供了方便的编写我所需要功能的各种库  
由于在网上几乎找不到现成的蹭饭图项目（或者我没有搜索到）  
所以我只能从看实例出发，移花接木般完成项目

#### 使用说明
进入指定的网址便可看见Echarts生成的中国地图  
将鼠标移动到地图上的点（每个点代表一个城市）就可以查看该城市所在的同学名字以及学校了  
搜索栏功能还未推出，所以暂时做不到由人名找地点  

#### 特殊说明
由于个人信息我不能随意泄露，所以就把源项目相关的真实人名用拼音首字母代替了，如果需要完整版本，请联系网管

#### 未完成事项
1. 颜色设计

感谢zh，颜色基础的设计已经出来了，持续的颜色更新被认为是不必要的，详细请看未完事项第五点

2. 输入同学的信息

已完成，信息显示正常，感谢工具人wzq

3. 部署到网站

已完成，正常运行

4. 移动端支持

由于所有的开发工作都是在电脑上完成的，还没由经过手机网页的测试，又由于我们班同学大多数都会倾向于使用手机登录网页，所以移动端支持是亟待完成的  
并且移动端的echarts优化好像不咋地，要想办法让图标在手机上能够快速显示（查阅文档！

5. 图片

没有图片的蹭饭图还是太干了，我打算加点东西进去，蹭饭图还需要蹭饭的特色嘛不是吗

6. 搜索栏

蹭饭图功能上来考虑的话，目前只能由地方来找人，而不能通过人来寻找地点，我会在之后的更新中想办法解决这样的问题