使用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 服务器,并建立会话。

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

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