（云服务器+JQuery+JS+bootst+Navicat+AJAX）第一个前端小项目【面试】_java

目录
第一步：登录云服务器

        查看根目录

        运行jar包

        端口被占用

        ps -ef:查看使用的端口号

        kill -9 端口号：杀掉该进程，取消端口占用

1、配置数据库

2、启动jar包

3、测试swagger接口

        配置数据库navicat

        小黄鸭：连接云服务器的可视化工具

Swagger部署

        拿到token密钥

        token验证连接数据库：

项目页面制作初步分析

前端组件库bootstrap的使用

FontAwesome图标库的使用

代码实现

第一步：登录云服务器

查看根目录运行jar包
端口被占用

ps -ef:查看使用的端口号

kill -9 端口号：杀掉该进程，取消端口占用

1、配置数据库
1）创建本地localhost数据库
2）在数据库连接中新建数据库
数据库名称：info（后台给的数据库名字就是什么名字，不能随意起名）
字符编码：utf8 -- UTF-8 Unicode
3）为新建info数据库导入sql文件
4）刷新数据库
5）新建用户（后台给的数据库连接的用户名和密码）
用户名：briup
密码： briup
主机号： %
6）将该用户授权给新建的info数据库
选中briup用户 -> 单击添加权限 -> 勾选briup -> 将右边所有权限都勾选 -> 单击确定 -> 单击右下角保存按钮

2、启动jar包
1）在文件夹中找到cms.....jar文件，在当前文件夹的目录中输入cmd，在终端中打开当前目录
2）java -jar cms-0.0.1-SNAPSHOT.jar &

3、测试swagger接口
1)打开浏览器输入 localhost:7788/swagger-ui.html
2)找到登录相关接口 -> /user/login -> 输入框中输入用户名密码
{
"password": "123321",
"username": "admin1"
}
3)点击 try it out ，后台返回200状态码，拿到data中的token
4)复制拿到的token秘钥，找到页面最上面的 Authorize -> 单击，把拿到的token复制进去
5)测试其他非登录接口

配置数据库navicat

小黄鸭：连接云服务器的可视化工具

Swagger部署拿到token密钥

token验证连接数据库：