# huzu-sweetcandy

**Repository Path**: hubodegit/huzu-sweetcandy

## Basic Information

- **Project Name**: huzu-sweetcandy
- **Description**: 湖州师范学院校园导览
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-09-09
- **Last Updated**: 2022-10-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![hs-map](hs-map.png)

<div>
    <hr style="height:0.25em">
    <h1>
       湖州师范学院校园地图
    </h1>
    <p style="margin-left:30px">
           1.利用Angular和Antd UI搭建的hs-map的管理系统
    </p>
    <p style="margin-left:30px">
           2.利用微信开放平台搭建的hs—map的微信小程序
    </p>
        <p style="margin-left:30px">
           3.利用express中间件和MongoDB搭建hs—map的后端数据服务
    </p>
</div>

<center><font size='6'>Angular<center>

<div style="margin-left:30px">你可以看到已标记点以及标记点的分类</div>

![1](./1.gif)

<div style="margin-left:30px">这是一个marker的管理列表</div>

![image-20211117142351455](marker_list.png)

<div style="margin-left:30px">你可以创建一个marker，根据你喜好，自定义marker的图标图片等信息，同时你可以在map页面看到你添加的marker</div>

![2](2.gif)

<center><font size='6'>Wechart miniprogram<center>

<div style="margin-left:30px">你可在手机上看到你添加的marker,并且根据你的需要查询hs湖州师范学院的地图，基础的标记的描述、图片、音频等，同时通过路线规划到达该地点</div>

<img src="3.gif" alt="3"  />

<img src="4.gif" alt="4" />

<img src="5.gif" alt="5" />



# Development

Angular部分

克隆该项目到本地，进入文件夹xiaohu1下安装所需的依赖

```
npm install
```

然后开启项目

```
npm run start or ng serve
```

小程序部分

打开微信开发工具导入mini文件夹下安装所需依赖

```
npm install
```

构建npm

```
点击开发者工具中的菜单栏：工具 --> 构建 npm
勾选“使用 npm 模块”选项：
```

express部分

```
npm install
```

开启express中间件

```
npm run start or nodejs debug bin/www
```