当前位置：首页 > news >正文

[中秋特别定制版本]绝美登录页面搭配[登录数据存储到服务器](服务器宝塔数据库开通+短信服务开通+后端redis验证码缓存)

news 来源：原创 2024/5/6 8:06:01

hello，大家好，这里是又鸽了好几个星期不出文章的x，最新在准备答辩所以又停更了🤳，今天这篇文章带来的是和即将到来的中秋节有关的专题，也是本人一直想出的短信服务加服务器的专题系列，整个的过程只要跟着做其实难度不大，也没想象中的那么困难，而且也是非常常用的一个功能💁‍♀️，好啦，如果你也喜欢这篇博客的话，那就接着往下看吧~

在这里插入图片描述

文章目录

页面展示
腾讯云服务器准备
- 重置密码
- 开放端口
- 转移阵地，前往宝塔
- - 安装mysql
  - 远程数据库连接操作
  - - Mysql连接
    - 允许默认用户root远程登录
    - Navicat远程连接
短信服务
- 公众号准备[申请签名]
- 申请签名类型
- 正文模板准备
- 创建应用
- 访问管理拿两个宝贝
- - 代码自动生成
展示一下(手机信息截图)
- 短信截图
- Redis截图
- 后台部分截图
项目源码获取🌕

页面展示

在这里插入图片描述

（是不是超有中秋风格，哈哈哈哈哈哈🌕🌕壁纸都在项目里了😎）

腾讯云服务器准备

不了解服务器的朋友可以点击下方链接，然后跟着后面的步骤一起来玩噢🎈🎈🎈
本项目所用到的服务器传送门😎

这是我是用的服务器基本信息：
在这里插入图片描述

重置密码

这里重置密码是为了后续登录使用的，所以很重要
在这里插入图片描述

这里默认登录用户都是root，密码自己记住就好，待会要用到❗❗❗

在这里插入图片描述

开放端口

点击旁边的增加规则就可以增加啦😎
在这里插入图片描述

转移阵地，前往宝塔

在前面大家可以看到宝塔的登录地址，第一次登录：
在这里插入图片描述
会进入到Shell界面，输入上面的sudo /etc/init.d/bt default即可得到你的登录名和密码
登陆成功后可以修改用户名和密码，但是第一次是要用它本身的🤗

安装mysql

进入宝塔界面，前往软件商店，在右边，安装时间可能会比较长，这里选择的是编译安装，避免以后出现什么bug，所以没有选择极速安装🧐等待时间比较长，喝杯茶休息会🥂🍋🍹🍸
在这里插入图片描述

远程数据库连接操作

打开软件XShll7

![在这里插入图片描述](https://img-blog.csdnimg.cn/dbc9f6de1f074f14b3bc7cf35d731367.png

在这里插入图片描述

登陆成功之后
在这里插入图片描述

Mysql连接

1.首先，去宝塔面板拿到默认的Mysql登录密码
在这里插入图片描述

这里就使用默认密码先，密码我个人觉得使用它默认的会很好，笔者曾经数据库收到过攻击，当时我的数据库密码为root，非常的简单，然后数据库当时发生过一些异常，有人动过我的数据库，所以这里大家使用默认的会比较安全，可以将这串码自己记录好😎

连接上XShell后，输入

mysql -uroot -p
他会让你填入密码，你复制刚刚获取的密码然后直接右键粘贴即可进入👻

在这里插入图片描述

允许默认用户root远程登录

在这里插入图片描述
选中数据库

use mysql

下面注意是有";"不加的话命令不完整噢😏😏

允许登录

update user set host = ‘%’ where user = ‘root’;

刷新数据库

flush privileges;

Navicat远程连接

在这里插入图片描述

第一次可能会比较慢，等一下哈~
成功后我们创建一个数据库以及用户表来保存用户数据

在这里插入图片描述
至此，数据库端工作准备完毕~
接下来来处理短信服务端

短信服务

短信服务这一块，打开服务器界面，上面的云产品搜索“短信”，一开始都会有免费100条国内短信的，不用害怕😎，这里有很多东西需要准备，不要弄乱了噢

在这里插入图片描述

公众号准备[申请签名]

这里要先申请一个签名，申请签名

在这里插入图片描述
申请签名的方式有很多，笔者这里使用的是最简单的，那就是通过公众号申请

申请签名类型

如果签名是自用的情况下，这里一般有下面4种，简单来说就是这四种里你必须有一种是“上线并且搜索得到”的，比如，你上线了一个小程序，你上线了一个APP，最简单的就是上线一个公众号，而且这个公众号必须是你个人创建的，笔者曾经试过：如果是别人的公众号，但是你属于这个公众号的合作者，这样子去申请依旧不行，你会申请一直失败
后来我就自己去申请了一个公众号，然后一下子就申请成功了😂😂😂
申请公众号网站：微信公众平台传送门简单填写一些信息就ok，而且是直接就上线了，nice！！！

在这里插入图片描述