- 博客(16)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 微信小程序（看文档写实例十）微信小程序课堂宝APP实现我的模块相关界面及逻辑
继上篇博文，这篇完成最后一个模块，即我的模块。一、页面效果这个模块是和用户类型相关的，因此老师账号和学生账号能看的功能不一样，老师端效果如下：点击头像到达个人信息如下：点击后可以做相应的修改。学生端的界面如下：修改密码的页面如下： 其他页面就不一一列出，下面用一个表来说明功能。序号 描述 功能 1 课堂提问 点击后跳转到课堂提...
2018-09-27 20:01:00
8399
3
原创 微信小程序（看文档写实例九）微信小程序课堂宝APP实现练习模块逻辑代码
接上篇博文，这篇主要描述练习模块的代码逻辑，其中包括test页面，答题detail页面以及提交答题后答卷answer页面。一、test页面test页面其实就是从服务器获得章节练习题的内容，然后统计分类并显示，当用户点击对应的章节时跳转到答题detail页面并把该类题目信息传给detail页面。代码不多，如下： var Bmob = require("../../utils/Bmo...
2018-09-24 10:14:26
7025
2
原创 微信小程序（看文档写实例八）微信小程序课堂宝APP实现练习模块前台
接上篇博文，这篇主要描述练习模块的前台显示，其中包括test页面，答题detail页面以及提交答题后答卷answer页面。一、练习模块test页面练习页面主要展示的是当前用户的头像，昵称以及学校信息，另外还有答题信息，以及每个章节的练习信息，先来看看效果：grid用的是样式框架weui.wxss，其他也没有什么难度，代码如下： <view class="page"&...
2018-09-21 22:30:57
7933
原创 微信小程序（看文档写实例七）微信小程序课堂宝APP实现在线课堂测试
接着上篇博文已经完成签到功能，这篇来完成课堂测试功能。一、需求描述1、在后台选择题、主观题表中上传测试题2、客户端获取题目信息3、把题目信息格式化加载显示4、客户端答题，主观题每题能上传一张答题图片5、客户端答题结束提交到服务器二、前台页面提交大量数据当然用表单了，代码并不多。wxml代码如下： <view class='section' hidde...
2018-09-18 21:52:51
11946
7
原创 微信小程序（看文档写实例六）微信小程序课堂宝APP实现签到逻辑
继上篇博文，这篇写下签到实现的逻辑。一、实现逻辑发起签到1、先上传当前自己的定位经纬度2、学生查询老师的最后一次签到记录，如果发现签到记录signComplete为false说明有新的签到3、得到签到的第几次课4、系统获得学生的定位经纬度5、判断两点经纬度转换成距离是否在100米以内，如果是则可以签到否则不能签到签到完成1、老师端选择结束签到2、老师更新最后...
2018-09-17 21:44:20
11203
1
原创 微信小程序（看文档写实例五）微信小程序课堂宝APP实现获取签到列表
根据上篇博文，这篇主要实现获取签到列表逻辑。获得签到列表主要有以下步骤：（1）查询老师的ID（2）查询老师的签到记录（3）如果当前用户是老师，直接显示所有记录，因为签到记录都是老师发起的，肯定每次都签到（4）如果当前用户是学生，以老师的签到列表作为长度，然后以item遍历老师的签到列表，如果item在学生的签到列表中，说明学生本次是完成签到的，否则没有完成签到（5）如果到最...
2018-09-14 22:12:15
11945
原创 微信小程序（看文档写实例四）微信小程序课堂宝APP实现签到子页面布局及课程视频播放页面
一、签到子页面布局子页面主要是一个签到按钮，然后下方是签到记录列表。1、签到按钮布局代码： <button class='sign-button' bindtap='sign'>签到</button> 样式代码： /* 签到按钮样式 */ .sign-button{ margin-top: 30rpx; m...
2018-09-12 21:26:16
10675
3
原创 微信小程序（看文档写实例三）微信小程序课堂宝APP实现整体界面框架及首页布局
一、首页布局简单思路回顾上一篇博文，首页的内容主要有轮播图，横向滑动菜单以及菜单对应的view，横向滑动菜单有签到、课堂测试、模拟测试、课堂提问、答问记录五个选项，当点击选项时更新显示view。由于素材和时间有限，所以布局做得相对简单，主要是侧重思路及代码逻辑。二、轮播图查看文档，发现轮播图使用的是swiper组件，swiper有以下属性：属性名 类型 默认值 说...
2018-09-10 13:20:35
9711
3
原创 微信小程序（看文档写实例二）微信小程序课堂宝APP
全程记录APP的开发过程，项目完结公上传Github.一、需求 由于老板让做一个课堂信息化APP，想想在移动端开发，小程序不分Android和IOS，所以就选择了微信小程序，软件的需求不多，但整体内容还是符合一个软件的标准，我将记录从需求到模块分析到功能结构到数据库设计，然后着手编码实现前台设计实现到后台设计，然后有模块测试等一系列标准开发流程。 简单设计下功能模块...
2018-09-09 12:42:44
10612
22
原创 微信小程序（看文档写实例一）微信小程序计算器实例
一、项目文件目录解析官方介绍：https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html。一句话：.json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件其中WXML相当于网页的html，而...
2018-09-08 14:46:26
13423
4
原创 JQuery（学习笔记七）JQuery仿京东产品详情页面
主体模块效果：源码：https://download.csdn.net/download/weixin_42363997/10653458
2018-09-08 11:48:57
8954
1
原创 JQuery（学习笔记六）JQuery常用实例
几个简单例子的实现（一）表格隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <style>
2018-09-07 22:09:30
3747
原创 JQuery（学习笔记五）AJAX常用三种方法
一、 AJAX 简介一句话：在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。二、load() 方法一句话：load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 //把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中 $("#div1").load("demo_test.txt"); ...
2018-09-07 21:55:45
1643
原创 JQuery（学习笔记四）JQuery 结点遍历
一、向上遍历 DOM 树parent() parents() parentsUntil() $("span").parent();//返回每个 <span> 元素的的直接父元素 $("span").parents();//返回所有 <span> 元素的所有祖先 $("span").parents("ul");//返回所有 <sp
2018-09-07 21:38:30
1068
原创 JQuery（学习笔记三）JQuery HTML操作
一、jQuery DOM 操作（1）获得内容 //获得text $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); //获得html $("#btn2").click(function(){ alert("HTML: " + $("#test"
2018-09-07 21:12:18
1053
原创 JQuery（学习笔记二）JQuery常用效果
一、隐藏/显示（1）使用hide/show //speed是时间，callback是回调方法 $(selector).hide(speed,callback); $(selector).show(speed,callback); 例子： $("button").click(function(){ $("p").hide(1000);...
2018-09-07 19:06:13
1173
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人