详细介绍了微信小程序实战案例开发过程
前言:uff1a微信小程序,最近被释放,时间来学习如何发展,在网上找到的一个例子,觉得不错,与大家分享,
前后两天,完成第一个小程序大约花了四、五个小时。当然,它不能被释放。发布小程序的要求相当严格:企业资质、HTTPS和审计。
大概是第一次自我介绍,我是9年前和很多用户一样开始学编程的,这些年学过什么语言,什么平台都接触过,你可以打十几个产品,所以基本编程不是很稳定,但都比较熟悉,所以什么时候用接触小程序比较快。
至于为什么现在选择开发一个小程序,原因很简单,味道新鲜!
书房
虽然听了小程序要出来很早,在我的潜意识里,这个小程序是一个web应用程序进行了优化,制约和规范通过微信。
如果你已经下载了开发工具,至少它是一个轻量级的,非常强大的前端框架的表面上。在一个典型的JS和CSS / HTML结构,微信没有办法得到一个名字和力量仍然是可用的。
然后我去看了官方网站的文档。我真的很惊讶,这些文件是穷,不是因为他们不全面,但微信真的提供了很多原有的功能。许多常见的js组件都没有,看起来很多地方需要自己实现。
大约一次,开发逻辑基本上与常规前端相同。如果你遇到一个大项目,你可以使用的工具,如总体规划或授予。
设计
当你在演示中写几句话时,你可能会理解语法规则,然后开始思考该怎么做。
我想不出上半年应该做什么,所以拿出一辆以前做过的跑车展示软件,然后再做一遍。
这是当时在iOS和Android上所做的效果:
品牌列表
模型的浏览
所以软件总体结构很简单,一个品牌列表页,一张详细页面。当然,由于微信程序,不能外链,不能添加iframe的视频,所以阿特拉斯和视频功能被取消。
整个小程序的唯一交互是一个赞扬点,点数将被记录在服务器的统计数据上,并且它也在本地保存,所以它并不是用户真正的赞扬点。
为什么你真的不能让用户信息因为你不申请的一个小程序的应用程序标识。
发展
首页列表的开发非常简单,这个想法是:
1。请求服务器数据列表
2。用于标记以呈现每个项
三.为每个项目添加单击事件,好吗
代码非常简单,一个请求,一个页面跳转。
网页开发
在页面的布局上,虽然是CSS,但是感觉还是不如CSS,或者还有很多未解之谜,尤其是在我的设计中,有需要暂停,百分比设计,结果总是出现莫名其妙的bug,最后像素不固定。
那么它的详情页,但是WeChat提供了一个刷卡类似的广告,这可以说是非常强大的!
这个习惯很糟糕,幸运的是提供一个滑动改变事件。
后面是写每个项目的布局。这需要付出很大的努力。它总是发现会有微信的图像形成底部的空白。不管它是改变边缘还是填充,都是无用的。必须将它更改为视图。
详情页
在所有UI完成后,应用程序的惟一交互功能将被实现:赞扬点。
1。要向服务器发起请求,请指向+ 1
2。本地记录汽车识别码
无论3.swiper跳刷新或不
这里有一个大坑,也许有个小弟弟是无知的。微信没有得到元素提供方式。没有jQuery选择器或HTML本地getelement,所以我不知道如何让按钮。我希望了解的朋友交换信息,谢谢。
最后,没有两个按钮被留下,一个点,一个赞扬点,被国家隐藏起来。
结尾处写
第一个功能很简单,完成小程序,说什么用,什么都不用,享受自己玩的乐趣。当然,它也是一个学习的过程。一定要开发和发布更多的小程序,也要挑选一些小程序开发外包。
作为一个开发者,我被微信应用程序开发经验的失望,远小于前端。但作为一个产品,我非常高兴,小程序提供了很多的机会,可以用最简单的方式来实现很多功能。
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。