风铃发卡系统

Laravel + Vue 开发的在线卡密发卡系统

这款基于 Laravel 和 Vue.js 的在线卡密发卡系统，结合了 MuseUI 和 Element UI，不仅界面设计精美，而且后台操作简洁，用户体验优秀。它为虚拟商品提供便捷的寄售服务，帮助商户和买家在一个绿色、安全、快速的环境下完成销售和购买。

系统特点

• 完善的支付系统：支持多种常见支付接口，满足不同用户需求。
• 最美观的后台UI：提供用户友好的管理界面，让后台操作更为流畅。
• 后台收益统计：实时查看系统收入情况，并支持优惠券功能。
• 灵活的支付设置：支持不同设备（PC端与移动端）分别设置支付方式。

环境要求

• 操作系统：Linux (推荐 Nginx + PHP)
• PHP 版本：7.1 或更高
• 数据库：MySQL（推荐 5.6 或更高）

安装步骤

1. 安装宝塔面板

首先，需要安装宝塔面板。可以参考宝塔的官方安装教程，搭建 LNMP 环境。

2. 配置网站环境

在宝塔面板中，添加网站并配置伪静态规则，以便正常运行 Laravel 应用。

<span class="hljs-built_in">cd</span> /www/wwwroot/your-domain.com  <span class="hljs-comment"># 进入网站目录</span>curl -L -o card_release.tar.gz https://github.com/Tai7sy/card-system/releases/download/3.0/card_release.tar.gztar -zxf card_release.tar.gz\<span class="hljs-built_in">cp</span> -rf card_system_free_dist/. . <span class="hljs-built_in">rm</span> -rf card_system_free_dist card_release.tar.gz

<span class="hljs-built_in">chmod</span> -R 777 storage/<span class="hljs-built_in">chmod</span> -R 777 bootstrap/cache/

4. 设置数据库

1. 在 MySQL 中创建一个新的数据库。
2. 修改 .env 文件，填入数据库的相关信息：

bash

<span class="hljs-built_in">cd</span> /www/wwwroot/your-domain.com  <span class="hljs-comment"># 进入网站目录</span>php -r <span class="hljs-string">"copy('.env.example', '.env');"</span>

3. 通过以下命令初始化数据库：

bash

php artisan key:generatephp artisan migrate:fresh --seedphp artisan cache:clear

注意：如果出现“‘xxx’ has been disabled”错误，请进入宝塔面板的 PHP 设置中启用相关函数。

5. 宝塔面板设置

在宝塔面板中，进入 网站设置，关闭防跨站攻击（open_basedir），并设置正确的 运行目录 为 /public。

配置伪静态规则：

location / {    try_files <span class="hljs-variable">$uri</span> <span class="hljs-variable">$uri</span>/ /index.php?<span class="hljs-variable">$query_string</span>;}

6. 后端配置

1. 后台管理地址为 your-domain.com/admin。
2. 初次登录时，进入管理中心，填入网站地址与 API 地址，保存设置。
3. 配置支付渠道，填入你的支付信息。
4. 如果忘记密码，可以通过以下命令重置密码：

bash

php artisan reset:password admin@qq.com 123456

总结

该系统通过其简洁美观的 UI 设计、强大的支付支持和灵活的配置功能，成为虚拟商品发卡领域的优秀选择。根据上述安装步骤，你可以快速搭建自己的发卡系统，并开始为用户提供优质服务。