go + wails学习笔记 go和wails 前后端的交互

vails 例子里面自带了 go生成变量参数 vue 怎么前端调用
如果需要前后端交互怎么做呢 ,这方面的资料比较少,整理整理做做笔记

定义一个结构体 一个新建结构体 一个结构体的方法


// Showmess 定义结构体
type Showmess struct {
}

// NewShowmess 新建结构体
func NewShowmess() *Showmess {
	resout := Showmess{}
	return &resout
}

// Show 结构体方法
func (s *Showmess) Show(mess string) int {
	fmt.Println(mess)
	showmessage = mess
	return 1
}

func main(){
js := mewn.String("./frontend/dist/app.js")
css := mewn.String("./frontend/dist/app.css")
app := wails.CreateApp(&wails.AppConfig{
	Width:  1024,
	Height: 768,
	Title:  "hello jys",
	JS:     js,
	CSS:    css,
	Colour: "#131313",
})

app.Run()
}

错误的绑定

app.Bind(NewShowmess)

像上面这样绑定,在vue里面绑定 直接使用 show方法是不行的

window.backend.NewShowmess().Show("hello")

没有反应 无法调用函数,显示 window.backend.NewShowmess() 是个objet 对象 具体原因 我也不清楚 ,可能和go语言传入参数都是副本有关(怀疑) 报错截图

var show = window.backend.NewShowmess();

      console.log(Object.keys(show));

在这里插入图片描述

正确的用法

app.Bind(NewShowmess())

直接绑定实例方法 返回的指针

在vue里面 使用 Showmess 是 返回指针的 结构体 记得引用结构体名称 而不是方法名称

window.backend.Showmess.Show("hello").then((resout) => {
        alert(console.log)
      });

注意 方法要大写 要不然 vue里面引用不到

func (s *Showmess) Show(mess string) int {
	fmt.Println(mess)
	showmessage = mess
	return 1
}

// Show 结构体方法
func (s *Showmess) show(mess string) int {
	fmt.Println(mess)
	showmessage = mess
	return 1
}

// Show2 结构体方法
func (s *Showmess) Show2(mess string) int {
	fmt.Println(mess)
	showmessage = mess
	return 1
}

在这里插入图片描述
如上图 没有找到 show 小写开头的show方法

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Wails 是一个使用 Go 编程语言创建跨平台本机应用程序的框架,它允许您使用 Go 编写前端和后端代码。Wails 提供了一个简单的方式来构建具有本机外观和感觉的应用程序,可以在所有主要平台上运行,包括 Windows、macOS 和 Linux。 要使用 Wails 开发 UI 窗口,可以遵循以下步骤: 1. 安装 Wails 首先,您需要安装 Wails。您可以访问官方网站 https://wails.app/ ,根据您的操作系统选择对应的安装包进行安装。 2. 创建新项目 使用 `wails init` 命令在您的工作目录中创建新项目。该命令将生成一个基本的 Wails 项目结构。 3. 创建 UI 窗口 在项目的 `frontend` 目录下创建一个 HTML 文件,该文件将作为窗口的 UI 界面。您可以使用 HTML、CSS 和 JavaScript 来创建您的 UI 界面。Wails 使用 Go 的 Webview 库来呈现 UI 界面。 4. 连接前端和后端 在项目的 `backend` 目录下创建一个 Go 文件,该文件将作为窗口的后端处理逻辑。您可以使用 Go 编写您的业务逻辑,并将其与前端交互Wails 提供了一些方便的方法来实现前后端之间的通信。 5. 构建应用程序 使用 `wails build` 命令构建您的应用程序。该命令将生成适用于您的操作系统和架构的二进制文件。 6. 运行应用程序 使用 `./<yourapp>` 命令运行您的应用程序。您将看到一个带有本机外观和感觉的 UI 界面,可以在其中与您的后端进行交互。 以上是使用 Wails 开发 UI 窗口的基本步骤。您可以使用 Wails 提供的其他功能来扩展您的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值