购买服务器和XShell连接服务器的操作在

Springboot+Vue云端环境配置（上）

Springboot+Vue云端环境部署（下）

里面详细介绍过，就不再赘述了，有需要可以去翻看一下。

最后实现的功能大概为：根据传入的person_id，在存放数据位置信息的表中，筛选出数据要插入的表名（例如，person_id=1的数据，在work_table_info表中查出，需要存储在table_id_1表中），并将数据插入。

实体类

1
2
3
4
5
6
7

@Data
public class Daily {
    private String time;	//打卡时间
    private Double longitude;	//打卡经纬度
    private Double latitude;
    private String person_id;	//打卡人员id
}

实体类

定义实体类，插入数据分别代表打卡时间、员工id，

打卡时间是最后需要插入时序数据库中的时间戳类型字段。

1
2
3
4
5

@Data
public class Daily {
    private String collect_time;
    private String id;
}

在电脑上复现以前的C++项目的时候，自觉VS studio太繁重，准备重新拿VS code编译，没想到还是有很多地方需要注意的，在这里记录一下。

安装扩展

为了编译打开C++文件，需要在VS code上面先安装一些拓展，如下图：

注意

在部署前后端项目之前，首先需要保证nginx服务是开启的：

1	systemctl start nginx #开启nginx服务

接着将服务器的公网IP地址粘到浏览器中，如果能看见如下界面，说明nginx可以访问。(这个访问的是80端口，需要保证安全组的80端口是开启的)

项目部署

前端vue项目部署

打包简单的vue项目

以全栈学习·第三方组件（element-ui）里的vue项目为例。

打开项目，在终端服务器输入

1

npm run build

将代码进行打包，打包下来的文件会放在dist目录下的index.html(只有一行是因为做了压缩)，最后需要做的就是把dist目录放在服务器上进行访问。

云端环境准备