基于微信小程序的微课系统设计

内容摘要在知识付费的今天，线上网课已经成为一种有效的营销方式，人们开始习惯于在零散的时间段内对某知识点进行学习，因而越来越多的线下实体班，也纷纷开展了线上的付费网课。然而，开展线上网络班的形式多种多样，人们能在网络上学习的方式也大相径庭，但归根结底，最好是能够以一种高效便捷的方式来进行对知识的获取才符合当下在碎片化的时间中人们能够补充知识点的需求。为了能够让学生和老师们更好体验到“快捷便利”的知识付费服务，本文设计了一款基于微信小程序的微课系统。其主要内容包括“各类课程”,“购物车”“课程付费”三大顺序模块；学生先会看到“各类课程”，这些课程就是已经上传好的存在于服务器数据库内的课程，点开课程会看到各种目录，教师信息，课程评价等；而“购物车”功能用于多课程同时购买；当选择好课程后进行最后的“课程付费”，就完成了一次便捷的知识付费的过程。关键词：微信小程序网课知识付费碎片化时间AbstractToday,whenknowledgeispaidfor,onlinecourseshavebecomeaneffectivemarketingmethod.Peoplebegintogetusedtolearningcertainknowledgepointsinscatteredtimeperiods.Asaresult,moreandmoreofflineentityclasseshavealsostartedonlinepaidonlinecourses.However,therearevariousformsofonlineclasses,andthewayspeoplecanlearnontheInternetarealsoverydifferent.However,inthefinalanalysis,itisbesttoacquireknowledgeonebyoneinanefficientandconvenientwaytomeetthecurrentdemandthatpeoplecansupplementknowledgepointsinthefragmentedtime.Inordertoenablestudentsandteacherstobetterexperiencethe"fastandconvenient"knowledgepaymentservice,thispaperdesignsamicro-lessonsystembasedonWeChatapplet.Itsmaincontentincludes"variouscourses","shoppingcart"and"coursepayment"threemajorsequencemodules;Studentswillsee"variouscourses"first.Thesecoursesarealreadyuploadedandexistintheserverdatabase.Clickonthecoursestoseevariousdirectories,teacherinformation,courseevaluation,etc.The"shoppingcart"functionisusedforsimultaneouspurchaseofmultiplecourses.Whenthecourseisselectedandthefinal"coursepayment"ismade,aconvenientprocessofknowledgepaymentiscompleted.Keywords：WeChatappletOnlineclassesKnowledgepaymentFragmentationtime目录第1章绪论……………11.1研究背景……………11.2研究的目的及意义……………………1第2章研究现状…………22.1简析互联网+网课产生与发展的原因……………22.2网络教学的形式……………………22.2.1直播……………22.2.2录播……………22.2.3直播面授………32.2.4一对一…………32.2.5本章小结…………3第3章小程序分析……………………43.1技术可行性………43.2SWOT分析…………43.2.1Strength优势…………………43.2.2Weakness劣势…………………43.2.3Opportunity机会………………53.2.4Threat威胁……………………5第4章小程序设计与实现……………64.1总体功能布局………64.2小程序设计所需工具………………64.3功能结构……………64.4小程序云开发………74.4.1微信小程序中自带的数据库……74.4.2云函数…………84.4.3云课堂设计的部分页面………9第5章小程序测试…………………215.1功能测试…………215.1.1小程序入口……………………215.1.2支付功能………215.1.3缓存……………215.1.4兼容性测试……………………215.1.5功能性测试………………23总结………………………26参考文献……………………28致谢…………29第1章绪论1.1研究背景随着人们对碎片化时间下对知识的汲取需求的增多，以及互联网+时代的发展，网络上出现了一种新型的知识付费模式，即互联网+网课，简称微课或云课堂。这种微课用于人们在碎片化的时间下能够对已学过的知识中的某一知识点进行巩固或补充。在互联网+网课的强烈冲击下，加上昂贵的地租以及各种成本，大多数线下实体班经济发展大不如前，甚至难以站住脚而走向倒闭；而在网络上开展线上网课所需要的成本最低只需要一台好的录制设备，仅此而已。所以，大多数线下实体班纷纷投入了线上网课教学的洪流中，知识付费的云课堂开始爆炸性增长，最知名的网课平台有CCTALK、知乎、腾讯课堂、网易云课堂、慕课等。其中CCTALK甚至走向了国际化网课教程平台。1.2研究的目的及意义古人云：学不可以已，自古以来人们对知识的渴求就没有停下来过，所以才会有我们如今精彩纷呈的世界存在。随着移动互联网时代的到来，微信小程序成为网络时代最具潜力的一匹多金黑马，而教育行业也是永垂不朽，该微课小程序为当下碎片化时代的人们提供便利快捷的一种学习方式，让人们能够在零散的时间段内能够做到对自己感兴趣或了解的领域进行查漏补缺，充实巩固。 微信小程序是一种即开即用，方便快捷的互联网新兴产品，本次研究的目的在于微信小程序的方便快捷对于知识付费的网课的有效结合，该小程序主要有三大模块，最最重要的“各类课程”模块，在首页上会有各种精挑细选的优质微课，让感兴趣的或想了解的人进行挑选，“购物车”模块用于多课程购买，是考虑到有些人感兴趣的课程多种多样，加入购物车后再三思考后会筛选出自己想要的课程，然后才进行最后的“付费”模块，就可以开始网课的视频学习。第2章研究现状2.1简析互联网+网课产生与发展的原因传统的课程是以实体班的形式，即实地，实物，设身处地地在某个场所里学习，可能是老师们申请的学校放假时空置的教室，也可能是企业提供已经租赁好的房间，当然也有可能是老师自身的家里，但是无论如何，都是要前往某个地方然后进行上课的；而当人们发现可以在互联网上通过视频面对面地教学上课，其实大多数课程也可以做到和实体班上课时所达成的效果，而且还不用大老远跑到某个地方去上课，这很好的节约了路程的时间，而且如果实体班因为场地的限制，能够教的学生是有限的，就好像你在50平米的房间内不可能容的下300个学生吧；而在互联网上进行网络课程的教学，可以说很好的打破了这种限制，别说300个学生同时教学，3000个都不在话下（在服务器容许的情况下）。不仅如此，线上网课，还解决了老师地租的成本，学生路程的路费等等，这可以说是互联网+网课带来的便利；既然在网上学习和实体班其实有差不多的成效，那么在网上学习不就可以了吗？因为这种价值观念，所以互联网+网课的产生以及快速发展也就是必然的事情了，这一切都是为了便利和高效以及节约成本。当然，对于一些特殊课程，最好还是去上实体班比较好，例如古典钢琴课，油画班等等，没有名师在你身旁手把手指导，效果是差强人意的。但这种课程只占小部分，大多数课程其实都可以以网络的形式进行教学还不会影响教学质量的。2.2网络教学的形式2.2.1直播直播的形式是比较火的，从以前的娱乐直播，到现在的教育直播，因其可以实时互动和反复观看，在线直播受到许多师生的喜爱。例如CCTALK，腾讯课堂，不过这些教学平台一般直播完后会给付费用户留下录播以便重复观看，会有大概半年或者一年的时间限制，不过聪明的网友一般会把录播的视频自己在录一遍，就变成永久性的了。2.2.2录播录播就不能像直播那样，做到实时互动，不过录播还是有直播无法比拟的优势的，看录播的人群可以针对某一知识点来学习或巩固，而且不像直播，错过了内容就错过了，录播的话可以随时暂停，学习的自由度会相比直播要高，如果是短时间的录播学习那么比较适合那些碎片化时间的人群，他们可以在有限的时间内学习和巩固某知识点。2.2.3直播面授当多人上课的时候，例如大型教育活动，一个场地可能坐有好几百号人，而那些坐在后面的人可能无法看清前面老师讲的内容，而如果把这些人聚集在多媒体教室里，那么老师的屏幕就可以连接到学生的电脑或手机，就能很好地解决这种问题。而这种方式，就是直播面授了。直播面授这种形式比较少见，因为这种教学方式比较适合学校或培训机构，像云朵课堂就是这种直播面授的方式。2.2.4一对一一对一网课形式就像线下家教一样，只不过由线下变成了线上，这种一对一的线上教育可以节约路程的时间，并保障学生的人身安全，毕竟在路上意外还是有可能发生的。2.2.5本章小结我们已经了解了几种网课教学的形式，大家可以根据个人需要选择自身合适的网课教学模式。不过，本设计主要还是针对在微信小程序上的网课形式，所以还是以录播为主。第3章小程序分析3.1技术可行性微信小程序诞生了3年多，光是在微信能找到的微信小程序就已经多达百万个，其中涵盖了各个领域，有图书类、美食类、交通类、教育类等等。可以肯定的是，微信小程序未来必将成为众多轻应用中的一匹黑马。而目前，微信小程序仍是互联网界讨论的热点，因为它的注册门槛，还有开发成本相比其他软件开发都要低的多，不管你是企业还是个人，只要你想做个小程序，都可以进行简单的尝试，因为腾讯官方提供了关于微信小程序的开发文档，里面的内容可用性很强，而且简单上手。我在开发本次小程序中，遇到了两个问题，第一个是企业小程序需要营业执照，而我没有，所以本次设计选择了个人小程序，所以也就无法实现支付功能了；第二个是微信小程序的API需要获取的数据，因为API的数据一般都是别人已经制作好的，而自己需要的API没有，所以找到了easy-mock这个网站来解决自己需要的API的问题。不过因为easy-mock的服务器是在国外，所以有时候会出现数据因为网络延迟而无法显示。3.2SWOT分析3.2.1Strength优势1.微信小程序不需要安装，即开即用，方便快捷。像以往的APP程序，一般都要经过下载安装，而微信小程序很好的做到了即开即用，而且还不会占据内存，能够节省内存空间，这是微信小程序相比以往APP程序的最大优势。2.开发和维护的成本相比APP程序要低的多，而且开发的门槛也比APP程序要低。3.微信小程序的页面是很简洁的，而且操作起来也比APP程序的开发要简单的多。3.2.2Weakness劣势1.微信小程序目前能支付的方式只支持微信支付和银行卡支付，像支付宝或京东白条目前还不支持。2.微信小程序直接分享的话只能转发到群聊或者私聊，而无法直接转发到朋友圈。3.相对于APP开发的程序，微信小程序的功能开发是有其局限性的，为了能做到“小”这一点，则必将舍弃某些APP才有的功能，必然会影响到部分用户对于微信小程序的使用体验。3.2.3Opportunity机会1.微信小程序未来必将成为电商领域的一匹黑马，因为微信是一个巨大的社交平台，微商这种群体也已经层出不穷了。2.小程序即开即用，不耗内存的特点，更能迎合碎片化人群的喜好，因为碎片化人群本身就不是长时间的使用某一APP，但是APP又确实地在占用着内存，例如交通类程序，要买车票的时候才用，平常都是不怎么用到，卸载了以后要再次用到，就要重新安装，会很麻烦的。3.2.4Threat威胁微信小程序的网络安全隐患较大。因为即开即用的特点，有些诈骗人员用小程序进行诈骗时，客户无法提供有效的数据进行举报，而且举报了，诈骗人员还可以再开发个新的微信小程序，目前这还是一个问题。第4章小程序设计与实现4.1总体功能布局此微信小程序的总体布局主要是仿照网易云课堂，突出简洁大方，带有ins简约风格。以白色为主要底色，辅以绿色，白色会给人舒服明亮清爽的感觉，再加上绿色护眼的暗示，让人们在浏览课程的时候尽量是以舒服舒适的感觉4.2小程序设计所需工具在项目开发中选用好的工具能使得工作事半功倍。1.微信开发者工具，是必须要用到的工具，用于对微信小程序的开发；2.easy-mock，是用于获取API接口（因为没有数据库，所以数据要自己写，用于微信小程序云开发时对数据的获取）4.3功能结构|-cloudfunctions云函数|-getMyCourse获取我的课程|-getCourseInfo获取课程信息|-getCart获取购物车|-miniprogram项目模块|-components自定义组件|-box-module盒子|-myCourse-module我的课程|-special-module专题|-utils工具|-indexMock获取主页数据|-viewContent文本处理|s页面|-account账号|-cart购物车|-confirm确认订单|-courseInfo课程信息|-myStudy我的学习|-index首页|-vant-weapp有赞vant框架组件库4.4小程序云开发4.4.1微信小程序中自带的数据库微信小程序有自带的数据库，一般都是以读写JSON文件的方法来存入数据库中，还有一种是通过在前端写数据并提交，例如一些评论或者图片的上传等等。在这次关于微课（云课堂）的微信小程序设计中，我是把事先写好数据的JSON文件导入了数据库中，而导入的过程中偶尔会出现内容报错，这是因为微信小程序中对于JSON格式的数据库的识别是有别于以前学过的类似于SQL的这种语法语句格式，在微信小程序开发文档下有特别强调，但是还是会出现报错，可以说，格式语法的细节真的是防不胜防，写代码的时候要尤其注意。然而，各类课程的数据项是多出了我的预料的，所以这里我只定义了我所使用了的一部分。每个页面显示不同的课程。而其他课程其实只是空白页。图4.1和图4.2是已存入数据库的数据，都是用JSON文件导入的。4.1-数据库数据A4.2-数据库数据B

