这个小程序用来管理自己名下的多张信用卡，用来方便的查询账单日、还款日等信息，一眼看去就能知道大多数信息。我现在想仿照这个网页来重新搭建一个网站，部署在cloudflare上面。是用workers和d1数据库实现。其中workers上面部署网页用来实现交互，在环境变量中设置域名（暂时用不到这个变量）、用户名、密码等信息，在d1数据库中存储我添加的每张信用卡的信息。
（创建 D1 数据库并初始化）操作：
在 Cloudflare 仪表板中，转到 Workers & Pages -> D1。
点击您创建的数据库（例如 credit-card-db）。
转到 Console（控制台）选项卡。
运行 SQL 命令 1 (创建表): 在 SQL 输入框中粘贴以下代码，然后点击 Execute（执行）：
CREATE TABLE credit_cards ( id INTEGER PRIMARY KEY AUTOINCREMENT, bank_name TEXT NOT NULL, last_4_digits TEXT NOT NULL, card_limit INTEGER, billing_day INTEGER NOT NULL, payment_type TEXT NOT NULL, -- 'days_after_billing' 或 'fixed_day' payment_value INTEGER NOT NULL, -- 'days_after_billing'的值 或 'fixed_day'的值 grace_days INTEGER DEFAULT 0, -- 宽限期 max_grace_period INTEGER NOT NULL, -- 免息期 notes TEXT );
运行 SQL 命令 2 (插入初始数据): 等待上一个命令成功后（控制台会显示成功），清除输入框中的旧代码，然后粘贴以下代码，再点击 Execute（执行）：
INSERT INTO credit_cards (bank_name, last_4_digits, card_limit, billing_day, payment_type, payment_value, grace_days, max_grace_period, notes) VALUES ('示例银行A', '1234', 50000, 10, 'days_after_billing', 20, 3, 53, '这是第一张示例卡'), ('示例银行B', '5678', 100000, 15, 'fixed_day', 5, 0, 50, '这是第二张示例卡，每月5日固定还款');
完成这 SQL 操作后，您的数据表就创建好了。请您**刷新（重新加载）**一下您的 Worker 网页，程序应该就能正常运行了
更新内容:
1.更改 最长免息期 为 总授信额度
2.修正了 在日历控件上 重点显示 还款日 不准的问题。
3.修改配色。
演示网站:
开源代码:
评论 (0)