Skip to content

Stephen5114/dataBank

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dataBank

微信小程序-答题练习

项目记录

1、项目概述

本项目致力于开发一个节约成本,体积小的程序,从而为公众提供方便学习,练习答题的服务。我们的“答题小助手”会为公众提供更具体、精细、海量的数据,进而提高公众对资源练习信息的可利用率,大大提升公众的学习能力和学习效率

2、项目设计

1) 登陆页面开发
2) 注册页面开发
3) 公告页面开发
4) 我的页面模块开发
5) 信息修改页面模块开发
6) 课程页面模块开发
7) 后台数据库开发
8) 系统的实现;
9) 系统测试。

3、项目实现及测试

1) https://mp.weixin.qq.com。 申请微信小程序的账号。申请完成,登录小程序账号,进入小程序后台管理页面,左侧导航栏选择“开发”,然后单击“开发设置”可查看AppID及AppSecret,需要单独记录和保存(切记,AppSecret只能查看一次,后面查看需要重置),后面用于开发工具的登录。
2) 安装wampserver,具体的安装教程在网上都可以找到。在安装wamp过程中,需要选择一个默认浏览器和默认编辑器(如sublime或其它)。安装完wampserver,本地环境就算搭完了。打开wampserver,带右下角的图标变绿说明wamp启动成功,如下图所示。

3)在浏览器中输入http://localhost/phpmyadmin/,选择phpMyAdmin 后,浏览器中弹出phpMyAdmin 登录界面,用户名为root,密码为空,点击执行即可进入主页,如下图所示,后面将在此进行数据库设计。

4) 完成一个课程小程序,具有以下需求:

  • 可以微信授权,获取个人信息

  • 可以进行注册

  • 注册成功登录后,可以进入我的页面,查看个人信息

  • 可以修改个人信息

  • 可以加入该课程进入学习

  • 可以在课程中进行做题
    5) 最终,小程序完成,如下图所示:

    图片 图片 图片 项目总结


1. 项目过程遇到的问题和解决的办法

  1. 在配置Wam时,Wam为橙色,发现是端口占用的问题,经过百度,我test了3306和80端口,找到了占用80端口的sql server和3306的另一个mysql,这些程序被我禁止后,wam变成绿色,能够正常运行。 https://jingyan.baidu.com/article/c843ea0ba10c0d77921e4a61.html
  2. 在做微信授权的时候,button按钮没有显示出来,后来发现是没有清除缓存操作。

  3. 我的页面获取不到UserInf,解决办法:解决方法:register.js中添加wx.request({url:'https://zjgsujiaoxue.applinzi.com/index.php/Api/User/getInfo',data:{'openid':res.data.openid,},success:function(res1){wx.setStorageSync('userInfo',res1.data.data)},})

4) 注册页面点击提交没反映,解决办法:解决方法:把register.js中的switchTab改为redirectTo,switchTab是为了给tarbar跳转使用,现阶段还没有设置tarbar所以先使用redirectTo函数来跳转到index页面。
5) 获取的userinfo有误
![image](https://img-blog.csdnimg.cn/20200517200105631.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzA0MjAw,size_16,color_FFFFFF,t_70)

补充:数据库

image

About

微信小程序-答题练习

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published