4.4.2云函数在创建云函数时，要先安装依赖，在终端中yarn。创建云函数后要进行上传并部署才能够做到在云端运行。图4.3是云函数简单配置的代码。4.3-云函数配置javascript作为单线程语言，虽然逻辑运行时简单直接，但在数据交互的过程中，容易出现数据无法显示的问题，这是因为异步数据交互是一个异步问题，而异步的问题只要用Promise就可以解决了，图4.4是异步处理的代码4.4-异步处理的代码4.4.3云课堂设计的部分页面1.首页-部分课程，如图4.54.5-首页这一部分主要是前端的课程盒子，以及关于课程部分的后端数据的获取。关于主页的课程盒子，此处使用弹性布局的justify-content与flex-wrap就能十分轻松地达到效果，使用的是如图4.6的这样类型的代码。4.6-盒子页面布局的代码而后端对于数据的获取，是运用了云开发中API获取数据的方法，用到了一种名为“easy-mock”的网站，在这个网站中，可以自己写JSON格式的数据，而且还可以自制接口，达成云开发中对于API数据的获取，这一直是困扰我的地方，因为网上存在的API一般都是别人已经做好的，对于数据的获取没有那种自主性，而在有了easy-mock这个网站后，自主的制作API来获取数据就成为了一种可能，如图4.74.7-自制API接口2.我的学习页面，看图4.84.8-“我的学习”页面图4.8的页面已经是我购买后（其实不是真的购买，只是购买后会显示的效果）而存在的课程，是通过对数据status的判断来决定显示对应的部分，如下图4.9。4.9-已购课程的判定的代码而给相应的标签设置对应的data-status，再将修改的函数绑定到bindtap上，一个最简单的MVVM例子就实现了，如下图4.10的代码。4.10-简单MVVM例子而关于课程的获取就是云函数的用武之地了，如下图4.114.11-课程获取my_courses中有各种课程的数据，通过云函数的调用，以及wx：for把数据输出到前端，就可以看到课程内容，图4.12是前端数据输出的代码。

