# web课程设计

**Repository Path**: dyldw/web-course-design

## Basic Information

- **Project Name**: web课程设计
- **Description**: 一个介绍家乡的网站（交作业用orz）
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2022-05-26
- **Last Updated**: 2024-12-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, CSS, HTML

## README

# myhometown
## web课程设计
### 要求
1. 完成一个网页集，包含不少于2个页面，介绍自己的家乡
2. 使用至少一种插件，实现动态效果（包括但不限于图片轮播、图片缩放）
3. 使用高德地图或百度地图，标注家乡的位置，地图中要显示搜索框、缩放按钮
4. 实现简单的留言功能，支持发帖、回帖、删除（数据不需要保存到数据库）。为列表添加热键，“↑” 和“↓”键用来在列表中上下移动，“Enter”键用于选中/取消选中当前帖子
5. 需要提交可运行的源文件（包括全部页面所引用的外部资源，JS、图片等）
6. 需要提交实验报告，按实验报告模板认真填写

### 我做的
1. 对于要求1, 设计4个页面
2. 对于要求2, 使用element-plus element-icon, eslint等
3. 对于要求3, 使用百度地图
4. 对于要求4, 实现树形评论
5. 对于要求5, 提交全部文件和运行指引
## 运行方式
### 方式1
```bash
npm run build
npm run serve
```

### 方式2
```bash
npm run build
npm install http-server -g
http-server ./dist
```

### 方式三
```bash
npm run build
```
然后点击`./dist`文件的`index.html`。但是这样运行网站只有部分功能保留

### Page
1. HomeView 图片展示
2. GeolocationView 地理环境
3. LandingView 宣传视频
4. DiscussionView 留言讨论


## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).