微信小程序开发实战教程 (8)

8.1 安装及配置XAMPP
17
MySQL服务默认端口号为 3306，如果无法正常启动， 则需要更改端口号，如图所示， 单击“Config”按钮，选择 “my.ini”选项，修改my.ini。
8.1 安装及配置XAMPP
18
如图所示，这里MySQL服务 的端口号保持“3306”不变， 如果出现冲突，则可尝试使用 端口号“3307”“3308”等。

8.1 安装及配置XAMPP
23
如图所示，单击“Save”按钮，保 存设置。
8.1 安装及配置XAMPP
24
如图所示，单击Apache的 “Admin”按钮，测试 Apache服务。
8.1 安装及配置XAMPP
25
如图所示，系统将启动默认浏览器， 进入Apache主页，即进入 “http://localhost:81/dashboard /”页面。如果端口号为80，则进 入“http://localhost/dashboard/” 页面。
37
c.php的代码如下。
<?php header("Content-Type: text/html;charset=utf8"); $conn = mysqli_connect("localhost:3306","root","","xk"); mysqli_set_charset($conn,'utf8'); $query = "SELECT * FROM course"; $result = mysqli_query($conn,$query); $datas = mysqli_fetch_all($result,MYSQLI_ASSOC); echo json_encode($datas,JSON_UNESCAPED_UNICODE); ?>
在浏览器地址栏中输入 “http://localhost:81/xk/b. php”，测试PHP+MySQL环 境，如图所示。
8.3 部署PHP设计的后台API
34
b.php的代码如下。
<?php header("Content-Type: text/html;charset=utf8"); $conn = mysqli_connect("localhost:3306","root",'','xk'); // 设置编码，防止中文乱码 mysqli_query($conn , "set names utf8"); $query = 'SELECT * FROM course'; $result = mysqli_query( $conn, $query ); echo '<table border="1"><tr><td>课程代码</td><td>课程名称</td><td>类别</td><td>学分</td></tr>'; while($row = mysqli_fetch_assoc($result)) {
8.2 创建选课数据库
28
【演练】运行数据库脚本，创建选课数据库
如图所示，单击工具栏中的 “SQL”按钮，将配套资源文 件夹中的“xk.sql”文件的内 容粘贴到SQL窗口中，并单击 “执行”按钮，执行SQL语句。
8.2 创建选课数据库
29
如图所示，单击鼠标指针所指示的图标， 刷新导航面板，可以看到界面左侧多了一 个数据库“xk”。
21
选中“Apache”标签页，如图所 示，将“Apache2.4”的“Main Port”设置为“81”（默认为80， 如果没有修改端口号，则无须修 改），单击“Save”按钮。
8.1 安装及配置XAMPP
22
选中“MySQL”标签页，如图所示， 将“MySQL”的“Main Port”设 置为“3306”（默认为3306，如 果没有修改端口号，则无须修改）， 单击“Save”按钮。
8.1 安装及配置XAMPP
19
修改XAMPP运行环境，如图 所示，单击“Config”按钮。
8.1 安装及配置XAMPP
20
打开“Configuration of Control Panel”窗口，如图所示，单击 “Service and Port Settings”按 钮。
8.1 安装及配置XAMPP
这里主要用到课程信息表course、学生信 息表student、学生选课表stucou（某学 号报名选修了某门课程，WillOrder为报名 的志愿号），读者可先浏览一下各个表中 的数据以有所印象。
8.3 部署PHP设计的后台API
30
【演练】部署PHP+MySQL设计的后台API
将配套资源文件夹中的“xk” 文件夹复制到站点根目录 C:\xampp\htdocs下，如图 所示，该文件夹下有多个PHP 文件。
8.1 安装及配置XAMPP
7
如图所示，进入Bitnami for XAMPP界面，保持默认选择， 单击“Next”按钮。
8.1 安装及配置XAMPP
8
如图所示，进入Ready to Install界面，单击“Next”按 钮。
8.1 安装及配置XAMPP
9
如图所示，显示安装中，需等 待一段时间。
8.1 安装及配置XAMPP
4
等待下载结束，运行下载好的 安装程序。
弹出“Setup”对话框，单击 “Next”按钮，如图所示。
8.1 安装及配置XAMPP
5
如图所示，选择组件，保持默 认选择，单击“Next”按钮。
8.1 安装及配置XAMPP
6
如图所示，选择安装文件夹， 这里使用默认路径 “C:\xampp”，单击“Next” 按钮。
8.1 安装及配置XAMPP
10
如图所示，安装完成，单击 “Finish”按钮。
8.1 安装及配置XAMPP
11
系统将自动运行。以后可运行 “C:\xampp\xamppcontrol.exe”来启动XAMPP， 如图所示。
8.1 安装及配置XAMPP
12
选择语言，保持默认选择，单 击“Save”按钮。
8.3 部署PHP设计的后台API
35
echo "<tr><td> {$row['CouNo']}</td> ". "<td>{$row['CouName']} </td> ". "<td>{$row['Kind']} </td> ". "<td>{$row['Credit']} </td> ". "</tr>";
8.1 安装及配置XAMPP
26
如图所示，单击MySQL的 “Admin”按钮，测试MySQL服 务。
8.1 安装及配置XAMPP
27
如图所示，系统将启动 phpMyAdmin，进入 “http://localhost:81/phpmyad min/”页面。如果端口号修改为80， 则进入 “http://localhost/phpmyadmin /”页面。
8.3 部署PHP设计的后台API
42
自行下载Postman并安装。Postman启动后会提示注册，可跳过此步骤，不影响使用。
Postman是一款非常流行的API调试软件。该软件提供了功能强大的 Web API和HTTP请求调试功能，它能够发送任何类型的HTTP请求（ GET 、 POST、 PUT、 DELETE等） ，并且 能附带任何 数量的参数 和 Headers。 POST请求不能像GET请求那样直接使用浏览器进行测试，自己编写代 码进行测试又会花费时间，所以这里使用Postman测试API。
} echo '</table>'; mysqli_close($conn); ?>
8.3 部署PHP设计的后台API
36
在浏览器地址栏中输入 “http://localhost:81/xk/c.p hp”，使course的内容以 JSON格式输出，如图所示。
8.3 部署PHP设计的后台API
8.3 部署PHP设计的后台API
40
在浏览器地址栏中输入“http://localhost:81/xk/e.php?StuNo=00000001”，查询某 StuNo（学号）的学生报名选修的所有课程，如图所示。
8.3 部署PHP设计的后台API
41
e.php的代码如下。
<?php header("Content-Type: text/html;charset=utf8"); $conn = mysqli_connect("localhost:3306","root","","xk"); mysqli_set_charset($conn,'utf8'); $StuNo=mysqli_real_escape_string($conn,$_GET['StuNo']); $query = "SELECT StuCou.CouNo,CouName,WillOrder FROM StuCou,Course WHERE StuCou.CouNo=Course.CouNo AND StuNo = '$StuNo' ORDER BY WillOrder"; $result = mysqli_query($conn,$query); $datas = mysqli_fetch_all($result,MYSQLI_ASSOC); echo json_encode($datas,JSON_UNESCAPED_UNICODE); ?>