# elaina

**Repository Path**: ty1539/elaina

## Basic Information

- **Project Name**: elaina
- **Description**: 1234567890
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-04-15
- **Last Updated**: 2023-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 第七节作业开发指导

## 提示
先按照视频的讲解一步步做就行，最后部署的时候才按照下面的方法来

## 可能出现的问题

如果你出现以下问题，可以尝试本页面的解决方法

* **问题1：lesscode直接通过平台部署，访问论坛首页是空白页面，标题显示index** 

    页面空白的情况如果和这个页面[ayachinene](https://apps.ce.bktencent.com/ayachinene/)相同就可以使用本解决方案

    ![空白页面](sample_images/whitepage.png)  

    访问出现空白页面，此时按f12打开浏览器的开发者模式，找到网络(network)，刷新一下页面，此时会出现一下内容  

    ![返回的index页面](sample_images/index.jpg)  

    可以看见页面引用的静态资源路径应该是完整的应用id，但是id却少了最后一个字母，怎么查找问题原因，这就要考虑下载项目源码查看具体错误位置。

* **问题2：下载源码部署后可能会出现帖子标题不显示的问题**  
  
    ![无标题](sample_images/notitle.png)


## 解决方法  

### 下载源码   

![下载源码方式](sample_images/Snipaste_2023-04-13_19-00-04.png)

下载完后解压，你的项目文件夹应该包含如下内容:  

![项目文件夹结构](sample_images/Snipaste_2023-04-13_19-01-21.png)  

里面的文件夹可多可少，但是大体差不多就行

### 问题1-解决方法

找到 lib/server/router/index.js 这个文件，它是链接的路由文件，通俗的来说它把你的网页页面和网页链接对应起来

找到上述文件里面的如下内容，并把 “-1” 删掉。  

![修改位置](sample_images/edit.jpg)

### 问题2-解决方法（如果没有遇到可以跳过到[源码部署](#源码部署)）  

找到 lib\client\src\views\horizontalView\你论坛首页的名称(id).vue 文件，把图中的那一行替换掉

替换前  

![替换前](sample_images/before.png)

替换时须注意:   
* **freeLayoutXXXXItem.title还是按你原来的写**
* **注意标签缩进要严格保持不然部署会报错**  

替换后

![替换后](sample_images/after.jpg)  

### 源码部署

源码修改完毕后，可以开始部署

![新建一个仓库](sample_images/Snipaste_2023-04-13_19-11-06.png)

仓库名字随便取，参数随便设置，然后点击创建  

![新建仓库-2](sample_images/Snipaste_2023-04-13_19-11-56.png)  

复制你的gitee仓库链接  

![复制仓库链接](sample_images/Snipaste_2023-04-13_19-13-19.png)  

打开你电脑上的项目源码，在这里面右键打开git bash 

![打开git bash](sample_images/Snipaste_2023-04-13_19-08-38.png)

在git bash里面依次输入如下内容
```shell
git init

git remote add origin 你刚才复制的链接

git add .

git commit -m '随便写点'

git push origin master
```

到此，你的gitee仓库应该有如下内容（文件可能有多有少，具体按你的为准）

![gitee仓库内容](sample_images/Snipaste_2023-04-13_19-19-15.png)

打开你的蓝鲸开发者中心  

![蓝鲸开发者中心](sample_images/Snipaste_2023-04-13_19-20-18.png)  

新建一个应用:  
 
![新建应用](sample_images/Snipaste_2023-04-13_19-21-02.png)  

选择nodejs框架  

![新建应用2](sample_images/Snipaste_2023-04-13_19-23-33.png)  

![新建应用3](sample_images/Snipaste_2023-04-13_19-25-06.png)


创建完之后就来到最后一步，<del>哼哼，终于要结束哩！ </del>


启用mysql服务，我这里是已经启用了，如果你没有启用就点击启用  

![启用mysql服务](sample_images/Snipaste_2023-04-13_19-26-37.png)


至此，你已经完成前置配置，现在只需要部署到生产环境就行了。  

非常感谢阅读。