微信小程序

该篇是转接我的文章简单饮食推荐（一）功能实现中的转盘选餐模块。

自定义转盘组件参考文章：https://blog.csdn.net/qq_23375733/article/details/81274955

该模块主要使用的是小程序中，支持的简单的组件的自定义，使用小程序支持的简洁的组件化编程，通过这个功能实现转盘的设计。之后再通过转盘，实现随机选择，选择出你今天的配餐，配餐是通过科学饮食，来给您配餐，配餐的结果会展示出来，如果你并不满意，您也可以再次选择这个配餐。

在该模块中，创意点如下： 创意点是通过转盘的形式，来实现的随机选择配餐，不仅仅可以实现一次选择配餐，还是可以实现，再次选择，选择最终的为准。 创意点另一个是使用微信小程序的自定义组件，微信小程序的自定义模块是给开发者自定义的方式，开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。

要想完成该模块并实现菜品识别的相应功能，必须要解决下面的这几个问题：

经查找相关的资料，了解到微信小程序可以使用自定组件，自定义组件是微信给开发者的一个自定义的方式，可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。

创建自定义组件（官方自定义组件开发文档）：类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件，首先需要在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：

同时，还要在 wxml 文件中编写组件模板，在 wxss 文件中加入组件样式，它们的写法与页面的写法类似。

在自定义组件的js文件中，需要使用Component()来注册组件，并提供组件的属性定义、内部数据和自定义方法。 组件的属性值和内部数据将被用于组件wxml的渲染，其中，属性值是可由组件外部传入的。

使用已注册的自定义组件前，首先要在页面的 json 文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径：

这样，在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名，节点属性即传递给组件的属性值。

通过微信小程序的开发文档来编写，转盘的自定义组件，由于是第一次编写自定义组件，所以对于流程并不熟悉，所以使用时候出现了很多的问题，并且想法出现了错误，通过使用网上的教程，通过阅读别人的代码，更改编写代码，成功实现了组件的自定义。 先进行转盘的颜色，样子的处理，使用扇形的处理，颜色都是通过JS文件进行定义。