4.12-前端数据输出3.购物车页面，如下图4.134.13-“购物车”页面说真的购物车页面在设计的时候真的是遇到了很多难题，单单是对数据的获取就直接阻挡我大半的进度，而关于购物车中课程的相关数据，例如对于课程价格的获取，然后是导入如下代码所示的集合中：totalPrice:0,selectedId:[],selectAllStatus:false并通过对列表中数据的isSelected属性判断，然后来计算出总体课程的价格，如下图4.14的代码4.14-总体价格计算在购物车中选中的部分课程，运用的还是MVVM数据的绑定，且选中后重新计算一遍总体课程的价格价，如下图4.154.15-部分课程的价格计算而购物车中的全选，每次进行selectAll操作，先将selectAllStatus改为！selectAllStatus，（全选=>全不选||全不选=>全选），之后将所有数据的isSelected属性统一为selectAllStatus的当前状态，如图4.16所示代码。4.16-全选课程最后获取的课程数据将传递到下一个界面，即订单页面，将选中的数组selectedId作为对象通过navigator传入下一个页面。4.订单页面先获取从购物车那传递来的数据，然后完成订单，如图4.17的逻辑代码4.17-完成订单在完成订单后，将购买的课程存入数据库内，如图4.18和图4.19 4.18-存入数据库4.19-存入数据库提交订单之后数据库中的my_courses将会被更新，相应的，打开被购买的课程页面也会被更新，然后查询当前课程是否在购买的课程中，是的话将isPaid改为true，如图4.20。4.20-已购课程的判定然后如果再次打开已购买的课程就会改成雪莱名言的提示语，如图4.214.21-已改变的温馨提示语而之前如果未登录的话是会出现“您还没有登录哦-请赶快登陆”这样的提示语，如图4.22。4.22-未登录时的温馨提示语5.对于课程功能完整实现的步骤总结，即达成，选课程，进入购物车，购买的全过程。如图4.23和图4.24，我先点开图4.23中的第一个课程后，会进入图4.24的界面，在图4.24中的最下栏有“加入购物车”，以及“加入学习”两个选项，当点击“加入购物车”后会提示添加成功的提示语（即进入后台的数据，就像我们平常在淘宝购物时添加购物车的效果是一样的），而点击“加入学习”将会进入直接越过“购物车”页面，直接进入“完成订单”的购买支付页面。4.23-首页4.24-某一课程如图4.25和4.26，图4.25就是“购物车”的页面，就像前文所说的有“全选”，以及“多选”的功能，点击“去结算”会跳转到图4.26的“确认订单”页面，即本次微信小程序设计中的最后一步，支付购买功能，因为我所使用的微信小程序是个人版的，所以其实并不具备真正的购买功能。4.25-购物车4.26-确认订单在实现购买功能后，可以点击“我的学习”页面，然后看到已经购买好的课程，如下图4.27所示，而点击“开始学习”后会跳转到图4.28的课程具体信息的页面。4.27-我的学习4.28-课程信息点开“目录”页面，可以看到课程目录（图4.29），我这里点开了第一课，就进入了图4.30的“视频学习”，就可以开始边看视频边学习了。4.29-课程目录4.30-视频学习以上，就是关于这次微课小程序开发的主要页面流程图。第5章小程序测试5.1功能交互5.1.1小程序入口第一次使用本微信小程序，可以在微信首页的搜索栏输入“云课堂”找到本小程序，也可以在微信的“发现”页面，点开“小程序”后，在搜索栏输入“云课堂”找到本微信小程序，建议使用第一种，会比较方便快捷。如果你已经打开过本程序的话，就可以在微信首页通过下拉框，在“最近使用”这一栏找到该小程序。5.1.2支付功能微信小程序支持支付功能，但是要有支付功能就要用到企业版的微信小程序，个人版是做不到的。就像前文说的，因为企业版的微信小程序是需要提交营业执照的。所以本次小程序我用的是个人版，只是把支付的页面简单地做了出来，但是并不能实现支付的功能。5.1.3缓存如果已经打开过本次微信小程序，可以在“最近使用”这一栏把小程序进行收藏，然后会添加到“我的小程序”这一栏中，不过当你清空了微信的缓存之后，“最近使用”这一栏会被重置。5.1.4兼容性测试表5.1是准备进行兼容性测试时需要的软件环境和硬件环境。表5.1测试所需环境软件环境（操作系统）android系统ios系统硬件环境（网络、设备等）设备:屏幕不同大小的智能手机网络:无线局域网手机移动网络

