微信小程序开发-教案（完整版）.docx

《微信小程序开发-教案（完整版）.docx》由会员分享，可在线阅读，更多相关《微信小程序开发-教案（完整版）.docx（29页珍藏版）》请在优知文库上搜索。

1、第一章微信小程序入门任务1.1微信小程序概述课时内容做值小程杼机送课时教学目标小界中於介：小程序的M生S小区字的但技，小农序的发展陋景.教学重廷点小程宇的诞生，小也序的优且，小冏片的发展碗Bb教学设计I.教学.电路，介绍小程仔豺介、小程杼的诞生.小程杼的优收.小理林的发展力景.2 .校学于段，乡煤体计算机3 .敕学资切：ftlt名媒体织件教学内容一、小程序简介小,小完全不需要下战安装,也不道Mt更不会占用手机内力.微曲小程序也被扁林为小程序.扎英N%精:是MmiRmm.它是K存在F微伯内耗的经SIHifiimw-.触信国及制队在Jtfr方网站上fr段X于徵信小松停的介绢：“小门毕氏耳i的开放四

2、、小程序的发展前景在未来的发展中.小区杼相会更加力位.快戈.注掰中讲的娱心也更加快史.方便.，此Ha九坯欠过步加和第三方平台的合作,如果的杯开放第三方开发平台,那么它将为小他尹的开发提供史人的用力支援.井乂刖舒小月坪的完善，小程序的计发A制能梦蜃得更大的权限支标,由此可见小程序在未来的发底空剑中Ai和刍巨人由井IlMF企业遗行小理并初作的优势也将会选一步凸8出来.小程序传统产业的代我.如图所示.*IN9*:z二二BQ公代R一小Iremt一小程序可以使企业用用户更H地交流,也能弱实现用户更好的转化,所以对企业来艮小程序可以带来可观的利洞和由htSe希做信开放的功能的小新用*那么小制即也会不斯地完

3、告EI己Jffit吃功能H不然和的法间,延科也就提供了史乡的接”能力从而能挣方便开发ItiJH，源皮地段必.相切未来小ft?呼也将JH备史多俄功能.那么全业所能突现的功除也会陡在熠加.这对J火未来发展仃希至关于.要的作用网时也修绯MG信的发展小程序互联网公司的代表如图所示.教学内容一、登录微信公众平台官网坛对口信公众平fjYM3天hltp:*7mp.wcixinx|q.cofn.如四所求.如梁斯诙使用ItS小双睁,WJK更注IH小冏/账弓,单击“立即注出优按削七现如图所示MWn.在出现的窗门中单出小程存”破授.然G城席注期向导就可以完横小卷停恋号的注耨,在注册小程序东号之前应先准冬好个个人他箱

4、.二、填写账号信息小程序的正式注册我而自含3个内要填号的体.愎何箝联电、密科和偏认密码、5i三W.tt-iWWi石与也议条次K项,如图所示.P在R交注册后会看到”箱激活般雨.页面效果如四所示.owi三三邮箱激活曾决处板的注制即SiR衣激活If件,如图所示.域习第一章微值小程序入门任务1.3小程序信息的完善课时内容小刚*性总的完“课时1教学目标完詈小程序信总：管理或男教学重难点完善小掰序值必：普现成员.教学设计1 .软学电路，介貂先哲小理朴口忌、管理或员,2 .找学于段，乡现体计口机3 .软学资HS敦、名规体织件教学内容一完善小程序信息优账1注M光戊后东花光中小程序的加本fflR.如RI所示，,

5、J8序发布流程1 ,，M.r4t*nsww*：，1*ajv*rs:JWnnamFnX。MHB*najinraawsarmat*EaHlKRSVtBMAqiCNOM*11vkSMK*RMBWVVMflHMBzazm32*外arm，.NMNra，*trmn*vBflJtBSUW*CeHlMIIn*B*.所J，.I*2 ，MivrtAMMVBVMira4tt74!.i分：*不出丈Wa/K处“上tma.包曷上文中井也*4厅徐泉.工1文只说也用11hky-sayGoodby三实现效果在“Fd尸文件中定义的变V利雨总是至局变及和南致.可以在任何旅文件中通行引用.也史案网描述启行结宋如下图2：JZ所示的效3

6、5.MMMWV41*e堂.KMWS泗硼OHISMtMlaJUMvnMAMtMMBotJimmMI4Mamm*MaQawJtfifliMa一或AMk过句/04小巴修改SEPHEn的一STk9Jaf11“小文件？一mawR*hrIIMXJ2交录他南欧的作町和怆跳化成M!留四、任务实现ftindnx.vnl中设置了六个调阳变分别足m峪吆.卯吩、*|0、fwg6和小螭这六个女京裔要通过index.Js把1漪集到崔图层中.M过IIlM1.Je文M中调阳w.Jd文件.*用index.Je%件本身以及W/UutiI.js文件.2”本如却1.33限、Emkx.rnli，da.HPPjqK：utils.jS之内

