微信小程序开发案例 | 成语词典小程序（上）
阶段案例-成语词典小程序
01、准备工作
1 导入代码包
为了节约时间，这里我们直接把小程序空白模板代码包templateDemo复制一份并重命名为demo05_idiomDict, 导入开发工具等待改造。
2 启动服务器
这里我们使用本地电脑安装phpStudy v8.1套件来模拟服务器效果。
本次阶段案例还需要使用MySQL数据库，选择顶部“一键启动”区域中第一个“WAMP”（Windows+Apache+MySQL+PHP）来开启服务器和数据库进程，启动效果如图5-10所示。
■ 图5-10 phpStudy启动WAMP示例
注：开发者也可以根据自己的使用习惯将Apache改为Nginx，一键启动WNMP。
3 部署数据库
初学者可以直接使用第三方免费的Navicat for MySQL来对MySQL数据库进行管理。
安装完成后打开进入操作界面，选择左上角的“连接”——“MySQL”，如图5-11所示。
■ 图5-11 Navicat for MySQL连接数据库步骤1
在弹出页面上输入的内容如图5-12所示。
■ 图5-12 Navicat for MySQL连接数据库步骤2
填写的内容解释如下：
● 连接名：开发者自定义，中英文均可，这里起名参考为“本地测试”；
● 端口：一般默认是3306，如果开发者改过MySQL的端口号则填自己修改后的；
● 用户名：首次安装后默认的MySQL用户名为root；
● 密码：首次安装后默认的MySQL密码为root；
填写完毕后单击左下角“测试连接”按钮，如果提示“连接成功”就可以单击“确定”按钮完成对本地MySQL的连接了。
双击激活刚才创建好的“本地测试”连接，就可以看到目前现有的系统自带的数据库了。不要去改动它们，而是对“本地测试”右键单击选择“新建数据库”选项，如图5-13所示。
■ 图5-13 Navicat for MySQL新建数据库步骤1
新建时需要填写的内容如图5-14所示，其中数据库名可以由开发者自定义，最好多个单词用下划线连接，且不要使用大写字母。
■ 图5-14 Navicat for MySQL新建数据库步骤2
填好以后单击底部“确定”按钮即可完成数据库的创建，继续双击激活刚才新建好的idiom_dict数据库，选择其中的“表”选项，然后在任意空白处右击选择“运行SQL文件…”，如图5-15所示。
■ 图5-15 Navicat for MySQL导入数据表SQL文件
本阶段案例提供了现成的“成语词典数据库.sql”文件导入就可以使用了，导入方法如图5-16所示。
■ 图5-16 Navicat for MySQL导入数据表SQL文件2
提示“Finished successfully”字样就表示导入成功了，关闭此对话框后同样在任意空白位置右击选择“刷新”即可看到一个名为cy的数据表了。如果想更换数据表名称，可以对其右击选择重命名，例如将其更改为“idioms”。
此时双击打开“idioms”数据表就可以看到里面有3万条成语数据了。
■ 图5-17 成语数据表内容展示
其中的字段名称解释如下：
● ID：编号，从1开始递增；
● name：成语名称；
● spell：成语的拼音写法；
● content：成语释义；
● derivation：成语出处；
● samples：成语例句。
一会进行小程序逻辑实现时会用到这些字段名称。
为了提高网络请求的安全性，最好不要直接把最高权限的root账号拿去给接口使用，建议选择Navicat for MySQL界面顶部的“用户”菜单，新建一个只包含查询“idioms”表权限的用户。“新建用户”选项如图5-18所示。
■ 图5-18 新建查询权限用户
在“常规”选项卡依次录入用户名“dict”、主机“localhost”、密码和确认密码均为“123456”（开发者可以自己更换），然后就可以单击左上角“保存”按钮记录这些信息。如图5-19所示。
■ 图5-18 新建查询权限用户
在“常规”选项卡依次录入用户名“dict”、主机“localhost”、密码和确认密码均为“123456”（开发者可以自己更换），然后就可以单击左上角“保存”按钮记录这些信息。如图5-19所示。
■ 图5-19 常规选项卡录入基础信息
在“权限”选项卡选择“添加权限”——选择指定的数据表“idioms”——勾选Select权限——单击对话框下方“确定”按钮——单击左上角“保存”按钮。如图5-20所示。
■ 图5-20 权限选项卡配置SELECT权限
此时权限就配置完毕了，当前用户dict只可以查询idioms数据表，不可以对其进行增删改的动作。未来如果有更多的数据表都可以用同样的方式去灵活配置权限。
注：Navicat for MySQL只是方便操作MySQL的辅助工具，配置完毕后就关闭了，不会影响MySQL进程的正常运行。
由于当前案例无需用到图片素材，此时就已经做好了准备工作，小程序端最终目录结构如下图所示：
■ 图5-21 项目目录结构
- 点赞
- 收藏
- 关注作者
评论（0）