表5.2是进行兼容性测试的各项数据。表5.2兼容性测试编号测试项操作步骤预期结果数据实际结果1兼容性测试（系统及设备）在Android系统环境下使用该小程序（所用手机型号为红米note4X、华为nova2、OPPOA83）程程序无问题界面无变形，屏幕适配正常，小程序可正常使用正确2兼容性测试（系统及设备）在IOS系统环境下使用该小程序（所用手机型号为iphone5、iphone8P、iphoneX）程序无问题界面无变形，屏幕适配正常，小程序可正常使用正确3兼容性测试（网络）分别测试在连接手机移动网络、无线局域网和断网三种网络环境下小程序的使用。无网络连接（断网）时“课程首页”模块无法完全显示无网络连接（断网）时“课程首页”模块无法完全显示正确4兼容性测试（网络）分别测试在连接手机移动网络、无线局域网和断网三种网络环境下小程序的使用。无网络连接（断网）时“我的学习”模块可以做到不完全显示，但未登录下不能做到无网络连接（断网）时“我的学习”模块可以做到不完全显示，但未登录下不能做到正确5兼容性测试（网络）分别测试在连接手机移动网络、无线局域网和断网三种网络环境下小程序的使用。无网络连接（断网）时“我的”模块无法登入无网络连接（断网）时“我的”模块无法登入正确6兼容性测试（网络）分别测试在连接手机移动网络、无线局域网和断网三种网络环境下小程序的使用。三种网络情况下只有断网的情况下三大模块都不能正常使用三种网络情况下只有断网的情况下三大模块都不能正常使用正确5.1.5功能性测试表5.3是功能性测试的各项数据。表5.3功能性测试编号测试项操作步骤预期结果数据实际结果1首页打开小程序响应时间10s以内显示各类课程正确显示，有时会因为网络原因出现延迟，这个延迟不是自身网络的原因造成，而是因为easy-mock的服务器在国外所造成的2“我的学习”页面点击“我的学习”页面响应时间3s以内，根据用户网速决定当用户已经购买了课程，会显示已购买的课程，否则是出现空不同网速下加载显示的速度不同3“我”的页面点击“我”的页面响应时间1s以内当用户已经登录后会出现头像及昵称正常显示4某一课程页面随机点击某一课程响应时间5s以内，根据用户网速决定可以正常显示出课程的简介，图文，目录，评论等课程相关信息已在数据库中的可以正常显示，未在数据库中的课程会一直处于“数据加载中”的提示5“购物车”页面添加几门课程到购物车后，点“我”的页面，找到“购物车”选项，进入“购物车”页面响应时间3s以内，根据用户网速决定可以正常显示出课程标题与标价已在数据库中的课程可以正常显示，未在数据库中的课程会出现“0”的标价6“确认订单”页面在“购物车”页面点击“去结算”响应时间3s以内，根据用户网速决定可以正常显示“提交成功”无论是有在数据库还是没在数据库中的课程都可以显示“提交成功”，但没在数据库中的课程无法添加已购买的课程到“我的学习”页面

