微信小程序实训报告

一 实习周记

第1周 （ 6 月 7 日 至 6 月 11 日）

这周是实习的第一周，这周第一天学习了git仓库同步老师的code，安装了vscode,学习了微信开发者工具的安装和使用，学习了创建一个小程序，和创建页面，以及小程序项目结构以及常用标签，使用开发者文档等基础入门知识，第一天坐在第一排，有比较认真的听陆老师讲课，但是在学习写标签的样式时有点吃力，学习了布局和定位。第二天学了定位中的绝对定位，和相对定位。绝对定位的参考系是页面的视口，而相对定位的参考系是绝对定位元素的父元素。学会了如何调整一个元素到适合的位置。也学习了flex弹性盒子模型，这个比用具体的度量值确定位置方便多了。第三天学习了iconfont矢量图标在html中的使用方法，然后演示了在微信小程序中使用iconfont，第四天学习了数据绑定this.SetData(),学习了用require加载js模块，从一个模块中调用另一个模块。第五天学习了静态页面的制作，模板的语法，其中有循环插值渲染，条件渲染，还有页面对象模型，完成了第一个静态页面。

在大二的时候自己自学过微信小程序，不过大三又忘的差不多了，这一周陆老师帮我捡起来了微信小程序的基础语法和它的使用方法。第一周陆老师老师安排的任务基本都完成了，但还是不太懂小程序中的单位rpx，px，之后私下问了陆老师才算明白了。还有对设置标签样式时比较生疏。制作了第一个静态页面（携程小程序），完成了利用flex布局制作骰子。

第2周 （ 6 月 14 日 至 6 月 18 日）

第二周端午节放假放掉了一天，只有四天，但是收获颇丰！第一天老师复习了6月11日讲的导航与页面间传参，和页面底部选项卡等知识，让我更加熟悉了这部分知识，陆老师具体给我们介绍了云服务leanClound。第二天讲了小程序访问网络的问题，我学习到开发环境中可以启用 “不校验合法域名” 来解决网络访问问题，学习到运用leanCloud增删改查(crud),还学习了自定义属性:和 html 一样，微信小程序的标签上也能自定属性，但是必须是以 data- 开头的属性.学习了form表单。第三天学习到了UI框架，陆老师说类似于风筝的骨架是专门用来打造用户界面的框架，Vant Weapp框架，和我之前了解过的color ui很像，但是之前我是用第二种直接下载源码的方式使用框架的，学习了第一种通过npm安装，也学习到了如果想系统学习一款ui框架，可以先学习layot布局，再学习表单和表格组件，最后学习模态工具，loading工具，卡片工具等小工具。想起了之前自己学习color ui的时候没有老师给我讲，就自己乱学，晕乎乎的，今天听了陆老师系统讲解还有点茅塞顿开的感觉！第四天在第三天的基础上添加了自动更新，学习利用map函数解析数据库参数，克隆数据库中每条数据的attributes对象等。

按照老师的要求，这周注册了leanClound账户，下载了sdk，创建了属于我的第一个应用，并在console控制台上打印出了“保存成功”，SDK已就绪。成功搭建了vant的开发环境，在自己的电脑上使用成功vant框架，感觉框架用着非常方便！还按照老师的要求将list表单改用vant框架来实现，并实现了双向绑定。

第3周 （ 6 月 21 日 至 6 月 25 日）

这周的任务就是小组分工合作一起做一个小程序出来，第一天就是分小组，确定要做的小程序，我是和黄凤灵一组的，我们组有8个人，组长黄凤灵为我们创建好了仓库，每个人都可以提交与更新。我们分好了工，每个人选择一个页面，我选择了“我的”页面制作，研究了老师给的原型图，去找了“我的”页面所需要的图片素材，第二天完成了“我的”页面的骨架书写，大概把静态页面渲染出来，成功完成了静态页面的书写，和张敏制作的“我的笔记”页面连通，利用open-data标签绑定了个人的头像和昵称上去使得每个人登录个人页面显示自己的头像和昵称。第三天让我的静态页面动了起来，但是在涉及openid这类敏感信息的获取时，因为陆老师没有讲到，我查阅了文档和csdn上的博客也没看明白，所以问了陆老师如何获取，很开心陆老师集体讲了这个的获取方法。第四天我继续完善了个人主页页面，使之变得更美观，创建并调用了mine数据库显示个人信息，差不多也就做完了自己的任务。并帮助了其他队友完成她们还没做完的页面，一起解决没有解决的问题。第五天就是答辩啦，我们组是第一组，但确是倒数第三组答辩，我们组很顺利，陆老师没有过多的刁难我们，陆老师问了我怎么更记录阅读时长，我的回答陆老师好想还是挺满意的！答辩就这样结束了，我们回到了学校。

