基于php laravel框架+微信小程序原生开发框架+mysql数据库的英语单词助手 计算机毕业设计 微信小程序开发

目录

1、技术介绍

2、需求架构图分析

3、前后端数据通讯方式介绍

4、数据库表设计

5、小程序用户功能介绍

5.1、小程序导航页面展示（用户）

5.2、小程序个人中心页面展示

 6、管理员端功能介绍

6.1、登录界面

 6.2、主界面

7、项目的完整功能操作录屏 

1、管理员后台技术：

Web前端使用html css javascript进行开发

后端使用php laravel框架进行开发

数据库使用的是myql

2、小程序用户端的技术：

微信开发者语言：js+json+wxss+wxml

3、项目整体采用的是mvc的思想模式进行开发。代码可读性高，便于理解。

英语单词助手微信小程序系统分为两个角色：小程序用户、管理员，系统的总体功能架构图如下所示：

小程序端和请求后端接口的方式介绍：

小程序HTTP 请求：小程序可以通过 HTTP 请求向后端服务器发送请求，请求数据或者请求更新界面。后端服务器可以通过响应来回复小程序的请求，从而让小程序更新界面，

代码实例如下：

wx.request({   //微信小程序发送请求的函数

        url: url,  //请求的后端api地址

        method:"post",  //请求方式

        data:{   //西安后端接口传递的数据

        },

        dataType:"json",  //数据传输的格式

        success:(response) =>{  //请求成功的回调函数

          console.log(response);   //response 为请求返回的数据情况

        }

      })

后端接口RESTful API:REST(Representational State Transfer) 是一种基于 HTTP 协议的 Web API 设计原则，它允许客户端通过 HTTP 请求来获取、更新和删除数据。小程序可以使用 RESTful API 向后端服务器发送请求，从而获取、更新和删除数据，代码示例如下：

Route::post('/login', 'Api\MembersController@login');  //http路由规则定义

public function login(Request $request){  //控制器中的方法体

}

表说明如下：

单词分类表设计如下：

帖子评价表设计如下：

好物表如下：

用户表设计如下：

用户兑换好物表设计如下：

帖子表设计如下：

用户学习打卡表

用户生词标记表：

单词表：

微信授权登录完善信息：学生点击登录，弹出授权弹框，获得授权，登录之后进行操作。

单词练习：查询单词，单词朗读，单词翻译，单词例句展示，生词标记，随机进入下一个单词学习。

问题互助：用户发布疑难问题，其他用户浏览了之后可以进行评价解答。

商城好物：用户可以浏览商城好物进行，讲学习单词打卡获得的金币用户获得相应可以兑换的好物。

每日打卡：学生登录系统之后可以进行每日的学习打卡。

个人信息管理：展示用户获得的总金币数，查看发布的问题，兑换的物品，生词标记本，我的打卡记录，联系客服。

单词学习小程序端wxml代码如下：