使用Vue.js和golang构建Docker上的登录功能

首先

我使用Vue框架绘制前端部分,用Golang实现后端部分,实现了登录功能,并在GitHub上进行了公开。
https://github.com/rirma/vue_golang_framework

我看到了一些用Vue.js和Golang构建的文章,但是它们没有实现可直接使用的登录和登出功能,也没有提供通过docker可以进行开发的环境,所以我自己进行了构建。

这次我们将对公开的功能一一进行说明。

环境

    • PC: MacBook Pro (15-inch, 2019)

 

    • OS: Monterey

 

    • golang: ver1.17

 

    Vue: ver3.2.13

去做一個框架
網絡框架:gin
數據庫連接相關:gorm

我们正在构建一个类似Laravel的MVC模型。

如果有人想要尝试,请首先按照GitHub中提供的步骤进行Vue的编译和golang服务器的启动。

图片

登录页面

按下登录按钮后,将访问 localhost:8082 上的 golang 服务器,并建立会话。

スクリーンショット 2023-01-07 2.15.33.png

登录后的界面

当您登录后,首先将跳转到此画面。
当您处于未登录状态尝试访问此页面时,将重定向到登录页面。
点击注销按钮,将销毁会话信息。

スクリーンショット 2023-01-07 2.16.34.png

最后

这是我第一次同时实现Vue和golang,目前还没有完全整理好config,而且在axios的异步通信方面还有很多不完善的地方。如果能教我一些最佳实践,我将非常高兴。

广告
将在 10 秒后关闭
bannerAds