![](https://img-blog.csdnimg.cn/646e6a694fa84c56b19dd0934f12e65b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
全栈开发实战之小程序客户端
文章平均质量分 97
全栈开发实战之小程序客户端
天地会珠海分舵
互联网老兵,全栈小学生
展开
-
[小黄书小程序]微信授权登录
在上一篇文章中,我们在后台实现了会员管理以及会员注册登录的逻辑。其中登录方式包括:通过手机号码和验证码登录通过微信授权登录在小黄书小程序上,我们支持第二种登录方式。第一种方式,今后看情况再酌情进行支持。我们这一章节要做的事情就是在小程序客户端支持上微信授权登录,我们的目标是:在小黄书小程序打开时,通过微信授权进行登录。登录成功后,将访问令牌存放到小程序提供的本地缓存中。1. ...原创 2021-02-17 00:51:40 · 6372 阅读 · 0 评论 -
[小黄书后台]会员管理及微信授权登录
通过前几章小程序的UI实践,我们小黄书的Home页面已经有一个基本的呈现。但是,所有的数据还都只是mock模拟的数据,还没有任何跟小黄书服务器进行交互的动作。今天开始,我们会逐步增加小程序和服务器的交互。首先,我们会从后台对客户端会员登录的支持开始。参考小红书应用,它大体支持以下几种会员的登录方式:通过手机号和验证码进行登录通过手机号和密码进行登录,其中密码是在后期绑定进去,而不是注册时...原创 2021-02-17 00:50:38 · 13021 阅读 · 0 评论 -
[小黄书小程序]主页面笔记图片高度自适应及上拉无限加载及下拉更新
上一章我们实现了小黄书小程序标签栏的左右滑动和弹出框UI功能,今天我们会开始实现主页面中笔记的呈现。主要的功能会囊括以下几个方面:笔记的两列式布局: 一行只是显示两个笔记。且每个笔记的封面图片的高度进行自适应呈现。笔记的下拉刷新: 下拉时,检查是否有新的笔记,并完成加载。同时在标题栏显示加载动画。笔记的上拉无限加载:上拉时,获取更多的笔记,并进行加载。同时在下方显示加载动画。1. 笔...原创 2021-02-17 00:48:47 · 2692 阅读 · 0 评论 -
[小黄书小程序]主页面标签栏水平滑动和下拉弹出框
上一章我们实现了小黄书小程序的搜索栏的界面呈现。这一章我们将会参考小红书实现搜索栏下面的标签栏。该标签栏存在的意义是,用户可以根据选择的标签来快速呈现相关的内容。该标签栏界面主要是两个功能模块。一个是可以左右滑动的标签栏:另外一个功能模块就是,点击标题栏右边的箭头按钮,可以弹出和收起完整的标签弹出框:1. 标签栏布局整个标签栏的布局实现跟我们上一章的搜索栏的布局的实现很类似,我们同...原创 2021-02-17 00:47:42 · 2589 阅读 · 0 评论 -
[小黄书小程序]主页面搜索栏和flex布局
上一章我们实现了小程序的导航栏和标题栏的呈现,今天我们会开始小黄书主页面的相关界面。因为本人对css不是很熟悉,所以涉及到的知识点都会写得比较细,对于熟悉的朋友来说,也许会觉得比较冗余。所以大家酌情观看。1. 搜索栏经过上一章的实战,我们这个时候在pages/home页面已经生成了相应的几个文件:home.jshome.jsonhome.wxmlhome.wxss我们将会在h...原创 2021-02-17 00:46:26 · 2891 阅读 · 0 评论 -
[小黄书小程序]导航栏和标题栏界面
我们前面几章已经将小黄书的后台基础框架给搭建好了。后台的小黄书相关的业务逻辑,会在往后根据客户端的业务需求来进行实现。今天起我们会开始小黄书小程序的实现。我们先看下小红书应用的主界面。这一篇文章中我们主要是要搞定以下界面的UI呈现:将最下面的导航栏的界面呈现最上面的标题栏的界面呈现这里我们假设您已经做好以下准备,如果没有的话,请自行百度:已经安装微信web开发者工具: 我们可...原创 2021-02-17 00:44:25 · 141747 阅读 · 0 评论