1、注册一个小程序账号，主体类型可以选择个人，每个人都可以注册5个小程序账号。在注册成功后， 可使用小程序账号登录至微信公众平台，然后获取APPID。点击【开发管理】-【开发设置】，复制APPID。2、下载并安装微信开发者工具；如果你的是Windows64，则选【Windows64】； 如果你的是Windows32，则选【Windows32】； 如...

内容模型是对数据库中存储的数据结构的描述，包含了内容的属性定义。通过内容模型，内容管理可以自动生成内容管理界面。这里，我们需要建立一个内容模型，描述用户所具有的属性，如：微信头像、微信昵称、注册时间、积分等。

内容模型是对数据库中存储的数据结构的描述，包含了内容的属性定义。通过内容模型，内容管理可以自动生成内容管理界面。这里，我们需要建立一个内容模型，描述题库所具有的属性，如：题目、选项、正确答案、题型等。

CloudBase CMS 是云开发推出的，基于 Node.js 的 Headless 内容管理平台，提供了丰富的内容管理功能。CloudBase CMS 基于模型配置，动态生成内容管理界面，无须编写代码即可使用，快速管理云开发中的业务数据。同时还提供了管理员和运营者的两套身份体系的权限控制。适用于需要为小程序应用增加一个运营管理后台的业务，...

微信云开发提供了多个基础能力，包括数据库、存储、云函数等。其中，云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内使用 wx-server-sdk 提供的 getWXContext 方法获取到每次调用的上下文（appid、openi...

微信原生小程序+云开发。为什么选择微信原生小程序进行开发呢？因为能够直接应用它的云开发能力吖。我这里主要使用了云开发能力中的小程序端SDK，说白了就是在javascript中就能直接操作数据库。

前面的那一篇文章，我们已经完成了使用云开发的聚合能力实现从题库中随机抽取题目功能。在页面加载时，实现从题库中随机抽取题目功能。那么，拿到数据后要干什么？如何做？

前面的文章，我们说了开通服务和数据库配置。开通云开发服务后，进行题库数据表初始化，创建数据表、配置数据权限、导入题目数据等操作；还有用户数据表初始化，创建数据表、配置数据权限等操作。但是对于用户表，不需要进行导入数据操作，因为这些数据是用户在小程序端，注册登录的时候提交生成的。

在最新搭建的知识答题小程序，遇到了微信授权登录上的技术难点，所以对于以往的那套登录框架不能使用了，需要搭建一套新的注册登录流程框架。不得不做出调整，为此，首先进行了技术分析，进而去把它实现。

微信小程序云开发实战-答题积分赛小程序数据库篇：初始化、建表、配置及调用开通云开发服务点击【云开发】，开通云开发服务；开通服务完成后，方可继续往下操作；题库数据表初始化创建数据表点击【数据库】，然后点击【+】创建数据表；输入集合名称aicQuestion，点击【确定】；配置数据权限点击【数据权限】，选择【所有...

微信小程序云开发实战-答题积分赛小程序系列数据库篇：表设计、添加编辑以及导出导入数据原型：最终实现界面截图：数据表设计思路：答题类小程序数据库，优先把核心字段建立出来，尽量考虑周全， 但是如果不够后面再补。表字段及类型说明题库表（aicQuestion）字段名称字段类型备注说明questionstring题目optionobject选...

实现思路分析：1）答题未选中状态；2）答题已选中状态，点击确定提交选中结果；3）显示答案以及题目解析，如回答正确，自动进入下一题；如回答错误，停留在当前答题页面；4）每次答完10题，答对分数才会计入积分；5）最后系统自动判分，然后出成绩单。

使用 flex 布局即可快速实现各区域模块的排版布局：1、页面布局主要使用flex布局；2、个人信息展示区域采用flex-wrap；3、答题详情展示区域采用flex-sub；4、操作按钮组区域采用flex-direction；

这个积分排名页的页面布局，设计上是比较美观的，主要展示排名、用户头像昵称、积分信息。我曾搭建的消防安全知识答题、网络安全知识答题、安全生产知识答题等，都是使用这种方式实现的。

这个关于程序页的页面布局，设计上是比较简洁的，然后还实现了一键复制联系方式或信息的功能。我曾搭建的消防安全知识答题、网络安全知识答题、安全生产知识答题等，都是使用这种方式实现的。

微信小程序云开发实战系列-答题积分赛小程序界面交互篇：个人中心页布局样式与逻辑交互开发个人中心页效果图个人中心布局与样式实现页头布局在my.wxml中，编写布局代码： {代码...} 页头样式在my.wxss中，编写样式代码： {代码...} 保存预览页面链接这里我使用了导航组件navigator，实现跳转到修改资料页面和关于程序页...

模拟器通常默认展示的页面是首页，那么如果我们想切换到其他页面呢，那怎么办？我这里教给初学者三种方式，方便大家在搭建页面过程中，进行开发调试。

实现轮播图效果，可以拆分一下，先实现图片展示效果，再实现轮播效果。需要使用图片组件image、滑块视图容器swiper。图片组件image在index.wxml中，编写布局代码：

鼠标右击index文件夹，然后选择“新建Page”，命名为“index”,会在index文件夹里面自动生成index.js、index.json、index.wxml、index.wxss这4个文件；

这里就不详细展开注册步骤了，很简单的，根据提示操作就行，3分钟就能注册好一个小程序账号。注意：建议使用全新的邮箱，没有注册过其他小程序或者公众号的邮箱。没有邮箱的话，先注册邮箱再回来注册小程序账号。

你需要在本地安装微信开发者工具，即集开发编译运行环境于一体的工具。本项目技术栈基于 ES2015+、WXML、WXSS、JavaScript 、微信原生 API和云开发，所有的请求数据都使用云数据库的小程序端SDK进行查询，提前了解和学习这些知识会对使用本项目有很大的帮助。接下来，我们一起大致梳理一下，本项目需要用到的一些技术基...