第4周 （ 6 月 28 日 至 7月 2 日）

这周我完成了实习报告的书写，完善了之前学习微信小程序的笔记在这基础上增加了陆老师讲的知识，顺便复习了一下前三周学习的知识;git仓库的使用，leanCloud数据据库的增删改查，icnofont图标库的使用，以及ui框架环境的搭建，还有登录获取用户敏感信息以及利用map函数解析数据库参数，克隆数据库中每条数据的attributes对象等关于小程序的知识。并总结了并将自己的学习笔记发布在了csdn博客上微信小程序学习笔记方便自己以后查阅。回顾了团队一起协作的过程，过程充满艰辛与快乐，第一次这么多人一起完成一个东西，每个人都分工明确，井然有序，大家一起认认真真的完成了一个项目。学校召开了总结大会，我们相互之间交流了此次实习的收获，感觉大家都收获到了很多，有的养成了早起的好习惯，有的从不了解微信小程序到喜欢上了小程序开发，并且以后要走这条道路，还有的觉得工作太苦了，还是想好好读书，坚定了考研的决心！而我也思考了很多，我还是决定好好考研吧，感觉如果去工作的话自己还差了很多知识，现在的社会竞争压力很大，多读两年书，让自己的知识更加广博一点，拥有更大的竞争力，还是想见识更大的世界，让自己的level更高一点。

二、实习报告正文

（一）实习基本情况

实习地点：歇台子双薪时代大厦华清远见。

实习单位：北京华清远见教育集团重庆分公司

实习单位基本情况：班上配有两个班主任，陈老师和陶老师。班主任在每天上午，下午上课前都会点名，还要求我们完成每日任务总结。主讲老师是陆老师，陆老师讲课超级细心认真重复反复的讲，讲的特别细节。环境在一个房间里，四面都是墙，只有后面有两个小窗口，每人一个位置，每人一根网线。

（二）实习内容报告

1、项目学习

总的来说从7个方面学习了微信小程序:1微信小程序介绍及下载安装2.开发环境配置和基础语法和组件 3.Page页面对象模型4模块导入导出5 iconfont图标库 6.vant框架的使用 7.leanCloud的使用。

在之前的知识上又更新了leanCloud云服务器、整体性学习ui框架的方法、ui框架采用npm构建的方法、获取用户敏感信息等知识，加深了flex布局的理解，还有好多之前我在做项目时遇到的困惑，通过这次陆老师的讲解变得豁然开朗。懂得了苟日新，日日新，又日新的含义，学习的过程就是不断学习加上重复学习的过程。

2、项目开发实践

我们组有8个人，我选择了个人主页页面制作，研究了老师给的原型图，从最开始寻找“我的”页面所需要的图片素材，个人主页的骨架书写，到大概把静态页面渲染出来，绑定了个人的头像和昵称让我的静态页面动了起来，过程中遇到了很多问题，比如在涉及openid这类敏感信息的获取时，因为陆老师没有讲到，我查阅了文档和csdn上的博客也没看明白，所以问了陆老师如何获取，很开心陆老师集体讲了这个的获取方法，在调整页面的背景时，问了组长黄凤灵background-image的用法，也自己查询了文档，百度搜索博客解决了很多问题。创建并调用了mine数据库显示个人信息，差不多也就做完了自己的任务。并帮助了其他队友完成她们还没做完的页面，一起解决没有解决的问题。

（三）实习总结与心得体会

半个月的实习就这样结束了，这周我总结了我这三周的学习，形成了现在所看到的文档，很感谢学校和老师提供这样的一个机会让我们去实习，我体验到和学校不一样的东西，也学习到了很多技术上的知识。总结如下：

技术知识上：大二时自学了微信小程序，并使用微信小程序配合java后台管理系统参加了数据库大赛，使用微信小程序完成了科研立项，通过跟着陆老师的学习，又复习了差点遗忘的东西把它们都捡回来了，并且还学习到了iconfont和leanCloud没有学过的东西。

生活上：因为距离很远，我每天早上6:30就起床，晚上11点睡觉，让我养成了早睡早起的习惯，也体会到了早高峰晚高峰的痛苦，上班真辛苦，表扬自己没有迟到早退过，很多同学都因为堵车迟到了，其实仔细想一想，早点出门提前1小时到达工作地点是完全可以避免的。

团队协作上：第一次真正意义上的明白了团队协作的重要性，这么多工作是不可能自己一个人完成的。以后肯定还有很多团队协作的项目，希望越来越好。

最后感谢陆老师悉心的教导，班主任陶老师和陈老师的关心与帮助，感谢队长的辛勤付出，感谢队友的配合，还有学校老师给与这个实训的机会，让我明白了很多道理。学习道理本就不平坦。愿我怀着最初的梦想，学习的热忱，在获取知识的路上越走越远！