7、的调用关系.件、事件杀统可以内It出页面的结构. 1）。对效象地贝川第次沆续时使用的制的数M，WXM1.中的动态数据均来11HPgccfiU.真而Ul仪时.M”以JSON字符小的物式由泛辑乂传至法染信.d中的教出包括：字符那、数字.布尔Ib对象、代川. 2）敬树济定，1败!可以通过WXM1.对以IB进行睇注.数/定便MMti心ChCia法双大抵号）IHHI包起来可以”阳T：内办.纲件GK性懵要在双引号之内,控制黑性（要在女引号之内入关区字（需要在北Sl号之内八B,m,故胡、对象等场景. 3）刈DaMl的数.此的切U丁格皎据从皮，心发域H视图属舁步）,同时戌殳“魔的IhiMhUl的（ft.4）事

8、件坏定W件是在图层利迈耻星的通伴方式，它町民将用户的行为反馈到运愣房进行处瞰.中件可以纲定在m件匕当触发事件.就欠执行企轿层中财应的事件处理由敛.耶件财象DJ以携吊颔外信Ii1.diUxctKiuche%.三、实现效果HUH任务报逑可以儆出如图3.1所示的效果.初修界面如用（八）所乐在视图片文件KXievwifnI中加定了柠动我拗除b、C再定”；象攻想SIUdE和IWl数盘n达NeI拗的幻忆叫以遗过茯班以文件耽ZJs来传过当点由”修改决定数据“按忸时，法来的软也会发生相标的变化.如四所示.ahK.，*小g：x出件BttK5RMhlf1B三K7RJ*l!i1lftIttlMIOttI：八EAE力

9、a*2KVh机件4竹中俯样式伟GkMMW%一个概幺”？j*足个蟹2为内根为，YgA如Ib如娱小是个WiC.*包足明瓜的区物Mkl%k/七除咙火比旅足、f样式ii1件小程序界由主要由文本加总和I个技尚四成文本S总可以4过、XW恭Hl来2改，按假利用KrthMimn来实现.(I)iMkxMxml文件中的我描垠由H符号与imfc博文件中的8WMi*定.该逐定型单向的.SJK只能由加，宾品文得桁给gjuwxinl文件不雒反曲传地.2)普通救网博定门技怏用变诙B来实现知本案例中的受IRa.bWc:对欧兹描懦定通过“对致幺对象KtT来京现加本案(W中的SuKknt3ulDSik.三cKlSludailbi

10、rthday;加上下标殳Si来宴现,加本窠制巾的IlrTMO|amyl和s1111y2.3)界酊曲浴图了今buo川曲并利用该姐件进行事件稀定.小科蟀定划1在MyS文件中定义事件埔定的数来实现.(明界谕使1派VkWA姐调整字体人小卬间用.kUAHlIvlcw0Mi一八八”-Hn1.午口找n.*n7*:Student.stu!Dv-1.CtUdnt.rwmvSHkJhStvlent.trtNlay“8入学MX1.(arrayin)vi学校.(5tudant.Mheelks3211)W*M.(n)HbH()butontype-*,lMrytlrdtp-11ft1Xrttc2母巧IMX.权文件代码XR

11、中定4cViCWAjH1株设47，”、小和边距.谡样式对WEl女川中的所f*Vkrw)如胃热Mfl用.index.w;文件4K加：|3.07in*js丈件代吗在&UMtt*.包任普通敛树,对象国故典.在编定第，件通假中划过,用改未修改婶定的数累.gde.1.j5工件：/inde三.j$PW(U出而的切的收data:b:2%C：.Studvnt:JtuID：,201956270191.2d；l我小、birthday248312thooll：Ml/葭知今久，),3:(-2913-/2819,/2026),rrx.ttW.rWa11M,MWltz*1.odify:functlcn()ths.5etu(a：iee.b：2B,C3,Stunt5tuio:ou.Hni),将妈，bir)arry:2816，2919,20,“：林切，,，UflWffJ*Il*44.w:U*lw*-HMtKU*tWll9*tMA，全Q.ett4KWMr：311卅QttiBu,n(F1.dIkffl2,Wtdcx,加、即从J，Wtd5.141川调在&用11*t7)-一,IflHMidHf)卜八，e1!1.1.S，SlHMti*MMKUv(1)除。)11dc.ml文件代网本文fl邠定了1秒1、磔照这B个变Hb