闲来无事，研究了一下前端人员怎么写几个简单的接口进行测试，先贴流程，然后再详细步骤。
2020年2月28日09:44:15
流程（排名不分先后）：
一个编辑器、一个index.html。
一、phpStudy
下载安装运行三件套
下载安装运行三件套
参考官网：https://www.xp.cn/ 或者 https://www.phpstudy.net
对，没错，现在叫小皮面板。
我是window用户，所以接下来的操作就按window的来。
下载出来是个.7z的压缩包，解压即可。
压缩包里面有简单的使用说明
没啥卵用
现在直接安装包即可直接安装，安装过程遵循小白安装
（无脑下一步就对了）
然后套件中的 Apache 和 MySQL 这两项的启动
切换到网站界面。
如果不想自己创建新的站点，那么可以用自带的localhost直接访问phpStudy自带的站点，物理路径就是你本机站点存放的路径，把你的项目放到这个路径下面，然后浏览器访问网站域名就可以了。
这应该是站点管理的默认配置，我也忘记我改没改了。
我为了方便大家测试，我自己新建了自己的站点：
①、左上角的创建网站。
②、配置域名、二级域名和根目录。
域名和二级域名，就是启用服务后，浏览器输入这个就可以访问你的网站了（本地！！！）。
然后根目录就是你项目所在目录。基本上是：
配置好了就点确认，phpStudy的服务应该会自动重启，如果没有，请手动操作。
这时候你的浏览器输入你配置的域名，就可以直接访问这个文件夹里面的网站了（本地！！！）
二、Navicat Premium
下载安装运行三件套
下载安装运行三件套
这里本菜鸡用的是11.2.7版本
我知道很老的版本，零氪才是王道
安装过程中也遵循小白安装方法。
运行之后应该啥也没有：
接下来的操作：
①、 文件 — 新建连接 — MySQL
连接名请随意，英文就好。菜鸡我取名为：test
顾名思义，方便测试嘛
另外个就是密码，这里暂且 默认填写为： root 没错，用户名和密码都为：root
如果你有特殊爱好，那么请便。
其他就没啥配置的了，请填写完之后，连接测试，以下是成功界面：
那么问题来了，如果不成功怎么办，菜鸡我昨天就出现了这种情况，一番虎狼操作之后，发现phpStudy那边的MySQL服务没启动。。。
好吧，正确的解决办法是：
连接成功后，应该是 绿色的：
对，没错，绿色的
对着刚刚新建的连接点右键，中间有个新建数据库，麻烦各位看官姥爷点一下，新建数据库弹窗设置如下：
数据库名：请大家随意发挥。
字符集：
重要
排序规则：同上↑↑↑↑↑↑↑↑↑↑↑↑↑↑。
确定新建数据库。这里我就不啰嗦了，麻烦看下图进行操作。
默认生成的表，会有一个为空的字段，就是啥也没填，大家可以按图填写：
说明一下： 名 -> 就是请求接口返回的键名。 类型 -> 顾名思义。 长度 小数点，请自行YY。
每张表，最好有个id 或者 类似 id 的东西。勾选上 不是Null 然后在最后的格子里面点一下设置为主键。没错 点一下就够了。然后下面设置上自动递增（就是以后上传数据，如果没传id就代表新增，传了id就代表修改那个意思。）
然后请添加字段，添加成你想要的亚子：（如果是字符串类型的，比如说name这种，类型就是varchar，然后配置一下字符集和排序规则）。
完成之后保存，然后输入表名（请随意发挥） 这样一张表就建立好了。
接下来遵循专业的角度出发，我们利用sql语句先进行一个数据的新增，证明数据库没问题。
请 上面大图标 查询 — 新建查询 在查询编辑器里面输入
INSERT INTO someone (name, age) VALUES (‘希尔瓦娜斯’, 18);
// INSERT INTO 表名 (键名1, 键名2) VALUES (‘字符串单引号’, 18); // 数字不用 其他大写单词为sql语句
运行即可：
看到下面有写，受影响的行，然后现在切换到隔壁 someone表，刷新一下 就可以看到新的数据添加进去了，并且id是自动的，这时候数据库就OK了。
三、准备网站代码
其余工具全部最小化，
打开你的VSCode
html代码很简单： 各位大佬就手敲一下，打扰了。
js代码等会敲吧。先准备几个.php文件 我准备了三个文件，读、写和删 分别为 data.php create.php delete.php
基本上大功告成，现在就差js代码了。
我刚刚有测试，所有数据会不一样。基本上没啥问题，返回的数据，请在每个ajax请求的时候console.log(res) 查看。
如果有问题，js的请自己解决，php方面的问题，则在 控制台 – network 选择xhr分类下面，看请求的xxx.php
点开之后能看到是否请求成功， preview 和 response 则是 php的返回值，如果有报错，也会在这两个里面
下面是测试环节： 这时候还没点提交
我没写输入框清空的方法，大家自己补充一下。
这就是简单的html+php+mysql本地站点和接口的编写。实际上比这应该复杂很多。
如果有想继续深入的小伙伴们，可以去找一找数据库表关联什么的资料看一看。还有mysql的增删改查语句。
我是一名前端菜Navicat Premium 11.2.18激活鸡，如果有不对的地方，还请多多指教。
今天的文章
Navicat Premium 11.2.18激活(前端用PHP写简单的接口（html+php+mysql）)分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/115725.html
