上一期主要讲解了如何购买和选择linux系统,以及宝塔搭建、所需要的开发环境搭建,以及小程序前端的ui框架选型,微信公众平台和小程序后端api接入的框架选型,和整体的php框架选型
大家可以微信搜索 倒腾怪,关注并查看开发的成品
首先从小程序框架来讲
因为我之前不经常开发小程序,可以说很久都没有开发过小程序了,所以也可以算是初次开发。
当时脑子里一直都是以前很多陈旧的小程序规则,在没有翻看最新的小程序的部分调用规则的情况下,就对小程序进行了设计。
所以就导致在开发小程序的时候,原本设计上的方案很多行不通,从而更改了不少实现方式和方案。
以下是我本次开发小程序的忠告:
在设计开发小程序的时候一定要仔细查看最新的小程序文档,避免走弯路,导致重复的工作和实现设计。
好了,废话不多说了,直接开始我们的主要内容
小程序的前端框架,我选择的是iview weapp框架。
为什么使用这个框架呢?
因为我之前在开发后端的时候也一直使用的是iview框架,所以直接选择它了
为什么要使用框架开发?
因为快呀,不需要太多的代码,就可以实现自己想要的样子,顶多再做一些css的微调
框架怎么使用呢?
官方其实已经给了使用教程了,如果还是不明白的话,可以观看我的下期教程,会详细教大家如何使用!
我做的小程序页面是非常的简单的,因为我做这个小程序只是为了自己和朋友使用方便而开发的,当然同时也开放给有需要的朋友
给大家简单看一下小程序的页面:
目前大家能够看到的只有两个和页面,一个是网址解析页面,一个是文件下载页面。
其实还有一个绑定页面,目前暂不开放,因为暂时不需要绑定,所以也暂时不给大家展示了。
首先是首页:
首页其实很简单,就是一个公告,一行文字,一个输入框,再加一个按钮,接着是提示文字。
看起来是不是很简单?这个页面里面我分别引入了头部和尾部的公共页面,只有中间的标题、文本框和按钮是本页面的内容
第二个页面是文件下载页面,如图:
也很简单,对不对?只有一个分享下载的按钮
大家不要看这两个页面很简单,但其中的逻辑设计确实很多,我在这两个页面的逻辑处理和实现上走了很多很多的弯路
页面很简单,直接使用ui框架做一些微调即可。
主要的编写在逻辑上,例如:
- 如何自己封装公共请求方法
- 如何和后端进行加密请求验签
- 小程序的函数具体的使用
- 用户的交互怎么设计
- …
要考虑的点有很多,我就不一一列举了,本期主要给大家讲的是小程序ui框架、我所做的小程序的页面展示、需要注意的事项。
主要的开发内容是从下期开始的
教程内会教大家:
- 如何使用和查看小程序的调用及帮助文档
- 如何使用ui组件布局
- 如何编写wxss
- 如何封装函数(我自己的方式,不一定对)
- 如何和后台交互
- 如何制定验签规则等等等等
教程会持续更新,喜欢的朋友可以持续关注我哦~