由于我无法直接生成图片或提供真实截图链接，但我可以为您提供详细的文字版界面路径指引，并标注每个操作的按钮位置和层级关系。您可以根据以下描述在对应平台中找到对应功能：
一、NocoBase 后台配置（图文路径指引）
1.1 创建数据表 jsq_company
登录NocoBase后台
- 输入您的NocoBase访问地址（如
https://your-nocobase.com）→ 输入账号密码 → 点击「登录」。
- 输入您的NocoBase访问地址（如
进入数据表管理界面
- 左侧菜单栏 → 点击「数据表」→ 点击顶部「新建数据表」按钮。
- 左侧菜单栏 → 点击「数据表」→ 点击顶部「新建数据表」按钮。
填写表名
- 在弹窗中输入表名
jsq_company→ 点击「确定」。
- 在弹窗中输入表名
添加字段
在表编辑界面，点击「添加字段」按钮 → 依次创建以下字段：
字段1：
- 字段名称：
avatar - 字段类型：选择「图片」
- 字段名称：
字段2：
- 字段名称：
name - 字段类型：选择「字符串」
- 长度：255
- 字段名称：
字段3：
- 字段名称：
phone - 字段类型：选择「字符串」
- 长度：11
- 字段名称：
字段4：
- 字段名称：
userid - 字段类型：选择「字符串」
- 勾选「唯一」选项（避免重复用户提交）
- 字段名称：
- 保存表结构：点击右上角「保存」按钮。
1.2 创建API接口
进入API管理
- 左侧菜单栏 → 点击「API管理」→ 点击右上角「新建接口」。
配置提交接口（POST）
- 接口名称：输入
提交用户信息 - 请求方式：选择「POST」
- 关联数据表：选择
jsq_company 字段映射：
- 点击「绑定字段」→ 在「值」列中输入
{{$body.字段名}}（例如{{$body.avatar}}）
- 点击「绑定字段」→ 在「值」列中输入
- 点击「保存」按钮。
- 接口名称：输入
配置读取接口（GET）
- 接口名称：输入
获取手机号 - 请求方式：选择「GET」
- 关联数据表：选择
jsq_company 过滤条件：
- 点击「添加过滤条件」→ 字段选择
userid→ 操作符选择「等于」→ 值输入{{$query.userid}}
- 点击「添加过滤条件」→ 字段选择
- 返回字段：仅勾选
phone - 点击「保存」按钮。
- 接口名称：输入
1.3 设置API权限
进入角色权限管理
- 左侧菜单栏 → 点击「角色与权限」→ 选择「匿名用户」。
开启接口权限
- 在权限列表中，找到
提交用户信息和获取手机号接口 → 勾选「允许访问」。 - 点击「保存」。
- 在权限列表中，找到
二、MyBricks 小程序配置（图文路径指引）
2.1 配置微信登录（获取用户信息）
进入全局设置
- 在MyBricks编辑器中 → 点击左侧「项目设置」→ 选择「微信配置」。
启用微信登录
- 勾选「自动获取用户信息」→ 填写微信小程序的AppID和AppSecret。
- 勾选「自动获取用户信息」→ 填写微信小程序的AppID和AppSecret。
2.2 配置提交按钮（POST请求）
添加按钮组件
- 从左侧组件库拖拽「按钮」到页面 → 在右侧属性面板修改按钮文字为“提交信息”。
绑定点击事件
- 选中按钮 → 右侧面板点击「事件」→ 点击「+ 添加事件」→ 选择「网络请求」。
点击「新建HTTP请求」→ 填写以下参数：
- URL：
https://your-nocobase.com/api/提交用户信息 - Method：
POST - Headers：添加
Content-Type: application/json Body：点击「绑定数据」→ 输入以下JSON（注意替换动态变量）：
{ "avatar": "{{userInfo.avatarUrl}}", "name": "{{userInfo.nickName}}", "phone": "{{phone}}", "userid": "{{userInfo.openId}}" }
- URL：
- 点击「保存」。
2.3 自动加载手机号（GET请求）
绑定页面加载事件
- 在页面空白处点击 → 右侧面板选择「生命周期」→ 点击「onLoad」→ 点击「+ 添加动作」。
配置GET请求
选择「网络请求」→ 点击「新建HTTP请求」→ 填写以下参数：
- URL：
https://your-nocobase.com/api/获取手机号?userid={{userInfo.openId}} - Method：
GET
- URL：
成功回调：
- 输入代码：
this.setData({ phone: response.data.phone })
- 输入代码：
失败回调：
- 输入代码：
wx.showToast({ title: '加载失败', icon: 'error' })
- 输入代码：
三、验证操作是否成功
3.1 检查NocoBase数据表
查看数据是否写入
- 登录NocoBase后台 → 进入「数据表」→ 点击
jsq_company→ 点击「数据列表」→ 确认新提交的数据存在。
- 登录NocoBase后台 → 进入「数据表」→ 点击
3.2 小程序测试
提交信息测试
- 在小程序输入手机号 → 点击「提交信息」→ 观察是否弹出“提交成功”提示。
手机号回显测试
- 关闭小程序重新进入 → 检查手机号输入框是否自动填充。
四、常见问题解决
问题1：403权限错误
- 原因：NocoBase接口未对匿名用户开放权限。
解决：
- 进入NocoBase「角色与权限」→ 选择「匿名用户」→ 重新勾选接口权限。
问题2：手机号未显示
- 原因：GET请求未正确绑定
userid或数据库无数据。 解决：
- 检查NocoBase的
jsq_company表中是否存在对应userid的记录。 - 检查MyBricks中GET请求的URL是否包含
userid={{userInfo.openId}}。
- 检查NocoBase的
五、操作流程图
NocoBase配置：
1. 创建表 → 2. 创建API → 3. 设置权限
MyBricks配置：
1. 微信登录 → 2. 按钮绑定POST → 3. 页面加载绑定GET如需更具体的操作演示，可参考以下模拟链接（需替换为实际截图）：
请根据上述路径逐步操作，如果遇到具体报错，可提供截图或错误描述，我会进一步协助！
评论0
暂时没有评论