会员管理小程序实战开发05-权限设计

我们上节介绍了用户登录的基本知识，包含npm、登录接口、云函数、自定义连接器等。有了这些前置的知识是为了更好的进行后续的开发工作。

作为一本连载的教程，有时候光看图文教程理解的不是很到位，要是能有一个线上的小程序，在看完教程之后能够直接打开小程序体验一下多好。我想有这个需求的同学还是蛮多的，正所谓耳听为虚，眼见为实。

权限设计

为了做到这一点我们需要考虑几个问题，进入页面之后如何区分你是商家还是顾客。第二个问题是如果我们体验完商家之后如何切换一下身份，去体验一下顾客端的功能。

那要如何解决上述的问题呢？我们这样来分析一下，第一个就是要打开页面的时候确定用户的身份，那这个身份有两种做法。一种是在后台给你分配角色，前台页面通过代码来读取角色做路由跳转，不同的角色看到的页面不同。

另外一种做法是先显示一个页面，让用户来主动选择角色，根据选择的角色不同来跳转不同的页面。类似于游戏里一登录之后让你选择职业，你是选择法师还是战士，又或者是刺客。

为了让大家方便的体验功能，我们采用第二种方案，由用户自主来选择角色。

其实呢，第二套方案也不是我突发奇想想出来的，日常你有没有使用过那种免费的打卡小程序。第一次登录的时候其实就让你选择角色，如果你选择教师就会有创建班级，每日创建打卡的功能。如果你选择学生就可以选择加入班级，然后打卡的操作。这个就是按照角色来区分不同的功能。

布局组件介绍

有了上述的规划，那我们先需要搭建一下页面。要搭建页面就先需要考虑布局，我的设计是让角色在页面的中间显示，然后上下显示两个按钮，一个叫商家，一个叫顾客。

那如何布局呢