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

第一章微信小程序入门任务1.1微信小程序概述课时内容做值小程杼机送课时教学目标小界中於介：小程序的M生S小区字的但技，小农序的发展陋景.教学重廷点小程宇的诞生，小也序的优且，小冏片的发展碗Bb教学设计I.教学.电路，介绍小程仔豺介、小程杼的诞生.小程杼的优收.小理林的发展力景.2 .校学于段，乡煤体计算机3 .敕学资切：ftlt名媒体织件教学内容一、小程序简介小,小完全不需要下战安装,也不道Mt更不会占用手机内力.微曲小程序也被扁林为小程序.扎英N%精:是MmiRmm.它是K存在F微伯内耗的经SIHifiimw-.触信国及制队在Jtfr方网站上fr段X于徵信小松停的介绢：“小门毕氏耳i的开放四、小程序的发展前景在未来的发展中.小区杼相会更加力位.快戈.注掰中讲的娱心也更加快史.方便.，此Ha九坯欠过步加和第三方平台的合作,如果的杯开放第三方开发平台,那么它将为小他尹的开发提供史人的用力支援.井乂刖舒小月坪的完善，小程序的计发A制能梦蜃得更大的权限支标,由此可见小程序在未来的发底空剑中Ai和刍巨人由井IlMF企业遗行小理并初作的优势也将会选一步凸8出来.小程序传统产业的代我.如图所示.*IN9*:z二二BQ公代R一小Iremt一小程序可以使企业用用户更H地交流,也能弱实现用户更好的转化,所以对企业来艮小程序可以带来可观的利洞和由htSe希做信开放的功能的小新用*那么£小制即也会不斯地完告EI己Jffit吃功能H不然和的法间,延科也就提供了史乡的接”能力从而能挣方便开发ItiJH，源皮地段必.相切未来小ft?呼也将JH备史多俄功能.那么全业所能突现的功除也会陡在熠加.这对J火未来发展仃希至关于.要的作用网时也修绯MG信的发展小程序互联网公司的代表如图所示.教学内容一、登录微信公众平台官网坛对口信公众平fjYM3天hltp:*7mp.wcixinx|q.cofn>.如四所求.如梁斯诙使用ItS小双睁,WJK更注IH小冏/账弓,单击“立即注出"优按削七现如图所示MWn.在出现的窗门中单出小程存”破授.然G城席注期向导就可以完横小卷停恋号的注耨,在注册小程序东号之前应先准冬好个个人他箱.二、填写账号信息小程序的正式注册我而自含3个内要填号的体.愎何箝联电、密科和偏认密码、5i三W.tt-iWWi£石与也议条次K项,如图所示.<P在R交注册后会看到”箱激活般雨.页面效果如四所示.owi三三'邮箱激活曾决处板的注制即SiR衣激活If件,如图所示.域习第一章微值小程序入门任务1.3小程序信息的完善课时内容小刚*性总的完“课时1教学目标完詈小程序信总：管理或男教学重难点完善小掰序值必：普现成员.教学设计1 .软学电路，介貂先哲小理朴口忌、管理或员,2 .找学于段，乡现体计口机3 .软学资HS敦、名规体织件教学内容一'完善小程序信息优账1注M光戊后东花光中小程序的加本fflR.如RI所示，,J8序发布流程1 ,，«M.r<4M84WK.：Ml>4t*nsww*：，1*ajv*rs:JWnnamFnX。MHB*najinraawsarmat*EaHlKRSVtBMAqi>CNOM*11v<kS«»MK*»RMBWVVMflHMB««z«azm<32*外arm，.NMNra，*trmn«*vBflJtBSUW*CeHlMIIn*B*.所J，.I*2 ，MivrtAMMVBVMira4tt74!.i分：*不出丈Wa/K处“上tma.包曷上文中井也*4厅徐泉.工1»文只说也用11<hk<x叩仙”处为G先机段CMm%fnn外Itd并京四为He文件拗供“外接口.6WV粮M线以M8”匕文国打伤改Mes74j:己/exports.sayGoo>y-sayGoodby<>三'实现效果在“Fd尸文件中定义的变V利雨总是至局变及和南致.可以在任何旅文件中通行引用.也史案网描述启行结宋如下图2：JZ所示的效35.MMM»WV«41*e堂.KMWS泗硼OHISMtMla>JUMvnMAMtMMBotJimmMI<JtwsaR*a*to>4Mamm*MaQa««w>JtfifliMa一或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之内的调用关系.件、事件杀统可以内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<I11J>.4）事件坏定W件是在图层利迈耻星的通伴方式，它町民将用户的行为反馈到运愣房进行处瞰.中件可以纲定在m件匕当触发事件.就欠执行企轿层中财应的事件处理由敛.耶件财象DJ以携吊颔外信£Ii1.diUxctKiuche%.三、实现效果HUH任务报逑可以儆出如图3.1所示的效果.初修界面如用（八）所乐在视图片文件KXievwifnI中加定了柠动我拗除b、C再定”；象攻想SIUdE和IWl数盘n达NeI拗的幻忆叫以遗过茯班以文件耽ZJs来传过当点由”修改决定数据“按忸时，法来的软也会发生相标的变化.如四<b>所示.<）朝匕群*（b）UlAauittIK*im小牌小收把第尼四、任务实现Snm*dN舛代码MlIM）：i%>ahK.，*小g：x出件BttK5RMh<uc¼>lf1B三K7RJ*l!<*4cM>i1lftIttlMIOttI：八EAE力a*2KVh<SWl11ftttIMhi3的UU匕处足2HK.M件BS(W)：AZHM人此批发Vj【祝k'vc>机件4竹中俯样式伟GkMMW%一个概幺”？j*足个蟹2为内根为，YgA如Ib如娱小是个WiC.*包"足明瓜的区物Mkl%k/七除咙火比旅足、f样式ii<*w>«1件小程序界由主要由文本加总和I个技尚四成文本S总可以4过、XW恭Hl来2改，按假利用KrthMimn来实现.(I)iMkxMxml文件中的我描垠由H符号与imfc博文件中的8WMi*定.该逐定型单向的.SJK只能由加，宾品文得桁给gjuwxinl文件不雒反曲传地.<2)普通救网博定门技怏用变诙B来实现知本案例中的受IRa.bWc:对欧兹描懦定通过“对致幺对象KtT来京现加本案(W中的SuKknt3ulDSik.三cKlSludailbirthday;加上下标殳Si来宴现,加本窠制巾的IlrTMO|amyl和s1111y2.<3)界酊曲浴图了今buo<川曲并利用该姐件进行事件稀定.小科蟀定划1在MyS文件中定义事件埔定的数来实现.(明界谕使1派VkWA姐"调整字体人小卬间用.kUAHlI<<l-lf*5ex.wxwl-><vlcw<lass"t>0M>i一八八”-Hn1.午口找n.*n½<viFM><vle->7*:<<Student.stu!D<:ew><v-1.CtUdnt.rwm<vS<vicM>HkJhStvlent.t>rtNlay<>«“8入学MX1.(arrayin)</vUM>«vi»»学校.(5tudant.Mheel</,*><vlc>><ks<3211)<7.1c><vw>W*½M.(n)HbH(<)<<<vw><butontype-*,lMrytlrdtp-<-5ify">11ft1X<rttc<><viM>2母巧IMX.权文件代码XR中定4cViCWAjH1株设47，”、小和边距.谡样式对WEl女川中的所f*Vkrw)如胃热Mfl用.index.w;文件4K加：|3.07in*js丈件代吗在&U<Mtt*.包任普通敛树,对象国故典.在编定第，件通假中划过,用改未修改婶定的数累.gde.1.j5工件：/inde三.j$PW(U出而的切的收"data:b:2%C：».Studvnt:JtuID：,201956270191.2d'；l我小、birthday248312t<hooll'<：Ml/葭知今久，),3:(-2913-/2819,/2026'),rrx.ttW.rW<a11M,MWltz*1.odify:functlcn()ths.5etu(a：iee.b：2B«,C3,Stu"nt"5tuio:ou.Hni),将妈，bir<bdy2HH44iKU,.school:ittWiR>)arry:2816，2919,»20,“：林切，,，UflWffJ*Il*44.w:U»*lw*-HM<tKU*t<Wll9<.(aal)>*tM><A，全Q<»”、4>.e<tt4KWMr：311卅QttiBu,n(F1.dIk»ffl2,Wtdcx,加、即从J，Wtd5.141川调在£&用<'<11*'t7)-一,IflHMidHf)卜八，e<MnKk1.fKrke色,“XiMtl?*SWR9IUkvuxtti'.M>1!1.1.S，SlHM<ti*MMKUv<(1)除。)11dc.ml文件代网本文fl邠定了<1秒1、磔照这B个变Hb