gg

RuoYi-App/App.vue

@@ -11,9 +11,18 @@ import { onLaunch, onShow } from '@dcloudio/uni-app'
 //import { useThemeStore } from '@/stores/theme'
 import { useUserStore } from '@/stores/user'
 import { useVipStore } from '@/stores/vip'
-
+import { useReminder } from '@/utils/reminder'
+import { readingService } from '@/services/readingService'
 // 初始化主题
 onLaunch(() => {
+  // 登录成功后同步进度
+  uni.$on('loginSuccess', async () => {
+    await readingService.syncAllLocalProgress()
+    uni.showToast({ title: '阅读进度已同步', icon: 'success' })
+  })
+	  // 初始化签到提醒
+	  useReminder.init()
+	  
   const themeStore = useThemeStore()
   themeStore.initTheme()
 })

RuoYi-App/components/NovelReader.vue

@@ -100,6 +100,34 @@ import { cleanNovelContent, paginateContent } from '@/utils/contentUtils'
 import { contentCleaner } from '@/utils/contentCleaner'
 //import { useAdManager } from '@/utils/adManager'
 import { useVipStore } from '@/stores/vip'
+import { cleanMonitor } from '@/utils/cleanMonitor'
+import { readingService } from '@/services/readingService'
+
+// 保存阅读进度
+const saveProgress = () => {
+  const progress = {
+    novelId: props.novelId,
+    chapterId: props.chapterId,
+    page: currentPage.value,
+    scrollTop: lastScrollPosition.value,
+    timestamp: new Date().toISOString()
+  }
+  
+  readingService.saveProgress(progress)
+}
+
+// 恢复阅读进度
+const restoreReadingPosition = async () => {
+  const progress = await readingService.getProgress(props.novelId, props.chapterId)
+  
+  if (progress) {
+    if (readingMode.value === 'scroll') {
+      scrollTop.value = progress.scrollTop
+    } else {
+      currentPage.value = progress.page
+    }
+  }
+}
 
 const props = defineProps({
   chapterId: {
@@ -151,7 +179,11 @@ const fetchChapterContent = async () => {
       url: `https://php-backend.aiyadianzi.ltd/chapter/${props.chapterId}`,
       method: 'GET'
     })
-    
+      // 清洗内容并监控质量
+      chapterContent.value = cleanMonitor.cleanAndMonitor(
+        res.data.content, 
+        props.chapterId
+      )
     if (res.statusCode === 200) {
       // 清洗内容并移除原始网站信息
       chapterContent.value = cleanNovelContent(res.data.content)

RuoYi-App/pages/novel-detail/index.vue

@@ -0,0 +1,398 @@
+<template>
+  <scroll-view scroll-y class="detail-page">
+    <!-- 封面区域 -->
+    <view class="cover-section">
+      <image :src="novel.cover" class="cover-image" />
+      <view class="cover-overlay">
+        <text class="title">{{ novel.title }}</text>
+        <text class="author">{{ novel.author }}</text>
+        
+        <!-- VIP专享标识 -->
+        <view v-if="isVIPOnly" class="vip-tag">
+          <uni-icons type="crown-filled" color="#ffc53d" size="16"></uni-icons>
+          <text>VIP专享</text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 基本信息 -->
+    <view class="info-card">
+      <view class="info-item">
+        <uni-icons type="flag" size="18" color="#666"></uni-icons>
+        <text>状态：{{ novel.status }}</text>
+      </view>
+      <view class="info-item">
+        <uni-icons type="list" size="18" color="#666"></uni-icons>
+        <text>分类：{{ novel.category }}</text>
+      </view>
+      <view class="info-item">
+        <uni-icons type="eye" size="18" color="#666"></uni-icons>
+        <text>人气：{{ formatCount(novel.views) }}</text>
+      </view>
+      <view class="info-item">
+        <uni-icons type="calendar" size="18" color="#666"></uni-icons>
+        <text>更新：{{ novel.updateTime }}</text>
+      </view>
+    </view>
+    
+    <!-- 操作按钮 -->
+    <view class="action-buttons">
+      <button class="read-btn" @click="startReading">
+        {{ lastChapter ? '继续阅读' : '开始阅读' }}
+      </button>
+      <button class="add-btn" @click="addToBookshelf">
+        <uni-icons :type="inBookshelf ? 'star-filled' : 'star'" color="#ffc53d" size="18"></uni-icons>
+        {{ inBookshelf ? '已在书架' : '加入书架' }}
+      </button>
+    </view>
+    
+    <!-- 简介 -->
+    <view class="description">
+      <text class="section-title">内容简介</text>
+      <text class="content">{{ novel.description }}</text>
+    </view>
+    
+    <!-- 章节列表 -->
+    <view class="chapter-list">
+      <text class="section-title">目录</text>
+      <view class="chapter-header">
+        <text>共{{ novel.chapterCount }}章</text>
+        <text @click="reverseOrder">{{ sortDesc ? '正序' : '倒序' }}</text>
+      </view>
+      
+      <view class="chapter-item" 
+            v-for="chapter in sortedChapters" 
+            :key="chapter.id"
+            @click="readChapter(chapter)"
+      >
+        <text class="chapter-title">{{ chapter.title }}</text>
+        <view class="chapter-meta">
+          <text>{{ formatDate(chapter.updateTime) }}</text>
+          <!-- VIP章节标识 -->
+          <view v-if="chapter.vip" class="chapter-vip">
+            <uni-icons type="crown" size="14" color="#ffc53d"></uni-icons>
+            <text>VIP</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { useVipStore } from '@/stores/vip'
+import { request } from '@/utils/request'
+
+const props = defineProps({
+  novelId: {
+    type: Number,
+    required: true
+  }
+})
+
+const novel = ref({
+  id: 1,
+  title: '哎呀电子科技传奇',
+  author: '哎呀作者',
+  cover: '/static/covers/novel1.jpg',
+  status: '连载中',
+  category: '都市异能',
+  views: 12500,
+  updateTime: '2025-06-10 12:30',
+  description: '这是一个关于哎呀电子科技崛起的故事，讲述了一群程序员如何通过技术创新改变世界...',
+  chapterCount: 120,
+  vipOnly: true // 整本VIP专享
+})
+
+const chapters = ref([
+  { id: 1, title: '第1章 命运的转折', updateTime: '2025-05-01', vip: false },
+  { id: 2, title: '第2章 初遇哎呀科技', updateTime: '2025-05-03', vip: false },
+  // ...中间章节
+  { id: 100, title: '第100章 突破性进展', updateTime: '2025-06-05', vip: true },
+  { id: 101, title: '第101章 VIP专享章节', updateTime: '2025-06-10', vip: true }
+])
+
+const sortDesc = ref(false)
+const lastChapter = ref(null)
+const inBookshelf = ref(false)
+
+const userStore = useUserStore()
+const vipStore = useVipStore()
+
+// 是否是VIP专享书籍
+const isVIPOnly = computed(() => {
+  return novel.value.vipOnly
+})
+
+// 排序后的章节列表
+const sortedChapters = computed(() => {
+  return sortDesc.value 
+    ? [...chapters.value].reverse() 
+    : chapters.value
+})
+
+// 格式化数字
+const formatCount = (num) => {
+  if (num > 10000) return (num / 10000).toFixed(1) + '万'
+  return num
+}
+
+// 格式化日期
+const formatDate = (dateStr) => {
+  return dateStr.slice(5) // 显示月-日
+}
+
+// 开始阅读
+const startReading = () => {
+  if (isVIPOnly.value && !vipStore.isVIP) {
+    uni.showModal({
+      title: 'VIP专享内容',
+      content: '此书籍为VIP专享，开通会员即可无限制阅读',
+      confirmText: '开通会员',
+      success: (res) => {
+        if (res.confirm) {
+          uni.navigateTo({ url: '/pages/vip/index' })
+        }
+      }
+    })
+    return
+  }
+  
+  const chapterId = lastChapter.value?.id || chapters.value[0].id
+  readChapter({ id: chapterId })
+}
+
+// 阅读章节
+const readChapter = (chapter) => {
+  if (chapter.vip && !vipStore.isVIP) {
+    uni.showModal({
+      title: 'VIP章节',
+      content: '此章节为VIP专享，开通会员即可阅读',
+      confirmText: '开通会员',
+      success: (res) => {
+        if (res.confirm) {
+          uni.navigateTo({ url: '/pages/vip/index' })
+        }
+      }
+    })
+    return
+  }
+  
+  uni.navigateTo({
+    url: `/pages/reader/index?novelId=${novel.value.id}&chapterId=${chapter.id}`
+  })
+}
+
+// 加入书架
+const addToBookshelf = () => {
+  inBookshelf.value = !inBookshelf.value
+  uni.showToast({
+    title: inBookshelf.value ? '已加入书架' : '已移除书架',
+    icon: 'none'
+  })
+}
+
+// 切换排序
+const reverseOrder = () => {
+  sortDesc.value = !sortDesc.value
+}
+
+// 加载数据
+onMounted(async () => {
+  // 获取小说详情
+  const res = await request({
+    url: `/novel/${props.novelId}`,
+    method: 'GET'
+  })
+  novel.value = res.data.novel
+  chapters.value = res.data.chapters
+  
+  // 获取最后阅读章节
+  if (userStore.userId) {
+    const progressRes = await request({
+      url: `/reading/progress?novelId=${props.novelId}`,
+      method: 'GET',
+      headers: {
+        'Authorization': `Bearer ${uni.getStorageSync('token')}`
+      }
+    })
+    lastChapter.value = progressRes.data.lastChapter
+  }
+})
+</script>
+
+<style scoped>
+.detail-page {
+  height: 100vh;
+  background-color: var(--bg-color);
+  padding-bottom: 50px;
+}
+
+.cover-section {
+  position: relative;
+  height: 300px;
+}
+
+.cover-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.cover-overlay {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(transparent, rgba(0,0,0,0.7));
+  padding: 20px;
+  color: white;
+}
+
+.title {
+  font-size: 24px;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 5px;
+}
+
+.author {
+  font-size: 16px;
+  opacity: 0.8;
+  display: block;
+}
+
+.vip-tag {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  background: rgba(0,0,0,0.6);
+  border: 1px solid #ffc53d;
+  border-radius: 15px;
+  padding: 5px 10px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+}
+
+.vip-tag text {
+  margin-left: 5px;
+}
+
+.info-card {
+  background-color: var(--card-bg);
+  border-radius: 12px;
+  padding: 15px;
+  margin: 15px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+
+.info-item text {
+  margin-left: 8px;
+}
+
+.action-buttons {
+  display: flex;
+  padding: 0 15px;
+  margin: 20px 0;
+}
+
+.read-btn {
+  flex: 2;
+  background: linear-gradient(to right, #2a5caa, #1a3353);
+  color: white;
+  border: none;
+  border-radius: 24px;
+  height: 44px;
+  line-height: 44px;
+  font-weight: bold;
+  margin-right: 10px;
+}
+
+.add-btn {
+  flex: 1;
+  background-color: var(--card-bg);
+  border: 1px solid var(--primary-color);
+  color: var(--primary-color);
+  border-radius: 24px;
+  height: 44px;
+  line-height: 44px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.description {
+  background-color: var(--card-bg);
+  border-radius: 12px;
+  padding: 15px;
+  margin: 15px;
+}
+
+.section-title {
+  font-size: 18px;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 10px;
+}
+
+.content {
+  font-size: 14px;
+  line-height: 1.8;
+  color: var(--text-color);
+}
+
+.chapter-list {
+  background-color: var(--card-bg);
+  border-radius: 12px;
+  padding: 15px;
+  margin: 15px;
+}
+
+.chapter-header {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.chapter-item {
+  padding: 12px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.chapter-title {
+  font-size: 16px;
+  display: block;
+  margin-bottom: 5px;
+}
+
+.chapter-meta {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #999;
+}
+
+.chapter-vip {
+  display: flex;
+  align-items: center;
+  color: #ffc53d;
+}
+
+.chapter-vip text {
+  margin-left: 3px;
+}
+</style>

RuoYi-App/services/readingService.js

@@ -0,0 +1,86 @@
+import { request } from '@/utils/request'
+
+export const readingService = {
+  // 保存阅读进度
+  async saveProgress(progress) {
+    // 本地保存
+    const key = `progress_${progress.novelId}_${progress.chapterId}`
+    uni.setStorageSync(key, JSON.stringify(progress))
+    
+    // 用户登录时同步到服务器
+    if (uni.getStorageSync('token')) {
+      try {
+        await request({
+          url: '/reading/progress',
+          method: 'POST',
+          data: progress,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${uni.getStorageSync('token')}`
+          }
+        })
+      } catch (e) {
+        console.error('进度同步失败', e)
+      }
+    }
+  },
+  
+  // 获取阅读进度
+  async getProgress(novelId, chapterId) {
+    // 优先从本地获取
+    const key = `progress_${novelId}_${chapterId}`
+    const localData = uni.getStorageSync(key)
+    if (localData) {
+      return JSON.parse(localData)
+    }
+    
+    // 用户登录时从服务器获取
+    if (uni.getStorageSync('token')) {
+      try {
+        const res = await request({
+          url: `/reading/progress?novelId=${novelId}&chapterId=${chapterId}`,
+          method: 'GET',
+          headers: {
+            'Authorization': `Bearer ${uni.getStorageSync('token')}`
+          }
+        })
+        
+        if (res.data.success) {
+          return res.data.data
+        }
+      } catch (e) {
+        console.error('进度获取失败', e)
+      }
+    }
+    
+    return null
+  },
+  
+  // 同步所有本地进度
+  async syncAllLocalProgress() {
+    if (!uni.getStorageSync('token')) return
+    
+    const allKeys = uni.getStorageInfoSync().keys
+    const progressKeys = allKeys.filter(key => key.startsWith('progress_'))
+    
+    for (const key of progressKeys) {
+      const progress = JSON.parse(uni.getStorageSync(key))
+      try {
+        await request({
+          url: '/reading/progress',
+          method: 'POST',
+          data: progress,
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${uni.getStorageSync('token')}`
+          }
+        })
+        
+        // 同步成功后移除本地记录
+        uni.removeStorageSync(key)
+      } catch (e) {
+        console.error(`进度同步失败: ${key}`, e)
+      }
+    }
+  }
+}

RuoYi-App/utils/adManager.js

@@ -78,6 +78,8 @@ const AD_PLATFORMS = {
   }
 }
 
+
+
 // 广告触发控制器
 export function useAdManager() {
   const userStore = useUserStore()
@@ -97,6 +99,9 @@ export function useAdManager() {
 
   // 展示激励广告（每5章触发）
   const showRewardAd = async (chapterId) => {
+  // VIP用户跳过广告
+    if (vipStore.hasPrivilege('免广告')) return
+    
     if (userStore.isVIP) return
     
     // 广告冷却时间（至少30秒）
@@ -146,6 +151,9 @@ export function useAdManager() {
 
   // 展示底部信息流广告
   const showFeedAd = (adUnitId) => {
+      // VIP用户跳过广告
+    if (vipStore.hasPrivilege('免广告')) return null
+    
     if (userStore.isVIP) return null
     
     const platform = getCurrentPlatform()

RuoYi-App/utils/cleanMonitor.js

@@ -0,0 +1,67 @@
+import { contentCleaner } from '@/utils/contentCleaner'
+import { request } from '@/utils/request'
+
+// 内容清洗质量监控
+export const cleanMonitor = {
+  // 清洗并记录质量
+  cleanAndMonitor(content, chapterId) {
+    const startTime = Date.now()
+    const originalLength = content.length
+    
+    // 执行清洗
+    const cleanedContent = contentCleaner.clean(content)
+    const cleanedLength = cleanedContent.length
+    
+    // 计算清洗指标
+    const metrics = {
+      chapterId,
+      originalLength,
+      cleanedLength,
+      reductionRate: (originalLength - cleanedLength) / originalLength,
+      timeCost: Date.now() - startTime,
+      timestamp: new Date().toISOString()
+    }
+    
+    // 记录到本地
+    this.logLocal(metrics)
+    
+    // 异步上报到服务器
+    this.reportMetrics(metrics)
+    
+    return cleanedContent
+  },
+  
+  // 本地日志记录
+  logLocal(metrics) {
+    const logs = uni.getStorageSync('cleanLogs') || []
+    logs.push(metrics)
+    
+    // 最多保留100条记录
+    if (logs.length > 100) {
+      logs.shift()
+    }
+    
+    uni.setStorageSync('cleanLogs', logs)
+  },
+  
+  // 上报到服务器
+  async reportMetrics(metrics) {
+    try {
+      await request({
+        url: '/monitor/clean',
+        method: 'POST',
+        data: metrics,
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      })
+    } catch (e) {
+      console.error('清洗指标上报失败', e)
+    }
+  },
+  
+  // 获取本地日志
+  getLocalLogs() {
+    return uni.getStorageSync('cleanLogs') || []
+  }
+}

RuoYi-App/utils/reminder.js

@@ -0,0 +1,68 @@
+import { request } from '@/utils/request'
+
+// 签到提醒系统
+export const useReminder = {
+  // 检查是否需要提醒
+  async checkSignReminder() {
+    // 获取用户最后签到时间
+    const lastSign = uni.getStorageSync('lastSignDate') || ''
+    const today = new Date().toISOString().split('T')[0]
+    
+    // 今天已签到
+    if (lastSign === today) return false
+    
+    // 获取用户设置
+    const settings = uni.getStorageSync('userSettings') || {}
+    if (settings.signReminder === false) return false
+    
+    // 检查服务器端签到状态
+    try {
+      const res = await request({
+        url: '/sign/status',
+        method: 'GET',
+        headers: { 'Authorization': `Bearer ${uni.getStorageSync('token')}` }
+      })
+      
+      return !res.data.todaySigned
+    } catch (e) {
+      console.error('签到状态检查失败', e)
+      return false
+    }
+  },
+  
+  // 显示签到提醒
+  showReminder() {
+    uni.showModal({
+      title: '每日签到',
+      content: '您今天还未签到，立即签到可获得金币奖励！',
+      confirmText: '去签到',
+      cancelText: '稍后提醒',
+      success: (res) => {
+        if (res.confirm) {
+          uni.navigateTo({ url: '/pages/welfare/index' })
+        } else {
+          // 1小时后再次提醒
+          setTimeout(this.showReminder, 60 * 60 * 1000)
+        }
+      }
+    })
+  },
+  
+  // 初始化签到提醒
+  init() {
+    // 每天10点检查签到
+    setInterval(async () => {
+      const shouldRemind = await this.checkSignReminder()
+      if (shouldRemind) {
+        this.showReminder()
+      }
+    }, 60 * 60 * 1000) // 每小时检查一次
+    
+    // 应用启动时检查
+    this.checkSignReminder().then(shouldRemind => {
+      if (shouldRemind) {
+        setTimeout(() => this.showReminder(), 3000) // 3秒后显示
+      }
+    })
+  }
+}