本文介绍如安在uniCloud项目中快速开发树形分类页面，如产品分类等。首要，咱们用uni-starter+uniCloud admin建立用户端和办理端的基本项目结构。在此根底上，根据事务需求，规划出符合约好标准的schema（数据库表结构）。再用schema2code生成用户端和办理端的增修改查页面。最后，对生成的页面进行二次开发，使之符合咱们的事务需求。
uniCloud是 DCloud 联合阿里云、腾讯云，为开发者提供的根据 serverless 形式和 js 编程的云开发平台。
- 用schema2code代码生成东西，生成数据库的增修改查页面（是直接生成页面，不是生成接口，包括前端和办理端页面）。
- 假如
schema2code搞不定，需求手写代码，那么使用clientDB，将节省80%的办理端开发作业。 -
uni-starter是一个集成了大量商用项目常见功用的，云端一体使用快速开发基本项目模版。APP有很多通用的功用，比如登录注册、头像、设置、banner、… uni-starter将这些功用都已经集成好。直接在hbuilderx新建项目挑选uni-starter模板，即可在此根底上快速开发自己的特色事务。有了uni-starter，再加上schema2code生成前端页面，一个简单使用就能够快速完结。 - 假如说uniCloud admin是办理端项目的基本项目模版，那么uni-starter则是用户端、尤其是移动端的根底项目模板。
-
uni-starter+uniCloud admin提供了用户端和办理端的基本项目模版，使用开发从未如此简单快捷！
建立项目开发结构
一、创立用户端uni-starter项目
1、在HBuilerX（最好是最新版别）代码编辑器中新建uni-starter项目。默许勾选启用云开发。
2.在项目中uniCloud目录上右击，相关云空间。
3、新建一个云空间。
4、给云空间取名（本项目取名为uni-taxonomy）。
5、回到HBuilerX编辑器，再次相关云空间。勾选刚刚创立的云空间，点击相关按钮。
6、展开uniCloud目录，在cloudfunctions目录上右击，上传所有云函数、公共模块及actions。
7、等候云函数上传结束。
8、展开database目录，在db_init.json文件上右击，初始化云数据库（包括schema和校验函数）。
9、等候数据库初始化结束。
10、测验uni-stater项目是否装置成功。
在编辑器中翻开项目pages/list/list.vue，点击右上角预览，呈现下面的页面，阐明项目已将装置成功。
至此，用户端的根底结构建立成功。
二、创立办理端uni-admin项目
1、在HBuilerX（最好是最新版别）代码编辑器中新建uni-admin项目。默许勾选启用云开发。
2、在项目中uniCloud目录上右击，相关云空间。
留意：办理端与刚刚创立的用户端有必要相关同一个云空间。挑选绑定其他项目的服务空间，勾选uni-taxonomy，点击相关按钮。
3、测验uni-admin项目是否装置成功。点击编辑器运转菜单，挑选运转到一个浏览器。
4、假如浏览器呈现下图提示，需求装置插件。
5、装置sass插件。
6、再次运转项目到浏览器，呈现办理端登录界面，假如是第一次登录，需求您创立超级办理员账号。办理员账号只允许设置一次。
7、设置好办理员暗码后，进入到办理端办理页面。
至此，办理端的根底结构建立成功。
三、用户端和办理端连调
前面经过建立uni-starter和uni-admin项目，并且两个项目绑定了同一个云空间，阐明云端一体开发结构已经建立完结。现在来测验一下用户端和办理端的数据是否能够同步。
1、在办理端创立一个测验用户，设置用户名是test，暗码123456,激活状况。
现在，可登录使用只要办理端，点击办理，新增用户端使用。
在HuilderX找到用户端项目的配置文件，将使用标识、使用称号、使用描绘填入到办理端的表单中。
记住勾选使用名uni-taxonomy。这样，咱们在办理端创立的账号，在用户端应该也能够登录了。
2、在用户端用test进行登录。
在HuilderX运转用户端项目,用test账号登录。
登录成功
在HuilderX中翻开云控制台
能够看到咱们创立的用户信息
数据库显现test用户的ID为61b2c95d0d111e000151d6a1。在翻开用户登录日志，能够发现刚刚这个61b2c95d0d111e000151d6a1 ID有一次登录成功日志。
在用户端挑选我的、设置、退出登录。
3、在办理端将test用户状况改为禁用状况。
4、再用test账户在客户端登录。这时候页面会显现账号已禁用。