总结在本次毕业设计中出现过多种错误，但主要由数据库和云函数这两种所引起的。数据库所引起的错误有两种，一种是因为所写的数据库内容的格式不符合微信小程序云开发中导入数据库的要求，例如“[]”符号是不必要出现在内容中的，因为以前学习数据库的习惯性的用“[]”符号来封装所有数据，所以才出现了关于微信小程序云开发中数据库内容格式上的错误。还有一种数据库上的错误是由于初始化的时候已经设定好了子集，但是云开发中的数据库是没有这个子集的，后来添加上这个子集后，就可以做到把获取的数据库引用出来或获取存入。API获取的数据是不存在数据库中的，是运用easy-mock的自制API来获取的，所以有时候会出现easy-mock海外服务器所带来的网络延迟，有时甚至要等几个小时才能正常的引用API接口来获取到数据，虽然真正做到了自制API的方便快捷，但网络延迟一直是个问题，所幸这并不影响本次设计的完成。而云函数所引起的错误也是有两种，一种是调用的时候出现的错误，另一种是运行的时候出现的错误。1.调用时出现的错误分为两种，分别是调用请求和调用权限所引起的错误。调用请求的错误出现的情况是云函数未上传，或者初始化云函数的时候子集没有在云开发中设定好。而调用权限出现的错误，也是在云开发中的数据库中，把权限修改成“仅创建者可写，所有人可读”就可以解决了。2.而运行时出现的错误是在函数运行的时候，出现代码上的错误，代码上的错误分两种，一种是语句上的错误，微信小程序开发时所用的语句虽然近似HTML+CSS+JAVASCRIPT组合的网页开发，但其实语句上还是有所区别的，有时会因为以前网页开发时用“；”而现在微信小程序用“，”或者以前网页开发用“=”，而现在微信小程序用“：”而出现这种细节上的语法错误。而抛开云函数的运行这一谈，另一种是语法上的错误，并不仅仅局限在云函数运行中，在wxml前端开发中也会出现这种错误；不过说实话，微信小程序的语法还是比网页开发时所用的语法要简单和简洁，像wxml和HTML，标签“div”变成了标签“view”，当然这种低级错误是很少犯的。但是一些标签属性上的语法就容易出现问题。例如在wxml中会有｛wx:for｝这种语句而HTML是没有的，相对而言。在习惯了html开发后偶尔还是会出现这种报错，但这并不影响后期的开发，是比较容易找到并修正的错误。随着人们对碎片化时间下对知识的汲取需求的增多，以及互联网+时代的发展，在知识付费模式下所诞生的网课模式，必将在人们学习生涯中占据重要的位置，再加之网络的便利以及无视实体教学的地租成本，投入网课行业的教职人员也会不断增多，网课行业也会继续不断地发展。而微信小程序所拥有的即开即用、不占内存的便利性，与网课教学的模式相结合，也成为了一种网课教学的新兴渠道。因为微信小程序依托于微信这种社交平台，传播力度也会大大增加，看到好的教学，好的网课小程序，“转发”一下就可以了，非常便利。本毕业设计主要做的就是网课与微信小程序的相互结合所诞生的微课小程序，微信小程序的便利特性以及社交传播性，将带给网课渠道一种新的发展。

参考文献[1]谢灵均.社交网络游戏对玩家参与度的影响和原因分析——以微信小程序“跳一跳”为例[J].传播力研究,2018,v.2;No.017(05):135-136.[2]马亮亮.微课教学浅见[J].魅力中国,2019.[3]徐晓丽,廖敏慧.高职学生微课认知与需求的调查分析[J].邢台职业技术学院学报,2017.[4]詹春青,严启荣.佛山市中小学教师开发与应用微课的调查研究[J].教育信息技术,2014(2):59-64.[5]陈树佳，微信游戏小程序中的人际交往研究——以“跳一跳”为例[J].安徽大学,2019[6]佚名.基于JavaScript的动态Web应用系统设计[J].现代电子技术,2017,40(15):52-54+59[7]ChughR.DependentTypesforJavaScript[J].AcmSigplanNotices,2012,47(10):587-606.[8]TerraceJ,BeardSR,KattaNPK.JavaScriptinJavaScript(js.js):sandboxingthird-partyscripts[C]//UsenixConferenceonWebApplicationDevelopment.2012.[9]佚名.JavaScript实战—JavaScript、jQuery、HTML5、Node.js实例大全[M]//JavaScript实战:JavaScript、jQuery、HTML5、Node.js实例大全.2014.[10]PaulsonLD.BuildingRichWebApplicationswithAjax[J].Computer,2005,38(10):14-17.[11]CovaM,KruegelC,VignaG.Detectionandanalysisofdrive-by-downloadattacksandmaliciousJavaScriptcode[C]//InternationalConferenceonWorldWideWeb.2010.[12]McdonoughWF,SunSS.ThecompositionoftheEarth☆[J].ChemicalGeology,1995,120(3–4):223-253.[13]MetzlerR,KlafterJ.Therandomwalk'sguidetoanomalousdiffusion:afractionaldynamicsapproach[J].PhysicsReports,2000,339(1):1-77.[14]FrenchKR,SchwertGW,StambaughRF.Expectedstockreturnsandvolatility[J].JournalofFinancialEconomics,1987,19(1):3-29.[15]WOLD,Svante,SJÖSTRÖM,etal.PLS-regression:abasictoolofchemometrics[J].Chemometrics&IntelligentLaboratorySystems,2001,58(2):109-130.[16]JensenSH,ThiemannP.TypeAnalysisforJavaScript[C]//InternationalSymposiumonStaticAnalysis.2009.[17]StothardP.Thesequencemanipulationsuite:JavaScriptprogramsforanalyzingandormattingproteinandDNAsequences.[J].Biotechniques,2000,28(6):1102,1104.[18]贺理,吴健,贾彦民,等.基于JavaScript的浏览器端调用Web服务研究与实现[J].中国科学院大学学报,2007,24(6):801-805.

致谢随着本毕业论文的即将完成，想在此感谢我的指导老师，记得刚开始选题的时候，真的是处于“晕头转向”的状态，为此找上了导师，老师告诉我，去图书馆找找资料，说不定就有了灵感，为此我去了几趟图书馆，刚进图书馆的时候也是不知道要找什么，于是带着这种状态眼睛看到什么就浏览一下，最终第一个想法是想要做一个“微论坛”，不过后来构想的时候被我否决了，再次咨询老师的时候，老师告诉我先复习下“JavaScript”，为开发微信小程序做好准备，所以在用w3cschool的微课复习的时候，突然想到，这好像可以做成微信小程序，于是就有了本次毕业设计和本次毕业论文，感谢老师在我迷茫的途中给予了我意见和建议，让我从迷茫中走出来，真的非常感谢我的指导老师。也要感谢以前所有教导过我的老师，让我有知识的储备，才能够完成此次设计和论文。最后也要感谢之后要检阅论文的导师，辛苦你们了。

