# site-aathermo
**Repository Path**: FHSY/site-aathermo
## Basic Information
- **Project Name**: site-aathermo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-24
- **Last Updated**: 2022-05-29
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# site-aathermo
本网站前端基于Vue框架，数据来源于json文件。
## 部署
解压`dist.zip`，将里面的各文件上传至cms站点。
```
css 样式文件目录
fonts 字体文件目录
img 图片目录
js 脚本文件目录
json json文件目录
favicon.ico 图标
index.html 首页
```
其中主要修改的是json文件夹目录中的json文件，json文件列表如下。
```
GalleryGroup.json
GalleryLab.json
HomeCarousel.json
HomeNews.json
MarkdownIntroduction.json
MarkdownOpportunities.json
Members.json
Publications.json
ResearchDroplets.json
ResearchMultiscaleCoupling.json
ResearchNanomaterials.json
ResearchNovelUAV.json
ResearchOverview.json
ResearchSupersonicFlow.json
member-uuid/xxxx.json //memberdetail的具信息
news-uuid/xxxx.json //memberdetail的具信息
HeadCenter.json //已废弃，存档用
```
json相关参考如下，建议修改完json之后都用json语法校验一下。
[json文件语法在线校验](https://www.sojson.com/)
[json简介及教程](https://www.sojson.com/json/json_index.html)
## 配置说明
图片建议上传到`img/HomeCarousel`之类的对应的目录下面，这样比较好管理。
配置`imgUrls`的时候建议使用相对路径，比如有一个图片的路径`img/Home/53c75b02b69c5.jpg`
可以配置`imgUrls:"img/Home/53c75b02b69c5.jpg"`
### Home
走马灯对应的配置文件是`HomeCarousel.json`
News对应的配置文件是`HomeNews.json`
### Introduction of Center
对应的配置文件为`MarkdownIntroduction.json`
配置方法参见`Research`的配置部分
### Members&MemberDetails
Members对应的配置文件为`MarkdownIntroduction.json`
对应信息如下，degree，websiteText，research留空字符串则不显示。
`"uuid":"0001"`对应json文件夹下的`uuid/0001.json`文件，member_type决定了展示的是学生信息或教师信息。
MemberDetails的信息来源是`member-uuid/xxxx.json`文件
教师页面的配置和展示信息的对应关系如下：
学生页面的配置和展示信息的对应关系如下：
`enablePublicatinos`是配置文章是否显示的选项
`activeNames`对应的是自动展开的类别。文章和类别标题修改json文件就行。
`"enableDot": 0`对应圆点关，`"enableDot": 1`对应圆点开
### Research
对应的配置文件为下面几个
```
ResearchOverview.json
ResearchDroplets.json
ResearchMultiscaleCoupling.json
ResearchNanomaterials.json
ResearchNovelUAV.json
ResearchSupersonicFlow.json
```
其他的配置需要注意的是`content`是内容的html代码。
图片链接写成下面的样子。
```
```
如果有图注则
```
图注图注图注
```
在typora编辑好之后，导出`HTML(without styles)`
==这部分的原理是把json文件里面的html渲染成对应的内容（比直接写html方便）。因为md只管内容，样式已经提前写好。==
h2标签之间的将内容弄成一行，然后拷贝到json文件中，双引号记得加斜杠转义。
这部分的json文件即可准备好，会按照markdown的二级标题折叠，`activeNames`配置是否自动展开。
### Publications
对应的配置文件为`Publications.json`
### Gallery
对应的配置文件为`GalleryGroup.json`和`GalleryLab.json`
### Opportunities
对应的配置文件为`MarkdownOpportunities.json`
参照`Research`部分的方法吧md转为html
### ResearchNews
ResearchNews的信息来源是`news-uuid/xxxx.json`文件
关于时间可以在一级标题下面添加一行居中的文本，其余部分同Research部分中，存至json。
