# 遇见巴蜀 遇见美好

**Repository Path**: CZXyee/bashan-chu-river

## Basic Information

- **Project Name**: 遇见巴蜀 遇见美好
- **Description**: 超图大赛命题开发组项目，四川省旅游服务平台 —— 遇见美好 | 预见巴蜀 预见美好

"遇见美好 | 预见巴蜀 预见美好" 是基于超图 WebGIS 组件和 GIS 服务开发的旅游服务平台，旨在为用户提供四川省的旅游服务。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2023-04-08
- **Last Updated**: 2025-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, GIS, JavaScript

## README

# 遇见美好 | 预见巴蜀 预见美好

#### 介绍

第二十一届SuperMap杯命题开发组项目，四川省旅游服务平台 —— 遇见美好 | 预见巴蜀 预见美好

"遇见美好 | 预见巴蜀 预见美好" 是基于超图 WebGIS 组件和 GIS 服务开发的旅游服务平台，旨在为用户提供四川省的旅游服务。平台采用了 B/S 架构，前后端分离设计。前端部分使用了 Vue+Vite 框架，后端则采用了 NodeJS+Express 框架，数据库选择了 MySQL。

架构图：

![架构图](./documents/image/平台架构.png)

#### 项目截图

主页：
![主页](./documents/image/截图/网页捕获_15-9-2023_2299_localhost.jpeg)

地图页：
![地图](./documents/image/截图/网页捕获_15-9-2023_0591_localhost.jpeg)

路线规划：
![路径规划](./documents/image/截图/网页捕获_15-9-2023_05919_localhost.jpeg)

统计信息：
![统计信息](./documents/image/截图/网页捕获_15-9-2023_05932_localhost.jpeg)

旅社查询：
![旅社查询](./documents/image/截图/网页捕获_15-9-2023_106_localhost.jpeg)

用户页：
![用户页面](./documents/image/截图/网页捕获_15-9-2023_221834_localhost.jpeg)

文章编辑：
![文章编辑](./documents/image/截图/网页捕获_15-9-2023_222027_localhost.jpeg)

#### 项目部署

部署项目需要分别配置 客户端(client)、服务端(server)、数据库(MySQL)、GIS 服务(SuperMap iServer)。

##### 客户端(client)

###### 配置方法

请阅读 - [Client](./client/README.md)

###### 环境说明

客户端位于`./client`

客户端的环境配置位于`./client/.env`

默认环境为 `'dev'` 运行开发服务器
端口为 `3000`,主机为 `localhost`
地图服务端口为 `8090`, 地图主机为 `localhost`

当环境为 `''` 时, 运行生产服务器 端口为 `3000`,主机为 `43.143.243.186`
地图服务端口为 `8090`, 地图主机为 `43.143.243.186`

客户端配置信息位于`./client/src/settings/*`
可以配置 api 请求前缀，地图请求接口。

文件 `./client/dist` 是在 `dev` 环境下基于默认配置的构建。

##### 服务端(server)

###### 配置方法

请阅读 - [Server](./dev-server/README.md)

###### 环境说明

服务端位于`./dev-server`

默认连接到的用户为`bashu`，密码为`456852`，数据库为`testdb`，端口为`3306`，主机为`localhost`。
需要创建对应的数据库，并导入 sql 文件。

如需更改连接信息，请修改`./dev-server/src/config/config.js`文件。

##### 数据库(MySQL)

示例数据位于 `./data/data.sql`

需要创建用户 `bashu` 并为其赋予数据库 `testdb` 的权限, 并使用`./data.sql`文件导入数据。

##### GIS 服务(SuperMap iServer)

###### 配置方法

1. 需要下载对应平台下的的 SupperMap iServer
   Windows: supermap-iserver-11.0.1-windows-x64
   Linux: supermap-iserver-11.0.1-linux-x64
2. 启动 iServer
3. 配置对应的地图服务

###### 地图服务配置方法

1. 地图数据位于 `./data/map/*`, 工作空间密码为 123
2. 需要发布工作空间 `SiChuan.smwu`

发布服务时选择 REST-地图服务 REST-数据服务 REST-交通网络分析服务
REST-交通网络分析服务的正负权值字段名选择 SmLength, 权值信息名称命名为 len

发布成功后的出现的三个接口应该可以与客户端的地图请求接口相匹配:
| 功能 | url |
| --- | --- |
| REST-地图服务 | `http://localhost:8090/iserver/services/map-sichuan/rest` |
| REST-数据服务 | `http://localhost:8090/iserver/services/data-sichuan/rest` |
| REST-交通网络分析服务 | `http://localhost:8090/iserver/services/transportationAnalyst-sichuan/rest` |

##### 使用

完成以上所有配置后，在开启 GIS 服务后，可以使用 `./startServer.bat` 一键启动前后端服务，并打开浏览器输入 `http://localhost:3131` 以访问项目。

平台默认管理账号为 `amdin` 密码 `123`
另有默认用户 `user1` 密码 `123456`

#### 可能的争议

-   地理数据来源为超图提供的四川省旅游数据，部分数据来源为互联网。
-   icon 来自 [iconfont](https://www.iconfont.cn/)
-   图片来自互联网，主要来自于:
    -   [马蜂窝](https://www.mafengwo.cn/mdd/)
    -   [视觉中国](https://www.cfp.cn)
-   示例数据所用文章主要来自于互联网。

#### 关于

Gitee - https://gitee.com/CZXyee/bashan-chu-river

更新于 - 2024-06-29