怎样提高电脑系统运行速度WindowsXP的启动速度比Windows2000要快30%左右，但相对于Windows98仍然要慢了不少，不过，我们可以通过优化设置，来大大提高WindowsXP的启动速度。加快系统启动速度主要有以下方法：尽量减少系统在启动时加载的程序与服务；对磁盘及CPU等硬件进行优化设置；修改默认设置，减少启动等待时间等。这些方法大部分既可减少系统启动的时间，又可以节省系统资源，加快电脑运行速度。1.加快系统启动速度WindowsXP的启动速度比Windows2000要快30%左右，但相对于Windows98仍然要慢了不少，不过，我们可以通过优化设置，来大大提高WindowsXP的启动速度。加快系统启动速度主要有以下方法：尽量减少系统在启动时加载的程序与服务；对磁盘及CPU等硬件进行优化设置；修改默认设置，减少启动等待时间等。这些方法大部分既可减少系统启动的时间，又可以节省系统资源，加快电脑运行速度。(1)MsconfigWindowsXP的启动速度在系统安装初期还比较快，但随着安装的软件不断增多，系统的启动速度会越来越慢，这是由于许多软件把自己加在了启动程序中，这样开机即需运行，大大降低了启动速度，而且也占用了大量的系统资源。对于这样一些程序，我们可以通过系统配置实用程序Msconfig将它们从启动组中排除出去。选择“开始”菜单中的“运行”命令，在“运行”对话框中键入“Msconfig”，回车后会弹出“系统配置实用程序”对话框，选择其中的“启动”选项卡(如图1)，该选项卡中列出了系统启动时加载的项目及来源，仔细查看每个项目是否需要自动加载，否则清除项目前的复选框，加载的项目越少，启动的速度就越快。设置完成后需要重新启动方能生效。(2)BootvisBootvis是微软提供的一个启动优化工具，可提高WindowsXP的启动速度。用BootVis提升WindowsXP的启动速度必须按照正确的顺序进行操作，否则将不会起到提速的效果。其正确的操作方法如下：启动Bootvis，从其主窗口(如图2)中选择“工具”菜单下的“选项”命令，在“符号路径”处键入Bootvis的安装路径，如“C:\ProgramFiles\Bootvis”，单击“保存”退出。从“跟踪”菜单中选择“下次引导”命令，会弹出“重复跟踪”对话框，单击“确定”按钮，BootVis将引导WindowsXP重新启动，默认的重新启动时间是10秒。系统重新启动后，BootVis自动开始运行并记录启动进程，生成启动进程的相关BIN文件，并把这个记录文件自动命名为TRACE_BOOT_1_1。程序记录完启动进程文件后，会重新启动BootVis主界面，在“文件”菜单中选择刚刚生成的启动进程文件“TRACE_BOOT_1_1”。窗口中即会出现“CPU>使用”、“磁盘I/O”、“磁盘使用”、“驱动程序延迟”等几项具体图例供我们分析，不过最好还是让BootVis程序来自动进行分析：从“跟踪”菜单中选择“系统优化”命令，程序会再次重新启动计算机，并分析启动进程文件，从而使计算机启动得更快。(3)禁用多余的服务WindowsXP在启动时会有众多程序或服务被调入到系统的内存中，它们往往用来控制Windows系统的硬件设备、内存、文件管理或者其他重要的系统功能。但这些服务有很多对我们用途不大甚至根本没有用，它们的存在会占用内存和系统资源，所以应该将它们禁用，这样最多可以节省70MB的内存空间，系统速度自然也会有很大的提高。选择“开始”菜单中的“运行”命令，在“运行”对话框键入“services.msc”后回车，即可打开“服务”窗口。窗口的服务列表中列出了系统提供的所有服务的名称、状态及启动类型。要修改某个服务，可从列表双击它，会弹出它的属性对话框(如图3)，你可从“常规”选项卡对服务进行修改，通过单击“启动”、“停止”、“暂停”、“恢复”四个按钮来修改服务的状态，并可从“启动类型”下拉列表中修改启动类型，启动类型有“自动”、“手动”、“已禁用”三种。如果要禁止某个服务在启动自动加载，可将其启动类型改为“已禁用”。WindowsXP提供的所有服务有36个默认是自动启动的，实际上，其中只有8个是必须保留的(见下表)，其他的则可根据自己的需要进行设置，每种服务的作用在软件中有提示。4)修改注册表来减少预读取，减少进度条等待时间WindowsXP在启动过程中会出现一个进度条，我们可以通过修改注册表，让进度条只跑一圈就进入登录画面。选择“开始”菜单中的“运行”命令，在“运行”对话框键入“regedit”命令后回车，即可启动注册表编辑器，在注册表中找HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\PrefetchParameters，选择其下的EnablePrefetcher键，把它的键值改为“1”即可。(5)减少开机磁盘扫描等待时间当Windows日志中记录有非正常关机、死机引起的重新启动，系统就会自动在启动的时候运行磁盘扫描程序。在默认情况下，扫描每个分区前会等待10秒钟，如果每个分区都要等上10秒才能开始进行扫描，再加上扫描本身需要的时间，会耗费相当长的时间才能完成启动过程。对于这种情况我们可以设置取消磁盘扫描的等待时间，甚至禁止对某个磁盘分区进行扫描。选择“开始→运行”，在运行对话框中键入“chkntfs/t:0”，即可将磁盘扫描等待时间设置为0；如果要在计算机启动时忽略扫描某个分区，比如C盘，可以输入“chkntfs/xc:”命令；如果要恢复对C盘的扫描，可使用“chkntfs/dc:”命令，即可还原所有chkntfs默认设置，除了自动文件检查的倒计时之外。2.提高系统运行速度提升系统运行速度的思路与加快启动的速度类似：尽量优化软硬件设置，减轻系统负担。以下是一些常用的优化手段。(1)设置处理器二级缓存容量WindowsXP无法自动检测处理器的二级缓存容量，需要我们自己在注册表中手动设置，首先打开注册表，找到“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\”，选择其下的“SecondLevelDataCache”，根据自己所用的处理器设置即可，例如PIIICoppermine/P4Willamette是“256”，AthlonXP是“384”，P4Northwood是“512”。(2)提升系统缓存同样也是在“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\”位置，把其下的“LargeSystemCache”键值从0改为1，WindowsXP就会把除了4M之外的系统内存全部分配到文件系统缓存中，这样XP的内核能够在内存中运行，大大提高系统速度。通常来说，该优化会使系统性能得到相当的提升，但也有可能会使某些应用程序性能降低。需要注意的是必须有256M以上的内存，激活LargeSystemCache才可起到正面的作用，否则不要轻易改动它。(3)改进输入/输出性能这个优化能够提升系统进行大容量文件传输时的性能，不过这只对服务器用户才有实在意义。我们可在中新建一个DWORD(双字节值)键值，命名为IOPageLockLimit。一般情况下把数据设置8~16MB之间性能最好，要记住这个值是用字节来计算的，例如你要分配10MB的话，就是10×?1024×1024，也就是10485760。这里的优化也需要你的机器拥有大于256M的内存。(4)禁用内存页面调度在正常情况下，XP会把内存中的片断写入硬盘，我们可以阻止它这样做，让数据保留在内存中，从而提升系统性能。在注册表中找到“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement\”下的“DisablePagingExecutive”键，把它的值从0改为1即可禁止内存页面调度了。(5)关闭自动重新启动功能当WindowsXP遇到严重问题时便会突然重新开机，可从注册表将此功能取消。打开注册表编辑器，找到“HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\CrashControl\”将AutoReboot键的Dword值更改为0，重新启动后设置即可生效。(6)改变视觉效果WindowsXP在默认情况下启用了几乎所有的视觉效果，如淡入淡出、在菜单下显示阴影。这些视觉效果虽然漂亮，但对系统性能会有一定的影响，有时甚至造成应用软件在运行时出现停顿。一般情况下建议少用或者取消这些视觉效果。选择桌面上“我的电脑”图标，单击鼠标右键，在弹出的快捷菜单中选择“属性”命令，打开“系统属性”对话框。选择“高级”选项卡，在其中的“性能”栏中单击“设置”按钮，会弹出“性能选项”对话框(如图4)，可选择“调整为最佳性能”单选框来关闭所有的视觉效果，也可选择“自定义”然后选择自己需要的视觉效果。(7)合理设置页面虚拟内存同样也是在“性能选项”对话框中，选择“高级”选项卡，在其中的“虚拟内存”栏中单击“更改”按钮，接下来选择虚拟内存为“自定义大小”，然后设置其数值。一般情况下，把虚拟设为不小于256M，不大于382M比较合适，而且最大值和最小值最好一样。(8)修改外观方案WindowsXP默认的外观方案虽然漂亮，但对系统资源的占用也多，可将其改为经典外观以获得更好的性能。在桌面空白位置单击鼠标右键，从弹出的快捷菜单中选择“属性”命令，会打开“显示属性”对话框，在“主题”选项卡选择主题为“Windows经典”，即可将外观修改为更为经济的Windows经典外观。(9)取消XP对ZIP支持WindowsXP在默认情况下打开了对zip文件支持，这要占用一定的系统资源，可选择“开始→运行”，在“运行”对话框中键入“regsvr32/uzipfldr.dll”，回车确认即可取消XP对ZIP解压缩的支持，从而节省系统资源。(10)关闭Dr.WatsonDr.Watson是WindowsXP的一个崩溃分析工具，它会在应用程序崩溃的时候自动弹出，并且在默认情况下，它会将与出错有关的内存保存为DUMP文件以供程序员分析。不过，记录DUMP文件对普通用户则毫无帮助，反而会带来很大的不便：由于Dr.Watson在应用程序崩溃时会对内存进行DUMP记录，将出现长时间硬盘读写操作，要很长一断时间程序才能关闭，并且DUMP文件还会占用大量磁盘空间。要关闭Dr.Watson可打开注册表编辑器，找到“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\AeDebug”分支，双击其下的Auto键值名称，将其“数值数据”改为0，最后按F5刷新使设置生效，这样就取消它的运行了。同样，我们可以把所有具备调试功能的选项取消，比如蓝屏时出现的memory.dmp，可在“系统属性”对话框中选择“高级”选项卡，单击“启动和故障恢复”栏中的“设置”按钮，并在弹出的“启动和故障恢复”对话框中选择“写入调试信息”为“无”(如图5)。(11)启动硬盘/光驱DMA模式打开“系统属性”对话框，选择“硬件”选择卡中的“设备管理器”按钮，打开“设备管理器”窗口，在设备列表中选择“IDEATA/ATAPI控制器”，双击“主要IDE通道”或“次要IDE通过”，在其属性对话框的“高级设置”选项卡中检查DMA模式是否已启动，一般来说如果设备支持，系统就会自动打开DMA功能，如果没有打开可将“传输模式”设为“DMA(若可用)”。(12)关掉不用的设备WindowsXP总是尽可能为电脑的所有设备安装驱动程序并进行管理，这不仅会减慢系统启动的速度，同时也造成了系统资源的大量占用。针对这一情况，你可在设备管理器中，将PCMCIA卡、调制解调器、红外线设备、打印机端口(LPT1)或者串口(COM1)等不常用的设备停用，方法是双击要停用的设备，在其属性对话框中的“常规”选项卡中选择“不要使用这个设备(停用)”。在重新启动设置即可生效，当需要使用这些设备时再从设备管理器中启用它们。(13)关闭错误报告当应用程序出错时，会弹出发送错误报告的窗口，其实这样的错误报告对普通用户而言几乎没有任何意义，关闭它是明智的选择。在“系统属性”对话框中选择“高级”选项卡，单击“错误报告”按钮，在弹出的“错误汇报”对话框中，选择“禁用错误汇报”单选项，最后单击“确定”即可。另外我们也可以从组策略中关闭错误报告：从“运行”中键入“gpedit.msc”，运行“组策略编辑器”，展开“计算机配置→管理模板→系统→错误报告功能”，双击右边设置栏中的“报告错误”，在弹出的“属性”对话框中选择“已禁用”单选框即可将“报告错误”禁用。(14)关闭自动更新“自动更新”功能对许多WindowsXP用户而言并不是必需的，可将其关闭以节省系统资源。在“我的电脑”上单击鼠标右键，从快捷菜单中选择“属性”命令，选择“系统属性”对话框中的“自动更新”选项卡，勾选“关闭自动更新，我将手动更新计算机”单选框，单击“确定”按钮即可关闭自动更新功能。如果在“服务”已经将“AutomaticUpdates”服务关闭，“系统属性”对话框中的“自动更新”选项卡就不能进行任何设置了。(15)去掉菜单延迟去掉菜单弹出时的延迟，可以在一定程度上加快XP。要修改的键值位置在“HKEY_CURRENT_USER\ControlPanel\Desktop”。修改其下的“MenuShowDelay”键，把默认的400修改为0，按F5刷新注册表即可生效。(16)清除预读文件WindowsXP的预读设置虽然可以提高系统速度，但是使用一段时间后，预读文件夹里的文件数量会变得相当庞大，导致系统搜索花费的时间变长。而且有些应用程序会产生死链接文件，更加重了系统搜索的负担。所以，应该定期删除这些预读文件。预计文件存放在WindowsXP系统文件夹的Prefetch文件夹中，该文件夹下的所有文件均可删除。(17)关闭自动播放功能在WindowsXP中，当往光驱中放入光盘或将USB硬盘接上电脑时，系统都会自动将光驱或USB硬盘扫描一遍，同时提示你是否播放里面的图片、视频、音乐等文件，如果是拥有多个分区的大容量的USB硬盘，扫描会耗费很长的时间，而且你得多次手动关闭提示窗口，非常麻烦。这种情况下我们可以将WindowsXP的自动播放功能关闭。运行“组策略”程序。在组策略窗口左边栏中，打开“计算机配置”，选择“管理模板”下的“系统”，然后在右边的配置栏中找到“关闭自动播放”并双击它，会弹出“关闭自动播放属性”对话框。在其中“设置”选项卡中选择“已启用”，“关闭自动播放”下拉列表中选择“所有驱动器”(如图6)。这样以后就不用担心WindowsXP的“自动播放”功能带来的麻烦了。如果你只是想禁止系统扫描某个驱动器(如USB硬盘)上的文件，可采用下面的方法。先连上你的USB硬盘，让系统将它识别出来。然后打开“我的电脑”，选择USB硬盘上的某个分区，按鼠标右键，会弹出磁盘属性窗口，选取“自动播放”选项卡，将所有内容的类型都选择为不执行操作。如果USB硬盘有多个分区，对所有分区都进行同样的操作，这样当你将USB驱动器拔掉再重新接上时，系统会将USB硬盘识别出来，而不会反复问你是否播放USB硬盘中的文件了。3.加快关机速度WindowsXP的关机速度要慢于启动速度，特别有些任务还需要手工结束，更加延缓了关机速度。因此，要加快关机速度，首先要开启WindowsXP的自动结束任务功能。具体步骤是：从注册表中找到“HKEY_CURRENT_USER\ControlPanel\Desktop”，把“AutoEndTasks”的键值设置为1即可。然后再修改“HungAppTimeout”为“4000(或更小)”(预设为5000)，该键值同样也在“HKEY_CURRENT_USER\ControlPanel\Desktop”下；最后一步再找到“HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\”，同样把WaitToKillServiceTimeout设置为“4000”；通过这样设置后的关机速度明显要加快了。够全面吧~~◆二、硬件优化设置◆1、关掉不用的设备

