前端培训方案·享+生活小程序

一、课程背景

课程名称:享+生活小程序

培训周期:48课时

课程背景:

行业方面,很多大型的地产公司自己成立科技公司,开始自己做智慧物业智慧社区,地产物业就是属于社区的一部分,可以说由他们来做是最快最好的选择。新智慧社区运营服务,或许是企业未来十年规模化转型的机会。享+生活作为一个一站式居住服务平台,让广大业主足不出户享受安全、快捷的社区生活服务,加强社区与业主的连接。

技术方面,它的覆盖领域非常广,基本上各个行业都有使用小程序,可以快速获取流量,小程序可以在用户使用中获得大量的流量。成本低,研发快速,小程序因为自身的体量原因与软件相比成本低更为低廉,研发速度更为快捷。原生小程序官方文档清晰明了,更接近手机服务的底层逻辑,开发者可以更有针对性的对小程序进行深度开发,使用原生开发可以紧随官方的版本,更新响应速度快,让项目达到最优状态。

课程收获:

1.掌握原生小程序开发调试和发布上线

2.掌握小程序模版语法和内置API使

3.掌握自定义组件、分包加载、框架接口等进阶知识

4.从0-1完成一个原生小程序的开发,积累项目经验

二、项目介绍

项目概述:

享+社区是一个生活类的小程序项目,主要服务于小区业主,为其提供生活家电报修、访客门禁通行的功能,该项目主要包含房屋管理、报修管理、访客管理、用户管理、通知管理等功能模块,技术栈以原生小程序技术为主配合了 Vant 组件库。

项目成果:

项目亮点:

1.原生小程序基于Vant组件库使用;

2.短信验证码业务解决方案;

3.鉴权 Refresh Token 无感续期解决方案;

4.小程序状态管理解决方案;

5.小程序地理定位、路径规划解决方案;

6.原生API能力文件上传、自定义分享、相册访问。

三、适合人群

1.有 HTML + CSS 布局页面经验;

2.有 JavaScript 编程经验;

3.有 Ajax 实现前后端通信经验。

四、培训目标

让学员具备从0到1开发原生小程序项目的能力:

1.掌握小程序开发环境的搭建;

2.能够根据设计稿实现小程序页面布局;

3.掌握小程序数据渲染、事件事处、生命周期的应用;

4.掌握小程序自定义组件的应用;

5.能够使用 Vant 组件库开发小程序;

6.能够使用腾讯地图地理定位、逆地址解析等服务;

7.能够独立完成【享+生活】原生小程序开发。

五、参考预习资料

获取方式:请扫描下方二维码,回复【前端】即可获取完整预习资料。

六、准备环境介绍

硬件:

1、操作系统:推荐 Windows10 以上或Mac系统

2、内存要求:8G内存以上

软件:

1、浏览器:建议 Chrome

2、开发工具:小和序开发者工具、VS Code(课堂安装)

3、MD文档查看工具:建议 Typora(付费)

七、课程日程安排

7月30日

搭建小程序开发环境

掌握小程序页面布局

1.申请账号,安装开发工具
2.小程序结构、组件、样式、配置
3.字体图标

7月31日

小程序数据渲染

小程序事件处理

小程序内置API

小程序生命周期

1.小程序数据绑定、条件渲染、列表渲染、简易双向数据绑定
2.小程序组件事件、表单相关事件,通过事件对象来获取组件上通过 data-* 或 mark:* 定义的数据
3. 小程序网络请求、本地存储、界面交互相关 API 的使用

8月1日

小程序自定义组件

小程序框架接口

1.封装 utils 和 http 请求模块
2.rich-text 渲染富文本
3.封装组件检测登录状态
4.获取短信验证码
5.wechat-validate 数据验证码

8月2日

享+生活开发准备

享+生活用户管理模块

1.封装 utils 和 http 请求模块
2.rich-text 渲染富文本
3.封装组件检测登录状态
4.获取短信验证码
5.wechat-validate 数据验证码

8月4日

享+生活房屋管理模块

1.腾讯地址地理定位、逆地址解析服务
2.上传身份证照片并预览的功能
3.添加房屋、房屋列表、删除房屋
4.Vant SwipeCell滑动单元格的应用

8月5日

享+生活访客管理模块

1.添加访客、访客列表
2.自定义分享/转发功能
3.Vant CountDown倒计时组件的应用