为了让应用开发者能直观地看到您开发的组件效果, 当组件发布完成后, 可以去我的项目新建一个公开项目, 然后给组件配置几个demo, 然后把工作台地址配置到我的组件。

下面以评论组件为例演示配置demo的步骤:

  1. 在浏览器里打开我的项目。
  2. 新建一个公开项目。
  3. 点击 进入开发工作台 按钮, 然后点击 添加页面 来新建一个叫做 基本用法 的页面。
  4. 双击右边流程图中的窗口, 找到 comment-demo 组件, 然后点击右边的 添加组件, 最后点击最下面的 添加 按钮就会跳转到组件的配置页面。

  5. 和之前一样 数据源类型那选择 静态数据, 然后把下面的数据填充到数据源输入框里。

    {
"rows": [
 {
   "avatar": "https://f11.baidu.com/it/u=459861544,4150440756&fm=76",
   "nickname": "张三",
   "uid": 1,
   "id": 1,
   "created": "2017-06-01 10:10:10",
   "content": "我只想说自己小学是学习过这篇文章写过读后感！"
 },
  {
   "avatar": "https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1612291590,1464076117&fm=58&bpow=640&bpoh=480",
   "nickname": "李四",
   "uid": 2,
   "id": 2,
   "created": "2017-06-01 10:10:10",
   "content": "好啊，法律越来越完善，接下来就看执行的情况了，希望执法必严，违法必究。"
 },
 {
   "avatar": "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=735405847,1467063488&fm=173&app=25&f=JPEG",
   "nickname": "admin",
   "uid":3,
   "id": 3,
   "created": "2017-06-01 10:10:10",
   "content": "说的好！！！"
 }
],
"records": 3
}

    然后点击 保存数据源 按钮。

  6. 配置页右边的配置项按下面这样配置:

    • 评论列表标题 里输入 评论列表。
    • 勾选 启用评论功能。
    • 评论功能生效条件 里输入 1=1。
    • 勾选 显示添加评论按钮。

  7. 点击最下面的 保存 按钮, 然后点 预览页面 按钮查看组件展示效果。

  8. 返回 配置页面, 复制配置页面的 url 地址, 然后打开 我的组件, 找到 comment-demo 组件然后点击 修改 按钮, 最后在演示地址输入框里粘贴刚才复制的工作台地址, 然后提交。

配置页面效果

预览页面效果

results matching ""

    No results matching ""