在设备管理器中，将PCMCIA卡、调制解调器、红外线设备、打印机端口(LPT1)或者串口(COM1)等不常用的设备停用，在要停用设备属性对话框中的“常规”选项卡中选择“不要使用这个设备(停用)”。当需要使用这些设备时再从设备管理器中启用它们。◆2、内存性能优化

WindowsXP中有几个选项可以优化内存性能，它们全都在注册表下面位置：HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlSession

ManagerMemory

Management

1）禁用内存页面调度（Paging

Executive）

XP会把内存中的片断写入硬盘，我们可以阻止它这样做，让数据保留在内存中，从而提升系统性能。256M以上内存才使用这个设置。把“DisablePagingExecutive”的值从0改为1就可以禁止内存页面调度了。

2）提升系统缓存

必须有256M以上的内存，才激活它。把LargeSystemCache键值从0改为1，一般来说，这项优化会使系统性能得到相当的提升，但也有可能会使某些应用程序性能降低。

3）输入/输出性能

内存大于256M才更改这里的值，这个优化只对server（服务器）用户才有实在意义，它能够提升系统进行大容量文件传输时的性能。建一个DWORD（双字节值）键值，命名为IOPageLockLimit，数值设8M－16M字节之间性能最好，具体设什么值，可试试哪个值可获得最佳性能。这个值是用字节来计算的，比如你要分配12M，就是12×1024×1024，也就是12582912。◆3、启动硬盘/光驱DMA模式

“系统属性”－“硬件”－“设备管理器”，在设备列表中选择“IDE

ATA/ATAPI控制器”，双击“主要

IDE

通道”或“次要

IDE

通道”，在其属性对话框的“高级设置”选项卡中检查DMA模式是否已启动，一般来说如果设备支持，系统就会自动打开DMA功能，如果没有打开可将“传输模式”设为“DMA（若可用）”（在BIOS里也应该要先设为支持DMA）。

◆4、关闭自动播放功能

运行“组策略”程序,在组策略窗口左边栏中打开“计算机配置”，选择“管理模板”下的“系统”，然后在右边的配置栏中找到“关闭自动播放”并双击它，会弹出“关闭自动播放属性”对话框，在其中“设置”选项卡中选择“已启用”，“关闭自动播放”下拉列表中选择“所有驱动器”。

◆5、设置二级缓存容量

WindowsXP有时无法自动检测处理器的二级缓存容量，需要我们手动设置。运行注册表编辑器，找到HKCU_L