搭建你的第一个个人数据服务器2.0

研发改变世界

是的，你没有看错

这些敲代码的家伙又来了

是的，他们可能迟到但从不缺席

本期我们的2.0教程将延续制作1.0教程时的热情，为大家带来1.0系统中所展示的各个功能的实现代码的说明和解释，并用比较简单易懂的方式来带你完成相关的数据库操作。 一起来看看语言的独特魅力吧！

首先让我们在电脑的应用列表中打开我们熟悉的老朋友，是不是还能勾起一些潮人的印象呢？

➢1. 同时打开xampp和sublime text3

我们这里打开的两个软件，主要用于mysql+apache环境下的可视化操作

用数据库操作语言的编辑器运行（这里教程以php语言为例）

（具体如何下载安装请参考上一期1.0）

➢2. 实现xampp可视化界面中Apache和Mysql语言的开通和应用

具体操作就是apache->start，mysql->start，apache->admin，mysql->admin的过程个人网站服务器，从而达到如图的状态效果。

➢3. 在环境自带的phpMyAdmin界面创建本教程需要的数据库

点击主菜单导航栏新建按钮个人网站服务器，进入数据库创建界面。输入库名tb_student，语言设置为gb2312_chinese-ci格式进行基本创建

输入新建表的操作内容

如图输入内容，点击右下角保存即可创建，等待完成

➢4. 打造html+php前后端结合的程序模式

经过简短的回顾和详细的解释，终于到了高亮的时刻，这里比较复杂。 也是各位潮友最容易出错的地方。 这时候终于请来了我们重点介绍的另一位伙伴——sublime text3。 各位潮友们，擦亮眼睛一起围观吧！

（1）在sublime text3中编辑生成前端student.html

我们通过保存并在三分钟内运行几行代码，为我们的前端输入制作了一个相对简单的网页框架。 关键要注意的是图中标签中的动作目标语法，也是由提交按钮触发的。

大家需要记住文本框标签代码中的几个“名字”名称，这是前后端传输的关键。 关于边框标签和文本框的知识我们在前几期已经讲解过了。 欢迎大家阅读浏览。

(2)生成一个接受参数的后端student.php文件

其中第3行是定义开头的基本属性，不需要根据实际情况修改。

第4行定义连接的数据库名称，第5行是数据库语言转换的强制定义。

第8-10行与student.html文本框中的三个name属性一一对应，保证了参数传递的可靠性。

最后通过第14行所示的sql语言向student表插入参数。

提醒大家在输入如图代码时要时刻注意中英文拼写和大小写的转换。 一些不容易发现的输入差异会对实际代码运行产生很大的影响。

➢5. 你完成了，检查并运行

在浏览器中打开修改后的student.html文件，前缀为localhost/，根据需要输入文字信息

点击提交按钮，实现目标文件的触发和参数传递

如果提示添加成功，则表示已经成功进入数据库系统。 让我们兴奋地在基于mysql的数据库页面中查看我们插入数据的结果。

至此，我们对个人本地数据库的第二次探索之旅就结束了。 相信在座的很多朋友在观看教程的过程中都收获了可喜的成功或者充分展现了可贵的探索精神。

我们希望通过我们的努力，能够最大程度地向您展示这个您熟悉或陌生的“神秘领域”。

研发部的探索之路远未停止

我们将在未来学习和探索

尽量给大家带来一些实用新颖的实践分享

敬请期待，我们下次再见！