[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

115大咖6132022-06-09 09:35:14

佰阅发卡KAMIFAKA是由佰阅开发一款开源免费发卡系统,从初稿设计到代码实现,不仅强迫自己在实践中学习VUE3.0,同时也在检测自己应对较复杂程序的全栈开发能力。本系统的诞生尤其要感谢VUE3简单语法,让前端页面逻辑交互得以按所思所想来实现,同时操作体验非常流畅。

0. 最终效果

项目开源地址: https://github.com/Baiyuetribe/kamiFaka

[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

Pc端动态效果:

[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

管理员界面:

[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

1. 功能特色

  • Stisla UI:web界面很漂亮

  • 前端使用VUE3.0,毫秒级响应

  • 已集成支付宝当面付、微信官方、Payjs、虎皮椒支付宝、虎皮椒微信、微信官方、易支付、Mugglepay、码支付等十几种支付接口

  • 普通用户支持邮箱、短信接收消息

  • 管理员支持邮箱、短信、TG、微信通知

  • 集成TG发卡系统

  • 支持2~4层批发模式

  • 长卡密可导出为txt文本

  • 支持自定义背景、标题、关键词等

  • 支持热备份,可一键云端备份、一键导出备份文件到本地

  • 数据库可分离,兼容Mysql、PostgreSQL和Sqlite

  • 支持移动端唤醒支付宝

  • JWT保证后台接口安全

  • Limter保障服务器访问频率和次数

2. 关于安装

2.1 正式环境(线上模式)

操作系统推荐:Centos7、Debian9+、Ubantu18+
第一步:安装好环境
推荐宝塔+Docker环境,已安装的可忽略。

# 安装宝塔
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

然后安装Docker环境

# 该脚本适用于Centos7、Debian9+、Ubantu18+等
 echo y | bash <(curl -L -s https://raw.githubusercontent.com/Baiyuetribe/codes/master/docker.sh)

第二步:程序部署

docker run -itd --name kamifaka -p 8000:8000 --restart always baiyuetribe/kamifaka

然后通过ip地址加上端口号8000即可访问,后台加上/admin,默认管理员账号[email protected],密码:123456

第三步:域名访问设置
宝塔面板新建网站,然后打开网站设置,设置域名反代。

[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

之后就可以通过域名正常访问了。

如果机器在国内,可以使用阿里云镜像安装。国内机器第二步操作脚本如下:

docker run -itd --name kamifaka -p 8000:8000 --restart always registry.cn-hangzhou.aliyuncs.com/baiyuetribe/kamifaka

2.2 本地测试(体验模式)

可以搜索win10系统安装Docker,或Mac系统安装Docker,安装过程类似普通的程序安装,默认安装就行。
然后打开终端工具,比如Windows系统的CMD,然后输入:

docker run -itd --name kamifaka -p 8000:8000 --restart always registry.cn-hangzhou.aliyuncs.com/baiyuetribe/kamifaka

[搭建教程] 佰阅发卡KAMIFAKA:一款全新的基于VUE3.0+FLASK的卡密发卡系统

3. 其他命令

# 卸载容器和本地镜像
docker rm -f kamifaka && docker rmi -f baiyuetribe/kamifaka

开源本项目,初衷是2021年GitHub评级能到达A++,同时也激励自己学习vue3,全面挑战下全栈开发的能力。如果使用过程中由任何问题,欢迎积极反馈,项目BUG反馈Q群:853791822

4. 项目主要依赖

5. 个人开发感受

本项目构思仅用了2h写完数据库、前端、后端概念设计,然后用了一周时间完善了前端UI设计和后台主要的业务逻辑功能,之后在用了一周时间完成了前后端动态交互,最后经过一小部分粉丝的积极内测,诸多BUG或小问题均已修复。从整个流程而言,初期的概念设计比较完善,所以后端代码基本不费时间,也可能是Python语法用的越来越顺手,但是整个项目主要的时间都花在前端UI及动态交互上,主要原因是对VUE3不熟练,玩不转的时候感觉程序在折腾人,玩得转的时候,感觉VUE3真的是非常高效。也许这就是程序的魅力,入门前各种困难,入门后感觉如履平地。后面笔者将持续维护该项目,更多细节操作文档正在书写中。



友情小提示:

本站所有内容均由互联网收集整理、网友分享,我们不承担任何技术、责任及版权问题,资源测速后请24小时后删除!若您需要请您购买正版授权并合法使用,我们不对任何资源负法律责任。

资源失效请留言站长,压缩文件请在电脑上用最新版的好压或者360压缩软件解压,请勿在线解压,手机解压失败的勿扰。

网赚盘链接失效不补,要稳定请移步干净云或BT,BT比较推荐用xdown(https://xdown.org/)或Sharea(http://shareaza.sourceforge.net/)下载,也可用115、PikPak、uTorrent或BitComet下载。

网友评论

您需要 登录账户 后才能发表评论
精品推荐!
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门标签
站点信息
  • 文章总数:16866
  • 页面总数:0
  • 分类总数:19
  • 标签总数:663
  • 评论总数:259
  • 浏览总数:1728391
友情链接