来源： 大模型应用开发初探 : 基于Coze创建Agent – EdisonZhou – 博客园

大家好，我是Edison。

最近学习了一门课程《AI Agent入门实战》，了解了如何在Coze平台上创建AI Agent，发现它对我们个人（C端用户）而言十分有用，分享给你一下。

Coze是什么？

Coze（扣子）是字节跳动公司开发的新一代AI应用开发平台，使用这个AI应用开发平台，无论你是否有编码基础，都可以快速搭建基于大语言模型的各类AI Bot，还可以将Bot发布到其他渠道。对于一个AI Agent而言，最重要的能力就是任务规划、调用工具、知识库 和 记忆能力，而这些能力在Coze中你都不需要关注，已经封装好了提供给你，对你而言就是透明的。

如上图所示，我们可以对我们要做的AI Agent先设立人设，然后给它注册想要调用的工具或工作流，还可以给它注册一个内部知识库（文档/图片/表格等），如果想要记忆能力甚至可以直接给它添加一个数据库供其使用，最后再通过调试模块进行测试，一个针对AI Agent的“宇宙最强IDE“也不过如此。
目前，Coze有两个版本：

（1）基础版：面向尝鲜体验的个人和企业开发者，全部功能免费使用，但有一定的限量额度，超过后不可再使用，需切换专业版后继续使用。

（2）专业版：面向对稳定性和用量有更高需求的专业开发者，支持更高团队空间容量和免费知识库容量，付费功能保障专业级 SLA，不限制调用请求频率和总量，费用按实际用量计算。

这里，我用的是基础版，主要是尝尝鲜，做了几个DEMO体验下效果，用到的模型主要是豆包的Function Call模型。未来，我们可能会主要尝试企业内部搭建的FastGPT或Dify，又或者是微软的AutoGen。

下面，主要通过我做的这几个DEMO一起来看看Coze提供的一些关键能力。

强大的工作流配置

我通过Coze创建了一个城市天气助手的Bot，使用了Coze提供的工作流能力，如下图所示，这是一个获取天气预报并解析的工作流：

可以看到，通过一个简单的工作流，我们就快速调用了大模型 和 插件（墨迹天气）的能力，而这些操作在传统的编码场景下，都需要程序员单独来处理，现在则是0代码纯配置就可以了。

基于这个工作流，我再把人设和回复的逻辑配置一下提示词，就可以完成一个Bot的创建。值得一提的是，针对你的提示词，Coze提供了一个优化的功能，可以按照最佳实践将你的提示词做一个优化，这真的是一个很实用的功能。

最后实现的效果如下图所示：

强大的图像流配置

我通过Coze创建了一个产品图背景替换助手的Bot，用到了Coze提供的另一个强大技能：图像流。这也是一个工作流，但是其用到了专门针对图像处理的处理节点，例如图像生成、背景替换、画质提升等等。这些功能对于有做社交媒体运营的朋友，应该挺有帮助的。

最后的效果如下图所示：我把原图 和 想要替换的背景描述给它，它给我输出了一张还算不错的背景替换图。

快捷的知识库应用

Coze支持不同格式的知识库，例如文本类型（如txt, pdf, doc等）、表格类型（如xls等）以及 照片类型（如png, jpg等）。

比如，我创建了一个MongoDB知识助手的Bot，就导入了一些MongoDB的体系课程的pdf文档：

最终的效果如下图所示：

又如，我创建了一个产品图查询助手的Bot，可以基于我导入的产品图资料库，让我可以快速的查找到对应的产品图。

效果如下图所示：

再如，假设我是一个在线课堂的老板，我将课程订单表（Excel）导入到知识库中，通过对人设和回复逻辑的设置，就可以实现一个快速查询的功能：

透明的记忆能力

假设我是一个在线课堂的老板，我可以用Coze创建一个在线客服，让它和客户对话，并试图引导用户留下姓名和联系方式，这就需要一个类似于数据库的记忆能力。

这样配置后，一旦客户在对话中留下联系方式，我们的Bot就会自动将其存入预先设置的数据库中：

其他能力

对于客服类Bot，语音能力是非常重要的，在Coze中可以支持语音通话，还有多种口音供选择，个人觉得这是很方便的一个支持能力。

发布到订阅号

Coze可以支持发布到多个平台，未来可能真的会有Agent Store的概念。不过，我目前最喜欢的还是可以直接发布到微信订阅号，这样大家在给我回复时，不只是有冷冰冰的自动回复，而是有情绪价值的回复，for all of you!

小结

本文简单介绍了Coze（扣子）这个AI应用开发平台的主要功能，通过我所学习实践的一些DEMO来了解一下在AI Agent开发中涉及到一些核心概念如工作流、图像流、记忆能力、知识库等等，相信会对大家在今后的AI Agent开发实践中有所帮助。

