服务器项目的原则和注意事项,项目注意事项.md

# 项目注意事项

## 1.前端注意事项

### 1.1项目环境

​**前台和后台都采用vue.js+element ui开发,使用请求插件axios**

### 1.2前台编写注意

​**前端页面的axios配置已经完成，已经将将axios和element 的message 挂载到了vue的原型上，使用方法如在**

> > vue实例中： this.$http.post('url地址',请求参数)。

​**同理message的使用：**

> >this.$message.error('messages')

​**注意:请求端口修改在axios的config变量中，原则上项目开始开发后不允许修改请求端口**

### 1.3

**后台页面的每个页面都放在components里**，目录结构如下


**记得每个组件文件的style加上scoped**

**

## 2.服务器注意事项

### 2.11 项目环境

​**服务器使用node.js编写，采用express框架搭建的服务器,端口号为8011，服务器运行时会在其下方输出端口号。**

### 2.2服务器编写注意

​**服务器的基本环境已经搭建完成，用了哪些插件具体可以查看package.json文件，由于前台和后台同时使用一个服务器，所以每个模块请求的路径要注意前台和后台的不要重复了。token的密钥和加密所使用random文件等都在util文件夹中，后续的一些公共文件也可以放入util里方便使用。数据库名还未配置，待数据库设计完成，数据填充完毕后设置。token刷新还未解决，但过期时间是有效的。**

​**注意：后台返回数据格式，在model中有个resetres.js文件 在app.js中已暴露了一个resetres文件，调用他的sendResult函数，调用方式 res.sendResult(data 返回的数据,code 状态码, msg 返回的信息)，即可返回统一的数据格式**

​**"data":data,**

​**"meta": {**

​**"msg":msg,**

​**"status":code**

​**}**

#### 项目提交在bookshop文件夹处

###### 项目开发提交，git代码(参考)

```

创建分支开发

1.git checkout -b 分支名 创建一个新的分支并切换到其分支上

2.git branch 查看当前分支

3.git push -u origin 分支名(最好和本地刚创建的分支名相同) 推送创建一个新的分支到远程仓库

开发完成提交分支

1.git branch 查看当前分支

2.git status 查看修改的文件

3.git add . 提交所有改动到暂存区

4.git commit -m 'message'

5.git status

6.git push 提交分支

7.git checkout master 切换到主分支

8.git branch

9.git merge 刚才的分支名 合并分支到本地的master分支

10.git push 推送master分支到远程仓库

```

#### vue模板：vscode 设置 用户代码片段 新建全局代码片段 在打开的文件中 ctrl+a 删除，ctrl+v以下代码

```

{

"vue_template":{

"prefix": "t1",

"body": [

"",

"\t

",

"\t",

"\t

",

"",

"",

"export default {",

"\tdata() {",

"\t\treturn {",

"\t",

"\t\t}",

"\t},",

"\tcreated() {",

"\t",

"\t},",

"\tmethods: {",

"\t",

"\t},",

"}",

"",

"

"\t",

""

],

"description": "vue学习时创建模板的模板" // 模板的描述

},

"vue_learn_template":{

"prefix": "v1",

"body": [

"",

"",

"

",

"\t",

"\t",

"\t",

"\t

Document",

"\t",

"\n",

"

",

"\t

"\t",

"\t //创建Vue实例,得到 ViewModel",

"\t const app = new Vue({",

"\t\tel: '#app',",

"\t\tdata: {},",

"\t\tmethods: {}",

"\t });",

"\t",

"\n",

""

],

"description": "vue学习时创建文件的模板" // 模板的描述

}

}

```

**使用方法 t1 创建vue标准模板，v1 创建模板 的标准模板**

一键复制

编辑

Web IDE

原始数据

按行查看

历史