当前位置:网站首页>从零开发小程序和公众号【第二期】
从零开发小程序和公众号【第二期】
2022-06-23 17:52:00 【sky-coder】
上一期主要讲解了如何购买和选择linux系统,以及宝塔搭建、所需要的开发环境搭建,以及小程序前端的ui框架选型,微信公众平台和小程序后端api接入的框架选型,和整体的php框架选型
大家可以微信搜索 倒腾怪,关注并查看开发的成品
首先从小程序框架来讲
因为我之前不经常开发小程序,可以说很久都没有开发过小程序了,所以也可以算是初次开发。
当时脑子里一直都是以前很多陈旧的小程序规则,在没有翻看最新的小程序的部分调用规则的情况下,就对小程序进行了设计。
所以就导致在开发小程序的时候,原本设计上的方案很多行不通,从而更改了不少实现方式和方案。
以下是我本次开发小程序的忠告:
在设计开发小程序的时候一定要仔细查看最新的小程序文档,避免走弯路,导致重复的工作和实现设计。
好了,废话不多说了,直接开始我们的主要内容
小程序的前端框架,我选择的是iview weapp框架。
为什么使用这个框架呢?
因为我之前在开发后端的时候也一直使用的是iview框架,所以直接选择它了
为什么要使用框架开发?
因为快呀,不需要太多的代码,就可以实现自己想要的样子,顶多再做一些css的微调
框架怎么使用呢?
官方其实已经给了使用教程了,如果还是不明白的话,可以观看我的下期教程,会详细教大家如何使用!
我做的小程序页面是非常的简单的,因为我做这个小程序只是为了自己和朋友使用方便而开发的,当然同时也开放给有需要的朋友
给大家简单看一下小程序的页面:
目前大家能够看到的只有两个和页面,一个是网址解析页面,一个是文件下载页面。
其实还有一个绑定页面,目前暂不开放,因为暂时不需要绑定,所以也暂时不给大家展示了。
首先是首页:

首页其实很简单,就是一个公告,一行文字,一个输入框,再加一个按钮,接着是提示文字。
看起来是不是很简单?这个页面里面我分别引入了头部和尾部的公共页面,只有中间的标题、文本框和按钮是本页面的内容
第二个页面是文件下载页面,如图:

也很简单,对不对?只有一个分享下载的按钮
大家不要看这两个页面很简单,但其中的逻辑设计确实很多,我在这两个页面的逻辑处理和实现上走了很多很多的弯路
页面很简单,直接使用ui框架做一些微调即可。
主要的编写在逻辑上,例如:
- 如何自己封装公共请求方法
- 如何和后端进行加密请求验签
- 小程序的函数具体的使用
- 用户的交互怎么设计
- …
要考虑的点有很多,我就不一一列举了,本期主要给大家讲的是小程序ui框架、我所做的小程序的页面展示、需要注意的事项。
主要的开发内容是从下期开始的
教程内会教大家:
- 如何使用和查看小程序的调用及帮助文档
- 如何使用ui组件布局
- 如何编写wxss
- 如何封装函数(我自己的方式,不一定对)
- 如何和后台交互
- 如何制定验签规则等等等等
教程会持续更新,喜欢的朋友可以持续关注我哦~
边栏推荐
猜你喜欢

STM32(九)------- CAN
![[noi 2014] 15. Syndrome de difficulté à se lever [binaire]](/img/3a/12e9b2566d3ca3330a3cc6c5eaf135.png)
[noi 2014] 15. Syndrome de difficulté à se lever [binaire]

知道创宇:内容向善,AI+人工赋能

Set up your own website (13)

Leetcode: hash table 02 (intersection of two arrays)

Know Chuangyu: content oriented, ai+ artificial empowerment

leetcode刷题:哈希表02 (两个数组的交集)

Leetcode question brushing: hash table 01 (valid Letter ectopic words)

【Qt】第三、四章:窗口部件、布局管理

CV-图像分类
随机推荐
南芯半导体冲刺科创板:年营收9.8亿 顺为红杉小米OPPO是股东
Jerry's broadcast MP3 prompt sound function [chapter]
Sword finger offer II 092 Flip character / Sword finger offer II 093 Longest Fibonacci sequence
三一重能科创板上市:年营收102亿 市值470亿
云安全日报220623:红帽数据库管理系统发现执行任意代码漏洞,需要尽快升级
知道创宇:内容向善,AI+人工赋能
QT based graphics rendering system documentation + project source code and executable exe files + system instructions
【二叉树】翻转二叉树以匹配先序遍历
STM32 (VIII) -- PWM output
指标(复杂指标)定义和模型
用软件可编程FPGA加速网络边缘的移动应用总结
(10)二叉树
Rancher2.6 new monitoring QuickStart
Set up your own website (13)
Task management of embedded development foundation (thread management)
Shunted Self-Attention | 源于 PvT又高于PvT,解决小目标问题的ViT方法
What does logistics service and management mainly learn
PISCES: A Programmable, Protocol-Independent Software Switch(总结)
物流服务与管理主要学什么
高级计网笔记(五)