简单的注册/登录页面

2023-12-11
0
177

和3.5生成的注册、登录功能的文件,整理复盘下。


使用环境:(公司的电脑)Mac_Intel_ Monterey,编辑软件PhpStorm。


最终的文件结构如下。
project

├── config
│ └── db_config.php
├── index.php
├── pages
│ ├── dashboard.php
│ ├── login.php
│ └── register.php
└── tests
├── test.log
└── test.php


PHP集成环境:MxSrvs,官网打不开,浏览器下载存网盘了,MxSrvs_1.2.1下载地址


MxSrvs安装:提示开发者身份不明,系统设置-安全性与隐私-仍要打开,然后安装(默认安装在/Applications/MxSrvs)。使用时总弹出组件未受信任提示:系统终端输入下方命令。

sudo xattr -dr com.apple.quarantine /Applications/MxSrvs


MxSrvs使用:启动Nginx、MySQL、PHP。MySQL报错可能是本地的开着占用了3306端口,把系统设置里的MySQL(小海豚图标)关了。


添加项目:MxSrvs配置编辑页面,点击Nginx中vhosts右侧的加号按钮,输入主机名称(也是项目名称我这里是project),其他默认不动点击确定。


创建文件project:进入应用程序,找到MxSrvs文件夹,在www文件中新建project文件,用来写注册、登录等功能。


新建index.php:用phpstorm打开project文件,新建index.php,给index.php添加简单的内容如下:



安装php:使用MxSrvs自带的php7.4.6版本也行,或者安装最新版php。我的brew有点问题,在系统终端依次输入以下命令,重新安装了brew,用brew安装php。

cd /usr/local
sudo rm -rf Homebrew
sudo git clone https://github.com/Homebrew/brew.git Homebrew
brew install php


项目运行:在phpstorm软件下方终端中输入以下命令,等待返回提示,正常运行会给出这个地址,点击地址http://localhost:8000,页面显示「Hello, World!」,运行正常。

php -S localhost:8000


可视化管理数据库:电脑上方有MxSrvs图标,点击打开网站,进入phpMyAdmin页面管理数据库(这个网页翻墙时打不开,需要关代理)。MxSrvs的数据库默认是没密码的,打开phpMyAdmin后,输入用户名:root,密码不用填按执行就进入页面了。


修改数据库密码:在phpstorm下方终端中依次输入以下命令(已有一个终端在运行,点击右侧加号再开个终端界面),它们的作用分别是登录用户名root的数据库(要求输入密码这里还没有直接回车),更新密码为123456,更新权限输入,退出登录。

mysql -u root -p
ALTER USER 'root'@'localhost' IDENTIFIED BY '123456';
FLUSH PRIVILEGES;
exit


新建数据库:在phpMyAdmin页面,点击新建点击SQL(别选到已有的数据库上,以后添加数据表也要注意选中project再输入语句),输入以下SQL语句,新增名为project的数据库。

CREATE DATABASE project;


新建用户表:在phpMyAdmin页面,点击project,点击SQL,输入以下SQL语句,新增用户表,用户名称唯一约束。

CREATE TABLE users (
    user_id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(255) UNIQUE NOT NULL,
    password_hash VARCHAR(255) NOT NULL
);


新建数据库配置文件:新建目录config,在里面新建文件db_config.php,用于存放数据库连接配置,代码如下。


新建测试文件:新建目录tests,在里面新建文件test.php和test.log,用于检测数据库配置是否成功连接数据库,并把信息记录在test.log文件中,代码如下。


查看测试情况:在浏览器输入地址 localhost:8000/tests/test.php ,回到test.log文件中,显示数据库连接成功,说明这个连接通的的,如果失败可以把报错内容发给3.5,让其找出原因给出修改方案。


修改index.php文件,添加注册和登录的跳转按钮,代码如下,浏览器输入地址 localhost:8000/index.php可查看效果。


新建注册文件:新建目录pages,在里面新建register.php,代码如下,浏览器输入地址 localhost:8000/pages/register.php可查看效果。



新建登录文件:在pages中新建文件login.php,代码如下,浏览器输入地址 localhost:8000/pages/login.php可查看效果。



新建后台首页文件:在pages中新建文件dashboard.php,代码如下,浏览器输入地址 localhost:8000/pages/dashboard.php可查看效果。


以上是注册、登录简单的功能实现,没整样式。过程中出现问题,给3.5报错的信息,让他出修改方案。多询问出现状况的原因,有哪些解决方法,和你需要什么效果。


下一篇更小测试,summernote编辑里php显示的问题。

评论