[教程]微信小程序开发视频教程(32课)——从开发CMS系统学起

慕若曦   ·  7月前   ·   资源分享

产品定位及功能介绍

微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

微信小程序接入指南

https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html

微信小程序前端框架——weUI

https://github.com/Tencent/weui-wxss/

有赞小程序前端UI库——ZanUI

https://github.com/youzan/zanui-weapp

微信小程序富文本解析组件——wxParse

https://github.com/icindy/wxParse

微信小程序的图片预加载组件——wxapp-img-loader

https://github.com/o2team/wxapp-img-loader

鬼知道我开发小程序的时候遇到了什么

  1. 小程序的视频组件在某些三星手机上无法播放视频,导致整个项目组都懵逼,到我离职都没能解决

  2. 小程序开发者、微信公众号、微信商家、微信开发者等的账号都是独立的,而且不支持用企业邮箱去申请?我自己总共3个常用邮箱,两个公众号,一个开发者,公司让做小程序的时候第一反应???我没邮箱来注册了???
  3. pageScrollTo与fixed不兼容,闪瞎狗眼,canvas的drawImage直接卡死
  4. getSystemInfo返回值在安卓始终为0,写适应缩放的时候满脸懵逼,最后用windowWidth给算出来的,徒增流程
  5. 一个页面上有多个input输入框和多个textarea多行输入框,在input输入框中输入值以后,textarea会从第二个开始把input输入的值自动获取进行填充
  6. cover-view设置border-radius没啥效果,最后发现在开发工具中预览没效果,但是安卓机正常,IOS又不正常???
  7. setTimeout……这个就不吐槽了,大概是因为我没有用上万的手机吧,1000的延时大概有3000的效果
  8. 官方说最多打开5个页面……我写错了循环然后打开了15个页面?
  9. json在安卓上无法解析,换到ISO正常?
  10. 。。。

满满都是眼泪,心酸,一把鼻涕一把泪

最后友情提示您:

如果贵司没有专业测试人员,建议你回家后自己拿真机,最好一个安卓一个苹果去测试,或者直接把预览版小程序发到你们开发群里大家测吧,有时候做了好几天的玩意儿突然发现真机上运行不了,心里一千匹xx马在奔腾,第二天还要被产品经理训,呵呵哈哈哈

最后附上我学习的时候看的视频,其实就看完了搭建和基本语法就被迫开工了,没有深入了解它,遇到这么多问题大概也是没去看别的经验贴吧,原来的视频没提供下载,我下了下来并且压制了一下,嗯,诸君好运

第一章:开始入门

  • 第一节:课程介绍,定个小目标

  • 第二节:开发文档简读,了解全貌

  • 第三节:CMS原型,我们的初期目标

  • 第四节:微信web开发者工具安装

第二章:第一个小程序:关于我们

  • 第一节:创建项目

  • 第二节:编写关于我们布局界面

  • 第三节:用变量替换界面里的固定文本

  • 第四节:界面美化

第三章:CMS文章列表和内容界面

  • 第一节:加入文章列表和内容界面

  • 第二节:为程序加入底部菜单导航

  • 第三节:实现文章列表界面

  • 第四节:实现内容详情界面

第四章:小程序CMS,后端系统

  • 第一节:小程序CMS系统下载安装

  • 第二节:系统整体功能介绍

  • 第三节:创建一个CMS功能插件

  • 第四节:创建CMS数据库模型

  • 第五节:文章内容管理

第五章:小程序与后端系统数据对接

  • 第一节:小程序CMS后端接口开放

  • 第二节:小程序列表界面数据与后端对接

  • 第三节:小程序内容界面数据与后端对接

第六章:用户体验提升

  • 第一节:列表页面加载更多文章

  • 第二节:界面反馈提示

  • 第三节:加入加载中的友好提示

  • 第四节:返回上一页


下载地址:回复可见

登录后才可发表内容