推荐学习

周文洋，《AI Agent入门实战》

来源： Log Parser 2.2 + Log Parser Lizard GUI 分析IIS日志示例_log parser lizard gui:-CSDN博客

Log Parser 日志分析工具，用命令行操作，可以分析 IIS logs，event logs，active directory，log4net，file system，t-SQL

Log Parser Lizard 以可视化界面操作，使用类似SQL的语法查询

 

下载地址：

Log Parser 2.2 :
http://www.microsoft.com/en-us/download/details.aspx?id=24659

Log Parser Lizard GUI :
http://www.lizard-labs.com/log_parser_lizard_buy.aspx

 

或者两个打包好的资源下载：

LogParser2.2+LogParserLizard

 

安装完成后：

 

 

 

LogParser 查询方法：

 

编写sql脚本保存为： SlowPage.sql

–C:\inetpub\SlowPage.sql
Select Top 20
LogRow as [Line Number],
date as [Date],
time as [Time],
c-ip as [Client-IP],
s-ip as [Server IP],
s-port as [Server Port],
cs-method as [Request Verb],
cs-uri-stem as [Request URI],
sc-bytes as [Bytes sent],
sc-status as [Status],
sc-substatus as [Sub-status],
sc-win32-status as [Win 32 Status],
time-taken as [Time Taken]
From
C:\inetpub\logs\LogFiles\W3SVC2\u_ex*.log
Order by time-taken desc

打开 LogParser 2.2 命令行工具，执行脚本：
LOGPARSER -i:IISW3C file:C:\inetpub\SlowPage.sql -o:DataGrid -q:off

 

 

Log Parser Lizard 查询方法：

打开 Log Parser Lizard 可视化界面，如下图，将sql命令复制到 查询[query] 窗口中，在点击生成[generate]。

 

 

 

 

还可以以各种图形的方式显示出来，更方便、直观 了解分析情况：

 

 

 

在Log Parser 2.2 安装路径下，有很多自带的sql语句：

 

 

若不清楚列名称，可以先全部查询所有列，再选择有用的列进行分析：

 

 

更多的使用方法，可以参考帮助文档，有很多例子：

 

————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/kk185800961/article/details/43964209

来源： 推荐 | 10个好用的Web日志安全分析工具 – Bypass – 博客园

来源： vue中子组件的methods中获取到props中的值方法（vue 学习笔记）_vue 获取props的值-CSDN博客

来源： The data property “xxx“ is already declared as a prop. Use prop default value instead.-CSDN博客

在写父组件子组件相互传递数据的时候，出现The data property “num” is already declared as a prop. Use prop default value instead.

这里意思是这个data的属性num已经在prop声明了，使用prop默认的值替代。因为num我在父组件已经创建声明后面又在子组件的data声明和初始化，造成冲突。

 

所以报这个错，然后需要把子组件的那个data函数里的num删除或者换个不重复的名字，便可以解决报错。
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/caseywei/article/details/108062924

来源： uni-app父子组件间的方法调用及传值_uniapp调用组件内部的方法-CSDN博客

uni-app父子组件间的方法调用及传值

方法调用：

一、父组件调用子组件里的方法

1. 先准备一个子组件

<template>

<view></view>

</template>

 

<script>

export default {

data(){

return {}

},

methods:{

childMethod() {  // 子组件中有一个childMethod方法

console.log(‘childMethod do…’)

}

}

}

</script>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

2. 准备一个父组件

<template>

<view class=”content”>

<mian-index ref=”mainindex”></mian-index> //使用子组件，ref给子组件一个id标识

</view>

</template>

<script>

import mainindex from ‘@/pages/main/index/index.vue’  //引入子组件

export default {

data() {

return {

 

};

},

components:{

‘mian-index’:mainindex

},

onLoad(e) {

this.$refs.mainindex.childMethod();  //页面加载时就调用子组件里的childMethod方法

}

}

</script>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

参考地址：https://www.cnblogs.com/cap-rq/p/11026881.html

 

二、子组件调用父组件里的方法

2.1. 准备一个父组件

<template>

<view class=”father”>

<child v-on:ToChange=”change”></child>  // 在使用子组件时，通过v-on绑定在父组件内定义好的方法

</view>

</template>

 

<script>

import child from ‘../../components/child’  //引入子组件

export default {

…

methods: {

change(){  // 在父组件内定义好的方法

console.log(“触发了父页面内的方法”);

},

},

components:{

child

}

}

</script>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

2.2. 在准备一个子组件

<template>

<view @tap=”changeC()”>  // 在子组件内绑定触发子组件内定义的方法

子组件

</view>

</template>

 

<script>

export default {

…

methods:{

changeC(type){

this.$emit(“Tochange”);  // 通过this.$emit触发父组件内绑定的方法

console.log(“触发了子组件内的方法”);

}

}

}

