1、在MYSQL中新建一个test数据库，在里面新建一张type数据表，下面将从该表获得数据。
2、新建一个project小程序项目。
3、在project项目内，新建一个index模块来从数据库获得数据，并将数据输出在indexwxml页面。
4、在index模块中indexjs页面，在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址；data为传输的参数，这里设置为空；method为传递参数的方式，header用于设置请求的数据类型，success是成功获得数据后的操作。
5、在indexwxml页面，使用for循环遍历输出indexjs传递过来的数据data，通过item将data数据输出在页面。
6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。
7、最后编译微信小程序，查看从数据表type获得数据内容，成功从数据库读取数据并输出在页面上。
连接数据库后，微信小程序商城可以通过以下方式获取数据：
1使用小程序提供的wxrequest()接口向后端发送请求，后端返回数据，前端进行解析并展示。
2使用小程序提供的云数据库，通过wxclouddatabase()接口进行连接，然后使用云函数向数据库中查询数据并返回给前端展示。
3使用小程序提供的云函数，通过云函数向数据库中查询数据，并将查询结果返回给前端展示。
以上三种方式都可以获取数据库中的数据，具体选用哪种方式取决于实际情况和开发需求。需要注意的是，获取数据前需要先确保数据库已经连接成功，并且需要对数据进行一定的处理和解析，以便能够正确地展示在前端页面上。
此外，还需要注意数据库的安全性问题，建议对数据库进行权限设置和加密等操作，以保证数据的安全性。同时也需要注意数据库的性能问题，合理设计数据库结构、索引和查询语句，以提高数据库的查询效率和性能。
微信小程序获取高度的方法有多种，以下是其中几种常用的方法：
1 使用wxgetImageInfo()方法获取信息，包括的宽、高等信息，代码如下：
wxgetImageInfo({
src: '路径',
success: function (res) {
consolelog(reswidth) // 宽度
consolelog(resheight) // 高度
}
})
2 使用Image对象获取高度，代码如下：
var img = new Image()
imgonload = function () {
consolelog(imgheight) // 高度
}
imgsrc = '路径'
3 使用小程序自带的组件，如image标签，通过bindload事件获取高度，代码如下：
<image src="路径" bindload="getImageHeight"></image>
getImageHeight: function (e) {
consolelog(edetailheight) // 高度
}
以上是微信小程序获取高度的几种方法，开发者可根据实际需求选择适合自己的方法。
当我们多次使用同一个组件的时候，我们可以将其进行封装然后进行使用，这个时候，自定义组件就起到了很好的作用，前面虽然我们讲到了自定义组件，不过那都是皮毛，仅仅只是讲到了自定义组件的创建和使用罢了，下面我们来深入剖析自定义组件。首先看下目录：
匿名插槽
具名插槽
外部样式
多样化的组件通信
1双向绑定
2父子组件互相传
组件共享
组件关系
生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：
注：以上内容来源于微信开放文档 二、自定义组件的参数
生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：
注：以上内容来源于微信开放文档 二、自定义组件的参数
生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：
注：以上内容来源于微信开放文档 二、自定义组件的参数
生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this访问。组件还有一些通用属性和方法，如下：
用于父组件向子组件指定属性设置数据，无法将方法传递给子组件
实例：
父组件：
js中声明一个变量count
wxml
渲染父组件count
在父组件引用子组件,并进行属性绑定，把父组件count值传给子组件
子组件
在子组件的js中接收
子组件wxml中进行渲染
结果：
用于子组件向父组件传递数据，可以传递任意数据
子组件
触发加1按钮之后传递给父组件
父组件：
js
创建事件
wxml
绑定自定义事件
父组件通过thisselectComponent()获取子组件实例对象，可以访问子组件任意数据和方法
父组件进行调用时需要传入一个id或者class选择器
父组件
wxml
js
拿到子组件实例对象，直接为子组件进行赋值
修改父组件count值
