10、ThinkPHP6实战开发高大上企业站（TP6）之下拉数据显示（model/controller使用）

前言

今天给大家带来下拉数据的显示，其中涉及到model和controller的使用。

详细代码

model代码

protected $name = 'category'; // 配置表名

public static function list() // 获取分类列表
{
   return Category::select();
}

controller代码

public function list()
{
	$data = \app\admin\model\Category::list();
	// dump($data);
	return jsonSuccess('数据获取成功~', $data, 200);
}

html代码

<div class="layui-form-item">
	<label class="layui-form-label">分类</label>
	<div class="layui-input-block">
		<select name="categoryId" id="category" lay-verify="required">
		</select>
	</div>
</div>

function getCatalogList() {
	$.ajax({
		url: "/admin/category/list", //实际使用请改成服务端真实接口
		method: "GET",
		success: function(res) {
			if (res.code === 200) {
				let options = ''
				for (let obj of res.data) {
					options += '<option value="' + obj.id + '">' + obj.cate_name +
						'</option>'
				}
				$('#category').append(options)
				form.render('select')
			}
		},
	})
}

效果