</script>

 

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

参考地址：https://blog.csdn.net/Sport_18/article/details/102833209

 

传值：

 

三、父组件给子组件传值

3.1. 父组件：

<template>

<view>

<test :msg=”msg”></test>  // :msg=”msg”绑定传值

</view>

</template>

 

<script>

import test from “@/components/test/test.vue”  // 引入子组件

export default {

data () {

return {

msg: ‘hello’

}

},

components: {test}

}

</script>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

3.2. 子组件：

<template>

<view>

子组件 {{msg}}  //接收后使用

</view>

</template>

 

<script>

export default {

props: [‘msg’]  //通过props接收数据

}

</script>

 

<style>

</style>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

四、子组件给父组件传值

4.1. 父组件

<template>

<view>

<test @myEvent=”getMsg”></test>

</view>

</template>

<script>

import test from “@/components/test/test.vue”   // 引入子组件

export default {

methods: {

getMsg (res) {

console.log(res)

}

},

components: {test}

}

</script>

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

4.2.子组件

<template>

<view>

<button type=”primary” @click=”sendMsg”>给父组件传值</button>

</view>

</template>

 

<script>

export default {

data () {

return {

status: ‘hello uni-app’

}

},

methods: {

sendMsg () {

this.$emit(‘myEvent’,this.status)  // 通过$emit触发事件，第二个参数就是传递的参数

}

}

}

</script>

————————————————

 

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

 

原文链接：https://blog.csdn.net/weixin_40816738/article/details/124774664

来源： uni-app 页面顶部栏固定悬浮的 css 兼容方法 – DCloud问答

uni-app 中 NavigationBar（导航栏 44px）以及 TabBar（底部选项卡 50px）组件的高度是固定的，不可修改，各小程序平台，包括同小程序平台的 iOS 和 Android 的高度也不一样。

那么如果我们需要悬浮导航菜单则需要使用 position: sticky 来使其悬浮，然后对于 H5 平台加上 top:44px 的高度，这样 uni-app 页面顶部导航栏的固定悬浮就实现了兼容，具体的代码如下：

复制代码.menu {  
    position: sticky;  
    /* #ifdef H5 */  
    top: 44px;  
    /* #endif */  
    /* #ifndef H5 */  
    top: 0;  
    /* #endif */  
    z-index: 999;  
    flex: 1;  
    flex-direction: column;  
    overflow: hidden;  
    background-color: #ffffff;  
}

以上代码纯属子凡开发中简单的需要稍微注意的地方，仅供大家学习参考。

其中 position: fixed 虽然也可以悬浮固定，但是底部的元素就无法继承 top 的值了，可以简单说 fixed 是特殊版的 absolute，fixed 元素总是相对于 body 定位的。所以就需要使用 position: static，static(没有定位)是 position 的默认值，元素处于正常的文档流中，会忽略 left、top、right、bottom 和 z-index 属性。

除非注明，否则均为泪雪博客原创文章，禁止任何形式转载

本文链接：https://zhangzifan.com/uni-app-navigationbar-position-static.html

来源： uniapp 添加顶部搜索导航_typeerror: uni.onnavigationbarsearchinputclicked i-CSDN博客

来源： ​easycom组件冲突的解决办法-CSDN博客

在uni项目中遇到easycom组件冲突的问题，在网上查的资料让删掉components下的同名目录，按照方法操作后发现项目报错，于是按照提示删掉了uni_modules下的同名目录，删除完之后就能正常运行啦

 

来源： uni.switchTab()跳转不刷新页面问题_currentpage.onload is not a function-CSDN博客

uni.switchTab()跳转不刷新页面问题

大家应该都遇到过,调转到 tabBar 里面的页面时，只能使用 uni.switchTab() 或者是 uni.navigator() 跳转，
使用 uni.reLauch() 或者是 uni.redirect() 无效，但是她们都存在一个共同的问题，就是，无法刷新页面和数据，uni.switchTab() 后面也是不可以带参数的，带参数无效，接下来就告诉大家我试了很多方法得出的结论。

我是需要从修改个人中心跳转到个人中心界面，

相信大家很多人百度这个问题，解决方案都是点击按钮时

但是页面会报错 page.onLoad is not a function 并且不会请求接口，所以页面无法刷新

 

还有人会使用 this.$forceUpdate()； 但是页面并不会刷新，在vue脚手架中确实可以刷新页面，但是uniapp中没有效果
最后的解决方案，就是在跳转的时候，调用
window.location.reload();

 

这样可以在跳转的同时刷新页面，改代码必须写在要跳转的点击事件里面，放在mounted或者是onLoad里面，会一直刷新页面，出现死循环。
————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_43665443/article/details/114398927