phpStudy+MySQL-Front连接数据库

第一步,打开phpStudy,我用的是2016版。

第二步,设置站点域名:其他选项菜单—>站点域名管理—>站点域名设置。
phpStudy+MySQL-Front连接数据库_第1张图片
第三步,C:\Windows\System32\drivers\etc找到hosts文件,修改相关内容。
phpStudy+MySQL-Front连接数据库_第2张图片
第四步,站点域名设置的网站目录F:\js-exercise\site1里一定要有index.html,会默认打开,其他页面比如注册登录啥的,可以放在其他文件夹内,比如pages文件夹里。你也没见过,什么电商网站一打开就是注册页面的吧。
phpStudy+MySQL-Front连接数据库_第3张图片
第五步,创建数据库,创建表,创建字段。
phpStudy+MySQL-Front连接数据库_第4张图片
phpStudy+MySQL-Front连接数据库_第5张图片phpStudy+MySQL-Front连接数据库_第6张图片
第六步,写index.html,跳转链啥的接都写好。
在这里插入图片描述
第七步,写注册页面res.html,引入jquery.min.js,用jQuery的ajax通信。
在这里插入图片描述phpStudy+MySQL-Front连接数据库_第7张图片
第八步,写php服务文件,两种,musqli、_pdo。
phpStudy+MySQL-Front连接数据库_第8张图片
比如简单注册的php服务文件:



$userName = $_POST['userName'];
$userPwd = $_POST['userPwd'];

$host = '127.0.0.1';
$user = 'root';
$pwd = 'root';
$dbname = 'html1926';
$port = 3306;

$link = mysqli_connect($host, $user, $pwd, $dbname, $port);

$sql = "INSERT INTO `user`(`name` , `pwd`) VALUES('{$userName}' , '{$userPwd}')";

$result = mysqli_query($link, $sql);

// // 写入成功,执行结果是true,写入失败是false
if($result == true){
    echo json_encode('1');
}else{
    echo json_encode('0');
}

第九步,打开浏览器,输入域名访问,试着登录注册一下。
在这里插入图片描述
登录看一下:
phpStudy+MySQL-Front连接数据库_第9张图片
注册看一下:
phpStudy+MySQL-Front连接数据库_第10张图片
仅写来作参考,不对之处,还请批评指正。

你可能感兴趣的:(js项目周,php,mysql,jquery)