此字段不能为空
`);
+ }
+ } else {
+ $(this).removeClass('is-invalid').next('.invalid-feedback').remove();
+ }
+ });
+ // 验证ISBN格式（如果已填写）
+ const isbn = $('#isbn').val().trim();
+ if (isbn) {
+ // 移除所有非数字、X和x字符后检查
+ const cleanIsbn = isbn.replace(/[^0-9Xx]/g, '');
+ const isbnRegex = /^(?:\d{10}|\d{13})$|^(?:\d{9}[Xx])$/;
+ if (!isbnRegex.test(cleanIsbn)) {
+ isValid = false;
+ $('#isbn').addClass('is-invalid');
+ if (!$('#isbn').next('.invalid-feedback').length) {
+ $('#isbn').after(`ISBN格式不正确，应为10位或13位
`);
+ }
+ }
+ }
+ if (!isValid) {
+ e.preventDefault();
+ // 滚动到第一个错误字段
+ $('html, body').animate({
+ scrollTop: $('.is-invalid:first').offset().top - 100
+ }, 500);
+ showNotification('请正确填写所有标记的字段', 'error');
+ } else {
+ // 设置表单锁定状态
+ isSubmitting = true;
+
+ // 修改提交按钮样式
+ const submitBtn = $(this).find('button[type="submit"]');
+ const originalHtml = submitBtn.html();
+ submitBtn.prop('disabled', true)
+ .html(' 保存中...');
+
+ // 显示提交中通知
+ showNotification('表单提交中...', 'info');
+
+ // 如果表单提交时间过长，30秒后自动解锁
+ setTimeout(function() {
+ if (isSubmitting) {
+ isSubmitting = false;
+ submitBtn.prop('disabled', false).html(originalHtml);
+ showNotification('提交超时，请重试', 'warning');
+ }
+ }, 30000);
+ }
+ });
+ // 输入时移除错误样式
+ $('input, textarea, select').on('input change', function() {
+ $(this).removeClass('is-invalid').next('.invalid-feedback').remove();
+ });
+ }
+ // 还需要在服务端处理成功后重置状态
+ // 在页面加载完成时，添加监听服务器重定向事件
+ $(window).on('pageshow', function(event) {
+ if (event.originalEvent.persisted ||
+ (window.performance && window.performance.navigation.type === 2)) {
+ // 如果页面是从缓存加载的或通过后退按钮回到的
+ isSubmitting = false;
+ $('button[type="submit"]').prop('disabled', false)
+ .html(' 保存图书');
+ }
+ });
+
+ // 绑定事件监听器
+ function attachEventListeners() {
+ // 文件选择处理
+ coverInput.on('change', handleCoverSelect);
+
+ // 裁剪控制
+ $('#rotateLeft').on('click', function() { cropper && cropper.rotate(-90); });
+ $('#rotateRight').on('click', function() { cropper && cropper.rotate(90); });
+ $('#zoomIn').on('click', function() { cropper && cropper.zoom(0.1); });
+ $('#zoomOut').on('click', function() { cropper && cropper.zoom(-0.1); });
+ $('#cropImage').on('click', applyCrop);
+ $('#removeCover').on('click', removeCover);
+
+ // 标签处理
+ tagInput.on('keydown', handleTagKeydown);
+ $('#addTagBtn').on('click', addTag);
+ $(document).on('click', '.tag-remove', removeTag);
+
+ // ISBN查询
+ $('#isbnLookup').on('click', lookupISBN);
+
+ // 预览按钮
+ $('#previewBtn').on('click', showPreview);
+
+ // 表单重置
+ $('#resetBtn').on('click', confirmReset);
+ }
+
+ // ========== 功能函数 ==========
+
+ // 更新表单进度条
+ function updateFormProgress() {
+ const requiredFields = $('[required]');
+ const filledFields = requiredFields.filter(function() {
+ return $(this).val() !== '';
+ });
+
+ const otherFields = $('input:not([required]), textarea:not([required]), select:not([required])').not('[type="file"]');
+ const filledOtherFields = otherFields.filter(function() {
+ return $(this).val() !== '';
+ });
+
+ let requiredWeight = 70; // 必填字段权重70%
+ let otherWeight = 30; // 非必填字段权重30%
+
+ let requiredProgress = requiredFields.length ? (filledFields.length / requiredFields.length) * requiredWeight : requiredWeight;
+ let otherProgress = otherFields.length ? (filledOtherFields.length / otherFields.length) * otherWeight : 0;
+
+ let totalProgress = Math.floor(requiredProgress + otherProgress);
+
+ $('#formProgress').css('width', totalProgress + '%').attr('aria-valuenow', totalProgress);
+ $('#progressText').text('完成 ' + totalProgress + '%');
+
+ if (totalProgress >= 100) {
+ $('.btn-primary').addClass('pulse');
+ } else {
+ $('.btn-primary').removeClass('pulse');
+ }
+ }
+
+ // 处理封面选择
+ function handleCoverSelect(e) {
+ const file = e.target.files[0];
+ if (!file) return;
+ // 验证文件类型
+ if (!file.type.match('image.*')) {
+ showNotification('请选择图片文件', 'warning');
+ return;
+ }
+ // 验证文件大小（最大5MB）
+ if (file.size > 5 * 1024 * 1024) {
+ showNotification('图片大小不能超过5MB', 'warning');
+ return;
+ }
+ const reader = new FileReader();
+ reader.onload = function(e) {
+ // 先显示在预览框中，确保用户能立即看到上传的图片
+ coverPreview.html(`
+
+ 暂无封面
+
+ `);
+ coverInput.val('');
+ coverBlob = null;
+ }
+
+ // 渲染标签
+ function renderTags() {
+ tagsContainer.empty();
+ tags.forEach(tag => {
+ tagsContainer.append(`
+ 点击上传或拖放图片至此处
+
+ ${tag}
+
+
+ `);
+ });
+ tagsHiddenInput.val(tags.join(','));
+ }
+
+ // 添加标签
+ function addTag() {
+ const tag = tagInput.val().trim();
+ if (tag && !tags.includes(tag)) {
+ tags.push(tag);
+ renderTags();
+ tagInput.val('').focus();
+ }
+ }
+
+ // 处理标签输入键盘事件
+ function handleTagKeydown(e) {
+ if (e.key === 'Enter' || e.key === ',') {
+ e.preventDefault();
+ addTag();
+ }
+ }
+
+ // 移除标签
+ function removeTag() {
+ const tagToRemove = $(this).data('tag');
+ tags = tags.filter(t => t !== tagToRemove);
+ renderTags();
+ }
+
+ // ISBN查询
+ function lookupISBN() {
+ const isbn = $('#isbn').val().trim();
+ if (!isbn) {
+ showNotification('请先输入ISBN', 'warning');
+ return;
+ }
+
+ // 验证ISBN格式
+ const cleanIsbn = isbn.replace(/[^0-9Xx]/g, '');
+ const isbnRegex = /^(?:\d{10}|\d{13})$|^(?:\d{9}[Xx])$/;
+ if (!isbnRegex.test(cleanIsbn)) {
+ showNotification('ISBN格式不正确，应为10位或13位', 'warning');
+ return;
+ }
+
+ $(this).html('');
+
+ // 先检查ISBN是否已存在
+ $.get('/book/api/check-isbn', {isbn: isbn}, function(data) {
+ if (data.exists) {
+ $('#isbnLookup').html('');
+ showNotification(`ISBN "${isbn}" 已存在: 《${data.book_title}》`, 'warning');
+ $('#isbn').addClass('is-invalid');
+ if (!$('#isbn').next('.invalid-feedback').length) {
+ $('#isbn').after(`此ISBN已被图书《${data.book_title}》使用
`);
+ }
+ } else {
+ // 继续查询外部API（模拟）
+ simulateISBNLookup(isbn);
+ }
+ }).fail(function() {
+ $('#isbnLookup').html('');
+ showNotification('服务器查询失败，请稍后再试', 'error');
+ });
+ }
+
+ // 模拟ISBN查询
+ function simulateISBNLookup(isbn) {
+ // 模拟API查询延迟
+ setTimeout(() => {
+ // 模拟查到的数据
+ if (isbn === '9787020002207') {
+ $('#title').val('红楼梦').trigger('blur');
+ $('#author').val('曹雪芹').trigger('blur');
+ $('#publisher').val('人民文学出版社').trigger('blur');
+ $('#publish_year').val('1996').trigger('blur');
+ $('#category_id').val('1').trigger('change');
+ tags = ['中国文学', '古典', '名著'];
+ renderTags();
+ $('#description').val('《红楼梦》是中国古代章回体长篇小说，中国古典四大名著之一，通行本共120回，一般认为前80回是清代作家曹雪芹所著，后40回作者有争议。小说以贾、史、王、薛四大家族的兴衰为背景，以贾府的家庭琐事、闺阁闲情为脉络，以贾宝玉、林黛玉、薛宝钗的爱情婚姻悲剧为主线，刻画了以贾宝玉和金陵十二钗为中心的正邪两赋有情人的人性美和悲剧美。').trigger('input');
+ $('#price').val('59.70').trigger('input');
+ $('#priceRange').val('59.70');
+
+ showNotification('ISBN查询成功', 'success');
+ } else if (isbn === '9787544270878') {
+ $('#title').val('挪威的森林').trigger('blur');
+ $('#author').val('村上春树').trigger('blur');
+ $('#publisher').val('南海出版社').trigger('blur');
+ $('#publish_year').val('2017').trigger('blur');
+ $('#category_id').val('2').trigger('change');
+ tags = ['外国文学', '日本', '小说'];
+ renderTags();
+ $('#description').val('《挪威的森林》是日本作家村上春树创作的长篇小说，首次出版于1987年。小说讲述了一个悲伤的爱情故事，背景设定在20世纪60年代末的日本。主人公渡边纠缠在与平静的直子和开朗的绿子两人的感情中，最终选择了生活。').trigger('input');
+ $('#price').val('39.50').trigger('input');
+ $('#priceRange').val('39.50');
+
+ showNotification('ISBN查询成功', 'success');
+ } else {
+ showNotification('未找到相关图书信息', 'warning');
+ }
+
+ $('#isbnLookup').html('');
+ updateFormProgress();
+ }, 1500);
+ }
+
+ // 显示预览
+ function showPreview() {
+ // 检查必填字段
+ if (!$('#title').val().trim() || !$('#author').val().trim()) {
+ showNotification('请至少填写书名和作者后再预览', 'warning');
+ return;
+ }
+ try {
+ // 确保所有值都有默认值，防止undefined错误
+ const title = $('#title').val() || '未填写标题';
+ const author = $('#author').val() || '未填写作者';
+ const publisher = $('#publisher').val() || '-';
+ const isbn = $('#isbn').val() || '-';
+ const publishYear = $('#publish_year').val() || '-';
+ const description = $('#description').val() || '';
+ const stock = $('#stock').val() || '0';
+ let price = parseFloat($('#price').val()) || 0;
+
+ // 填充预览内容
+ $('#previewTitle').text(title);
+ $('#previewAuthor').text(author ? '作者: ' + author : '未填写作者');
+ $('#previewPublisher').text(publisher);
+ $('#previewISBN').text(isbn);
+ $('#previewYear').text(publishYear);
+ // 获取分类文本
+ const categoryId = $('#category_id').val();
+ const categoryText = categoryId ? $('#category_id option:selected').text() : '-';
+ $('#previewCategory').text(categoryText);
+ // 价格和库存
+ $('#previewPrice').text(price ? '¥' + price.toFixed(2) : '¥0.00');
+ $('#previewStock').text('库存: ' + stock);
+ // 标签
+ const previewTags = $('#previewTags');
+ previewTags.empty();
+ if (tags && tags.length > 0) {
+ tags.forEach(tag => {
+ previewTags.append(`${tag}`);
+ });
+ } else {
+ previewTags.append('');
+ }
+ // 描述
+ if (description) {
+ $('#previewDescription').html(`${description.replace(/\n/g, '
')}
暂无简介内容
`); + } + // 封面 + const previewCover = $('#previewCover'); + previewCover.empty(); // 清空现有内容 + + if ($('#coverPreview img').length) { + const coverSrc = $('#coverPreview img').attr('src'); + previewCover.html(`
+
+ 暂无封面
+
+ `);
+ }
+ // 显示预览模态框
+ $('#previewModal').modal('show');
+
+ console.log('预览模态框已显示');
+ } catch (err) {
+ console.error('生成预览时发生错误:', err);
+ showNotification('生成预览时出错，请重试', 'error');
+ }
+ }
+
+ // 确认重置表单
+ function confirmReset() {
+ if (confirm('确定要重置表单吗？所有已填写的内容将被清空。')) {
+ $('#bookForm')[0].reset();
+ removeCover();
+ tags = [];
+ renderTags();
+ updateFormProgress();
+ $('.select2').val(null).trigger('change');
+ $('#charCount').text('0');
+
+ showNotification('表单已重置', 'info');
+ }
+ }
+
+ // 通知提示函数
+ function showNotification(message, type) {
+ // 创建通知元素
+ const notification = $(`
+
+
+
+ `);
+
+ // 添加到页面
+ if ($('.notification-container').length === 0) {
+ $('body').append('');
+ }
+ $('.notification-container').append(notification);
+
+ // 自动关闭
+ setTimeout(() => {
+ notification.removeClass('animate__fadeInRight').addClass('animate__fadeOutRight');
+ setTimeout(() => {
+ notification.remove();
+ }, 500);
+ }, 5000);
+
+ // 点击关闭
+ notification.find('.notification-close').on('click', function() {
+ notification.removeClass('animate__fadeInRight').addClass('animate__fadeOutRight');
+ setTimeout(() => {
+ notification.remove();
+ }, 500);
+ });
+ }
+
+ function getIconForType(type) {
+ switch(type) {
+ case 'success': return 'fa-check-circle';
+ case 'warning': return 'fa-exclamation-triangle';
+ case 'error': return 'fa-times-circle';
+ case 'info':
+ default: return 'fa-info-circle';
+ }
+ }
+
+ // 初始化页面
+ initialize();
+});
diff --git a/app/static/uploads/covers/110aad2c-1b7d-4a26-b23c-8efe1e971127_.jpg b/app/static/uploads/covers/110aad2c-1b7d-4a26-b23c-8efe1e971127_.jpg
new file mode 100644
index 0000000..72cbaec
Binary files /dev/null and b/app/static/uploads/covers/110aad2c-1b7d-4a26-b23c-8efe1e971127_.jpg differ
diff --git a/app/static/uploads/covers/69a1f7af-2b9c-4354-9af9-f3bb909acad4_.jpg b/app/static/uploads/covers/69a1f7af-2b9c-4354-9af9-f3bb909acad4_.jpg
new file mode 100644
index 0000000..72cbaec
Binary files /dev/null and b/app/static/uploads/covers/69a1f7af-2b9c-4354-9af9-f3bb909acad4_.jpg differ
diff --git a/app/static/uploads/covers/e189fca6-09ee-4c97-937c-2307c9440f7f_.jpg b/app/static/uploads/covers/e189fca6-09ee-4c97-937c-2307c9440f7f_.jpg
new file mode 100644
index 0000000..72cbaec
Binary files /dev/null and b/app/static/uploads/covers/e189fca6-09ee-4c97-937c-2307c9440f7f_.jpg differ
diff --git a/app/static/uploads/covers/e74584c6-807f-478c-a3eb-36b5008a75a5.jpg b/app/static/uploads/covers/e74584c6-807f-478c-a3eb-36b5008a75a5.jpg
new file mode 100644
index 0000000..72cbaec
Binary files /dev/null and b/app/static/uploads/covers/e74584c6-807f-478c-a3eb-36b5008a75a5.jpg differ
diff --git a/app/templates/base.html b/app/templates/base.html
index 7a1b0e3..af5c51b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -5,6 +5,7 @@
+
+
+ ${message}
+