手摸手开发一个全栈项目

这个项目的最初灵感来源于神光大佬的文章短链服务?自己用 Nest 写一个

看完后就动手使用 go 根据文章实现了一下

在这过程中想到想到也许可以扩充一下于是就有了这个项目

后端项目地址kkdl-go、前端项目地址kkdl 仍在开发中------

项目简介

使用 go、vue3 相关技术全栈开发一个短链管理平台

项目主要是为了实现一些功能可以说是为了实现而实现,项目中的代码没有太高深的语法及逻辑学过 go 基础知识就可以上手

主要开发环境

  1. MacOs 11.4
  2. node v16.20.0
  3. pnpm 8.2.0

主要技术栈

前端: vite5、vue3全家桶、element-plus、vueuse

后端: goframe、go(1.18)、mysql、redis、七牛云 oss、邮件发送

目前已经实现的功能

用户

用户的 crud 一个系统中总是会充斥着各种各样的增删改查业务

登录

目标是实现邮箱登录、小程序码扫码登录

使用邮箱登录注册的原因很简单,短信验证服务要花钱买!!!

而邮箱登录、注册其实与短信验证类似,都是发送一个码然后进行验证

短链 code

目前只有一个接口调用后批量生成短链code,当然每天也会定时生成一批 code,开发这个接口是为了测试

短链管理

这个模块的接口比较多增、删、改、查、批量导入、批量导出、导入模版下载对应了一个后台管理页面的大部分功能

微信小程序

这里主要是微信小程序登录所需要使用的一些接口,获取小程序码、获取 openId

公共

这个目录目前有两个接口文件上传、发送邮箱验证码

项目启动

安装 goframe 框架工具

goframe 框架工具安装文档 正确安装后执行 gf -v 可显示工具信息

导入 sql 文件

sql 文件所在目录 manifest/deploy/sql

配置文件

微信、七牛云、邮箱不配置也可正常启动

yaml 复制代码
server:
  address:     ":6001"
  openapiPath: "/api.json"
  swaggerPath: "/swagger"

logger:
  level : "all"
  stdout: true

# Database
database:
  logger:
    level: "all"
    stdout: true
  default:
    type: "mysql"
    link: "mysql:root:123456@tcp(127.0.0.1:3306)/kkdl?loc=Local&parseTime=true"
    debug: true

# Redis
redis:
  default:
    address: 127.0.0.1:6379
    db: 1
    pass: 123456
    idleTimeout: 600

# 微信
weChat:
  miniPrograms:
    appid: xxx
    secret: xxx

# 七牛云
qiNiuConfig:
  access: 'xxx'
  secret: 'xxx'
  bucket: 'xxx'
  baseUrl: 'xxx'

# 邮箱配置
emailConfig:
  key: 'xxx'
  email: 'xxxx@qq.com'

启动

执行 gf run main.go 启动项目

更新计划

每周一篇,直至完结

好大哥, 求内推 5 年前端开发经验主要使用 vue !!!!!

往期文章

相关推荐
华玥作者1 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_2 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
qq_297574672 小时前
【实战教程】SpringBoot 实现多文件批量下载并打包为 ZIP 压缩包
java·spring boot·后端
前端摸鱼匠2 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang201509282 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC3 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务3 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整4 小时前
面试点(网络层面)
前端·网络
VT.馒头4 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy5 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js