tj

RuoYi-App/App.vue

@@ -10,19 +10,67 @@ import { getToken } from '@/utils/auth'
 
 export default {
   onLaunch() {
-    // 检查登录状态
-    this.checkLogin()
-    
+    // 检查阅读进度
+    this.checkReadingProgress()  
     // 初始化主题（临时实现）
     this.initTheme()
+    // 检查登录状态
+    //this.checkLogin()
+    
+
+  },
+  onShow() {
+    // 检查云端阅读进度
+    if (this.$store.getters.token) {
+      this.syncReadingProgress()
+    }
   },
   methods: {
-    // 检查用户登录状态
-    checkLogin() {
-      if (!getToken()) {
-        this.$tab.reLaunch('/pages/login') 
+    // 检查阅读进度
+    checkReadingProgress() {
+      const chapter = uni.getStorageSync('readingProgress') || 1
+      
+      // 如果用户阅读超过5章但未登录，提示登录
+      if (chapter > 5 && !uni.getStorageSync('token')) {
+        uni.showModal({
+          title: '登录提示',
+          content: `您已阅读到第${chapter}章，登录后继续阅读`,
+          confirmText: '立即登录',
+          success: (res) => {
+            if (res.confirm) {
+              uni.navigateTo({
+                url: '/pages/login'
+              })
+            }
+          }
+        })
+		}
+	},
+  async syncReadingProgress() {
+    try {
+      const res = await this.$api.getReadingProgress()
+      const cloudChapter = res.data.chapter
+      const localChapter = uni.getStorageSync('readingProgress') || 1
+      
+      // 使用最新的阅读进度
+      if (cloudChapter > localChapter) {
+        uni.setStorageSync('readingProgress', cloudChapter)
+      } else if (localChapter > cloudChapter) {
+        await this.$api.saveReadingProgress(localChapter)
       }
-    },
+    } catch (err) {
+      console.error('同步阅读进度失败', err)
+    }
+  },
+    // 添加 checkLogin 方法
+    // checkLogin() {
+    //   // 这里写登录检查逻辑
+    //   // 示例：检查本地存储的登录状态
+    //   const isLoggedIn = uni.getStorageSync('isLogin');
+    //   if (!isLoggedIn) {
+    //     uni.navigateTo({ url: '/pages/login' });
+    //   }
+    // },
     
     // 临时主题初始化
     initTheme() {
@@ -77,4 +125,7 @@ export default {
 
 <style lang="scss">
 /* 保留原有样式 */
+uni-tabbar {
+  z-index: 999;
+}
 </style>

RuoYi-App/components/AdBanner.vue

@@ -0,0 +1,51 @@
+<template>
+  <view class="ad-container">
+    <block v-for="(ad, index) in ads" :key="index">
+      <image 
+        :src="ad.imageUrl" 
+        mode="widthFix"
+        @click="handleAdClick(ad)"
+      />
+      <text v-if="ad.title" class="ad-title">{{ ad.title }}</text>
+    </block>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    ads: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handleAdClick(ad) {
+      // 广告点击统计
+      this.$http.post('/java-api/ad/click', { adId: ad.id });
+      
+      // 处理跳转
+      if (ad.linkType === 'NOVEL') {
+        uni.navigateTo({ url: `/pages/novel/detail?id=${ad.linkTarget}` });
+      } else if (ad.linkType === 'URL') {
+        uni.navigateTo({ url: `/pages/webview?url=${encodeURIComponent(ad.linkTarget)}` });
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.ad-container {
+  padding: 10px;
+  background: #f5f5f5;
+  margin: 15px 0;
+  border-radius: 8px;
+}
+.ad-title {
+  display: block;
+  text-align: center;
+  font-size: 14px;
+  color: #666;
+}
+</style>

RuoYi-App/components/login-prompt.vue

@@ -0,0 +1,111 @@
+<template>
+  <view class="login-prompt">
+    <view class="prompt-content">
+      <text class="title">登录后继续阅读</text>
+      <text class="tip">您已阅读{{ freeChaptersRead }}章免费内容</text>
+      
+      <view class="benefits">
+        <view class="benefit-item">
+          <uni-icons type="checkmark" size="18" color="#2ecc71" />
+          <text>解锁全部精彩章节</text>
+        </view>
+        <view class="benefit-item">
+          <uni-icons type="checkmark" size="18" color="#2ecc71" />
+          <text>加入书架保存阅读进度</text>
+        </view>
+        <view class="benefit-item">
+          <uni-icons type="checkmark" size="18" color="#2ecc71" />
+          <text>每日领取阅读金币</text>
+        </view>
+      </view>
+      
+      <button class="login-btn" @click="$emit('login')">立即登录/注册</button>
+      <button class="continue-btn" @click="$emit('continue')">
+        继续阅读 (还可阅读{{ maxFreeChapters - freeChaptersRead }}章)
+      </button>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    freeChaptersRead: {
+      type: Number,
+      default: 0
+    },
+    maxFreeChapters: {
+      type: Number,
+      default: 5
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.login-prompt {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.prompt-content {
+  width: 80%;
+  background: white;
+  border-radius: 20rpx;
+  padding: 40rpx;
+  text-align: center;
+  
+  .title {
+    font-size: 36rpx;
+    font-weight: bold;
+    display: block;
+    margin-bottom: 15rpx;
+    color: #e74c3c;
+  }
+  
+  .tip {
+    font-size: 28rpx;
+    color: #666;
+    display: block;
+    margin-bottom: 30rpx;
+  }
+}
+
+.benefits {
+  text-align: left;
+  margin-bottom: 40rpx;
+  
+  .benefit-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+    font-size: 28rpx;
+    color: #333;
+    
+    text {
+      margin-left: 15rpx;
+    }
+  }
+}
+
+.login-btn {
+  background-color: #e74c3c;
+  color: white;
+  border-radius: 50rpx;
+  margin-bottom: 20rpx;
+}
+
+.continue-btn {
+  background-color: #3498db;
+  color: white;
+  border-radius: 50rpx;
+}
+</style>

RuoYi-App/main.js

@@ -4,7 +4,10 @@ import store from './store' // store
 import plugins from './plugins' // plugins
 import './permission' // permission
 import { getDicts } from "@/api/system/dict/data"
+import http from '@/utils/request' // 导入HTTP工具
 
+// 注册HTTP工具
+Vue.use(http)
 Vue.use(plugins)
 
 Vue.config.productionTip = false

RuoYi-App/pages.json

@@ -1,112 +1,82 @@
 {
   "pages": [
-	     {
-	        "path": "pages/index/index",  // 确保这是您的首页文件路径
+    {
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "首页",
+        "enablePullDownRefresh": false
+      }
+    },
+	      {
+	        "path": "pages/novel/list",
 	        "style": {
-	          "navigationBarTitleText": "首页",
-	          "enablePullDownRefresh": false
-	        }
+	                "navigationBarTitleText": "小说",
+	                "enablePullDownRefresh": false
+	              }
 	      },
-	  
-	  
-	  {
-    "path": "pages/login",
-    "style": {
-      "navigationBarTitleText": "登录"
-    }
-  }, {
+    {
+      "path": "pages/bookshelf/index",
+      "style": {
+        "navigationBarTitleText": "我的书架"
+      }
+    },
+    {
+      "path": "pages/me/index",
+      "style": {
+        "navigationBarTitleText": "个人中心"
+      }
+    },
+    {
+      "path": "pages/login",
+      "style": {
+        "navigationBarTitleText": "登录"
+      }
+    }, 
+    {
     "path": "pages/register",
     "style": {
       "navigationBarTitleText": "注册"
-    }
-  }, {
-    "path": "pages/index",
-    "style": {
-      "navigationBarTitleText": "若依移动端框架",
-      "navigationStyle": "custom"
-    }
-  }, {
-    "path": "pages/work/index",
-    "style": {
-      "navigationBarTitleText": "工作台"
-    }
-  }, {
-    "path": "pages/mine/index",
-    "style": {
-      "navigationBarTitleText": "我的"
-    }
-  }, {
-    "path": "pages/mine/avatar/index",
-    "style": {
-      "navigationBarTitleText": "修改头像"
-    }
-  }, {
-    "path": "pages/mine/info/index",
-    "style": {
-      "navigationBarTitleText": "个人信息"
-    }
-  }, {
-    "path": "pages/mine/info/edit",
-    "style": {
-      "navigationBarTitleText": "编辑资料"
-    }
-  }, {
-    "path": "pages/mine/pwd/index",
-    "style": {
-      "navigationBarTitleText": "修改密码"
-    }
-  }, {
-    "path": "pages/mine/setting/index",
-    "style": {
-      "navigationBarTitleText": "应用设置"
-    }
-  }, {
-    "path": "pages/mine/help/index",
-    "style": {
-      "navigationBarTitleText": "常见问题"
-    }
-  }, {
-    "path": "pages/mine/about/index",
-    "style": {
-      "navigationBarTitleText": "关于我们"
-    }
-  }, {
-    "path": "pages/common/webview/index",
-    "style": {
-      "navigationBarTitleText": "浏览网页"
-    }
-  }, {
-    "path": "pages/common/textview/index",
-    "style": {
-      "navigationBarTitleText": "浏览文本"
-    }
-  }],
+		}
+	}
+  ],
   "tabBar": {
     "color": "#7A7E83",
-    "selectedColor": "#3cc51f",
-    "borderStyle": "black",
+    "selectedColor": "#2a5caa", // 使用主色调
+    "borderStyle": "white",
     "backgroundColor": "#ffffff",
-    "list": [{
-        "pagePath": "pages/index/index",  // 首页tab",
-        "iconPath": "static/tabbar/home.png",
-        "selectedIconPath": "static/tabbar/home_active.png",
+    "height": "50px",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "iconPath": "static/images/tabbar/home.png",
+        "selectedIconPath": "static/tabbar/home_.png",
         "text": "首页"
-      },       {
-        "pagePath": "pages/bookshelf/index",  // 书架页
-        "iconPath": "static/tabbar/bookshelf.png",
-        "selectedIconPath": "static/tabbar/bookshelf_active.png",
+      },
+	        {
+	          "pagePath": "pages/novel/list",
+	          "text": "小说"
+	        },
+      {
+        "pagePath": "pages/bookshelf/index",
+        "iconPath": "static/images/tabbar/work.png",
+        "selectedIconPath": "static/images/tabbar/work_.png",
         "text": "书架"
-      },       {
-        "pagePath": "pages/me/index",  // 我的页面
-        "iconPath": "static/tabbar/me.png",
-        "selectedIconPath": "static/tabbar/me_active.png",
+      },
+      {
+        "pagePath": "pages/me/index",
+        "iconPath": "static/images/tabbar/mine.png",
+        "selectedIconPath": "static/images/tabbar/mine_.png",
         "text": "我的"
       }
     ]
   },
   "globalStyle": {
     "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "RuoYi",
-    "navigationBarBackgroundColor": "#FFFFFF"
+    "navigationBarTitleText": "哎呀免费小说",
+    "navigationBarBackgroundColor": "#FFFFFF",
+    "backgroundColor": "#F5F5F5",
+    "app-plus": {
+      "titleNView": false // 禁用原生导航栏
+    }
   }
 }

RuoYi-App/pages/bookshelf/index.vue

@@ -0,0 +1,180 @@
+<template>
+  <view class="bookshelf">
+    <!-- 顶部导航 -->
+    <view class="header">
+      <text class="title">我的书架</text>
+      <view class="actions">
+        <uni-icons type="plus" size="24" color="#333" @click="addBook"></uni-icons>
+        <uni-icons type="search" size="24" color="#333" @click="searchBooks"></uni-icons>
+      </view>
+    </view>
+    
+    <!-- 书架内容 -->
+    <view v-if="books.length > 0" class="book-grid">
+      <view v-for="book in books" :key="book.id" class="book-item" @click="readBook(book)">
+        <image :src="book.cover" class="cover" />
+        <text class="book-title">{{ book.title }}</text>
+        <text class="progress">阅读到: {{ book.progress }}%</text>
+      </view>
+    </view>
+    
+    <!-- 空书架提示 -->
+    <view v-else class="empty">
+      <image src="/static/empty-bookshelf.png" class="empty-img" />
+      <text class="empty-text">书架空空如也</text>
+      <button class="btn-find" @click="goToHome">去发现好书</button>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      books: [
+        // 从后端获取实际数据
+        {
+          id: 101,
+          title: "万古神帝",
+          cover: "/static/book1.jpg",
+          progress: 65,
+          lastChapter: 125
+        }
+      ]
+    }
+  },
+  onLoad() {
+    this.loadBookshelf()
+  },
+  methods: {
+    async loadBookshelf() {
+      try {
+        // 调用后端API获取书架数据
+        const res = await this.$http.get('/bookshelf', {
+          headers: {
+            'Authorization': `Bearer ${uni.getStorageSync('token')}`
+          }
+        })
+        
+        if (res.data.code === 0) {
+          this.books = res.data.data
+        }
+      } catch (error) {
+        uni.showToast({
+          title: '加载书架失败',
+          icon: 'none'
+        })
+      }
+    },
+    
+    readBook(book) {
+      uni.navigateTo({
+        url: `/pages/novel/reader?novelId=${book.id}&chapterId=${book.lastChapter}`
+      })
+    },
+    
+    goToHome() {
+      uni.switchTab({
+        url: '/pages/index/index'
+      })
+    },
+    
+    addBook() {
+      uni.navigateTo({
+        url: '/pages/search/index'
+      })
+    },
+    
+    searchBooks() {
+      uni.navigateTo({
+        url: '/pages/search/index'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.bookshelf {
+  padding: 20rpx;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 0;
+  border-bottom: 1px solid #eee;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.actions {
+  display: flex;
+  gap: 30rpx;
+}
+
+.book-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 30rpx;
+  margin-top: 30rpx;
+}
+
+.book-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.cover {
+  width: 200rpx;
+  height: 280rpx;
+  border-radius: 8rpx;
+  box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.1);
+}
+
+.book-title {
+  font-size: 28rpx;
+  margin-top: 10rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.progress {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 60vh;
+}
+
+.empty-img {
+  width: 300rpx;
+  height: 300rpx;
+  opacity: 0.6;
+}
+
+.empty-text {
+  font-size: 32rpx;
+  color: #999;
+  margin: 30rpx 0;
+}
+
+.btn-find {
+  background-color: #2a5caa;
+  color: white;
+  width: 60%;
+  border-radius: 50rpx;
+}
+</style>

RuoYi-App/pages/index/index.vue

@@ -1,44 +1,533 @@
 <template>
-  <view class="container">
-    <h1>欢迎使用哎呀小说</h1>
-    <p>基础框架已加载！</p>
-    <p>当前时间: {{ new Date().toLocaleString() }}</p>
+  <view class="novel-home">
+    <!-- 顶部导航栏 -->
+    <view class="header">
+      <image src="/static/logo.png" class="logo" />
+      <view class="search-box" @click="goToSearch">
+        <uni-icons type="search" size="18" color="#999" />
+        <text class="placeholder">搜索书名或作者</text>
+      </view>
+      <view class="user-icon" @click="goToUserCenter">
+        <uni-icons type="person" size="24" color="#333" />
+      </view>
+    </view>
+    
+    <!-- 轮播图 -->
+    <swiper class="banner" :autoplay="true" :interval="3000" circular>
+      <swiper-item v-for="(item, index) in banners" :key="index">
+        <image :src="item.image" mode="aspectFill" @click="readNovel(item.novelId)" />
+      </swiper-item>
+    </swiper>
+    
+    <!-- 分类导航 -->
+    <view class="category-nav">
+      <view v-for="category in categories" :key="category.id" class="nav-item">
+        <image :src="category.icon" class="nav-icon" />
+        <text>{{ category.name }}</text>
+      </view>
+    </view>
+    
+    <!-- 推荐书单 -->
+    <view class="section">
+      <view class="section-header">
+        <text class="section-title">编辑推荐</text>
+        <text class="more" @click="goToBookList">更多 ></text>
+      </view>
+      <scroll-view scroll-x class="book-list">
+        <view v-for="book in recommendedBooks" :key="book.id" class="book-item" @click="readNovel(book.id, 1)">
+          <image :src="book.cover" class="book-cover" />
+          <text class="book-title">{{ book.title }}</text>
+          <text class="book-author">{{ book.author }}</text>
+        </view>
+      </scroll-view>
+    </view>
+    
+    <!-- 热门连载 -->
+    <view class="section">
+      <view class="section-header">
+        <text class="section-title">热门连载</text>
+      </view>
+      <view v-for="book in serialBooks" :key="book.id" class="book-row" @click="readNovel(book.id, 1)">
+        <image :src="book.cover" class="row-cover" />
+        <view class="book-info">
+          <text class="row-title">{{ book.title }}</text>
+          <text class="row-author">{{ book.author }}</text>
+          <text class="row-desc">{{ book.description }}</text>
+          <view class="row-tags">
+            <text v-for="tag in book.tags" :key="tag" class="tag">{{ tag }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 阅读登录提示组件 -->
+    <login-prompt v-if="showLoginPrompt" @login="goToLogin" @continue="continueReading" />
   </view>
 </template>
 <script>
+	import novelService from '@/services/novelService'
+	
 export default {
+  data() {
+    return {
+      banners: [],
+      categories: [],
+      recommendedBooks: [],
+      serialBooks: [],
+      currentReading: null,
+      showLoginPrompt: false,
+      maxFreeChapters: 5,
+      freeChaptersRead: 0,
+      currentChapter: 1, // 当前阅读章节
+      maxFreeChapters: 5, // 最大免费章节数
+	      readingTime: 0, // 阅读时长（秒）
+	      timer: null
+    }
+  },
+    async onLoad() {
+      await this.loadHomeData()
+    },
   mounted() {
+    // 开始阅读计时
+    this.timer = setInterval(() => {
+      this.readingTime++
+    }, 1000)
+  },
+  beforeDestroy() {
+    // 清除计时器
+    clearInterval(this.timer)
+  },
+  computed: {
+    // 计算显示哪些章节
+    visibleChapters() {
+      return this.chapters.filter(chap => chap.id <= this.currentChapter)
+    },
+    // 是否显示登录提示
+    showLoginPrompt() {
+      return this.currentChapter > this.maxFreeChapters && !this.$store.getters.token
+    },
+    // 剩余免费章节数
+    remainingFreeChapters() {
+      return this.maxFreeChapters - this.currentChapter
+    },
+    // 总章节数
+    totalChapters() {
+      return this.chapters.length
+    }
+  },
+  onLoad() {
+    // 从本地存储获取阅读进度
+    const progress = uni.getStorageSync('readingProgress') || {}
+    this.currentReading = progress.currentReading || null
+    this.freeChaptersRead = progress.freeChaptersRead || 0
+    
+    // 如果用户正在阅读小说，显示继续阅读提示
+    if (this.currentReading) {
+      setTimeout(() => {
+        uni.showToast({
+          title: `继续阅读《${this.currentReading.title}》`,
+          icon: 'none',
+          duration: 3000
+        })
+      }, 1000)
+    }
+  },
+  methods: {
+    async loadHomeData() {
+      uni.showLoading({ title: '加载中...' })
+      
+      try {
+        const homeData = await novelService.getHomeRecommend()
+        
+        this.banners = homeData.banners || []
+        this.categories = homeData.categories || []
+        this.recommendedBooks = homeData.recommended || []
+        this.serialBooks = homeData.serializing || []
+        
+      } catch (error) {
+        uni.showToast({
+          title: '加载失败',
+          icon: 'none'
+        })
+      } finally {
+        uni.hideLoading()
+      }
+    },
+    // 开始/继续阅读小说
+    readNovel(novelId, chapterId = 1) {
+      // 查找小说信息
+      const novel = this.findNovelById(novelId)
+      
+      // 检查是否需要登录提示
+      if (this.freeChaptersRead >= this.maxFreeChapters && !this.$store.getters.token) {
+        this.showLoginPrompt = true
+        this.currentReading = {
+          id: novelId,
+          title: novel.title,
+          chapterId
+        }
+        return
+      }
+      
+      // 记录阅读进度
+      this.recordReadingProgress(novelId, chapterId)
+      
+      // 跳转到阅读页
+      uni.navigateTo({
+        url: `/pages/novel/reader?novelId=${novelId}&chapterId=${chapterId}`
+      })
+    },
+    
+    // 继续阅读（临时允许）
+    continueReading() {
+      if (this.currentReading) {
+        // 增加已读章节计数
+        this.freeChaptersRead += 1
+        
+        // 保存进度
+        this.recordReadingProgress(this.currentReading.id, this.currentReading.chapterId)
+        
+        // 跳转到阅读页
+        uni.navigateTo({
+          url: `/pages/novel/reader?novelId=${this.currentReading.id}&chapterId=${this.currentReading.chapterId}`
+        })
+        
+        this.showLoginPrompt = false
+      }
+    },
+    
+    // 记录阅读进度
+    recordReadingProgress(novelId, chapterId) {
+      const novel = this.findNovelById(novelId)
+      
+      // 更新当前阅读
+      this.currentReading = {
+        id: novelId,
+        title: novel.title,
+        chapterId
+      }
+      
+      // 更新已读免费章节数
+      if (!this.$store.getters.token) {
+        this.freeChaptersRead += 1
+      }
+      
+      // 保存到本地存储
+      uni.setStorageSync('readingProgress', {
+        currentReading: this.currentReading,
+        freeChaptersRead: this.freeChaptersRead
+      })
+    },
+    
+    // 根据ID查找小说
+    findNovelById(id) {
+      // 在实际应用中，这里应该调用API获取小说详情
+      // 这里简化为在所有书籍中查找
+      const allBooks = [...this.recommendedBooks, ...this.serialBooks]
+      return allBooks.find(book => book.id === id) || { title: '未知小说' }
+    },
+    
+    goToSearch() {
+      uni.navigateTo({ url: '/pages/search/index' })
+    },
+    
+    goToUserCenter() {
+      if (this.$store.getters.token) {
+        uni.navigateTo({ url: '/pages/user/index' })
+      } else {
+        uni.navigateTo({ url: '/pages/login' })
+      }
+    },
+    
+    goToBookList() {
+      uni.navigateTo({ url: '/pages/book/list' })
+    },
+    
+    goToLogin() {
+      uni.navigateTo({ url: '/pages/login' })
+    },
+    // 下一章
+    nextChapter() {
+      if (this.currentChapter < this.totalChapters) {
+        this.currentChapter++
+        
+        // 阅读到第五章时提示
+        if (this.currentChapter === this.maxFreeChapters) {
+          uni.showToast({
+            title: '免费章节已读完，登录后继续',
+            icon: 'none',
+            duration: 3000
+          })
+        }
+      }
+    },
+      // 根据阅读时长奖励金币
+      rewardReadingTime() {
+        const minutes = Math.floor(this.readingTime / 60)
+        if (minutes > 0 && minutes % 5 === 0) {
+          const coins = minutes / 5
+          this.$store.commit('addCoins', coins)
+          uni.showToast({ title: `阅读奖励: ${coins}金币` })
+        }
+      },
+    // 跳转登录页
+    goToLogin() {
+      uni.navigateTo({
+        url: '/pages/login'
+      })
+    },
+    
+    // 继续阅读（临时允许阅读剩余免费章节）
+    continueReading() {
+      if (this.remainingFreeChapters > 0) {
+        this.nextChapter()
+      }
+    }
+  },
+
+  onUnload() {
+    // 保存阅读进度
+    uni.setStorageSync('readingProgress', this.currentChapter)
     console.log('首页已加载')
+  },
+  unlockChapter() {
+    if (this.currentChapter > this.maxFreeChapters) {
+      if (this.$store.getters.vipLevel > 0) {
+        // VIP用户直接解锁
+        return true
+      } else if (this.$store.getters.coins > 10) {
+        // 消耗金币解锁
+        this.$store.commit('deductCoins', 10)
+        return true
+      } else {
+        // 提示获取金币方式
+        uni.showModal({
+          title: '解锁章节',
+          content: '观看广告可获取金币解锁本章节',
+          confirmText: '观看广告',
+          success: () => {
+            this.watchAdToUnlock()
+          }
+        })
+        return false
+      }
+    }
+    return true
+  },
+  
+  watchAdToUnlock() {
+    // 实现广告观看逻辑
+    // 观看成功后增加金币
+    this.$store.commit('addCoins', 5)
+    uni.showToast({ title: '获得5金币' })
   }
 }
 </script>
-<style scoped>
-	  page {
-	    height: 100%;
-	    background-color: #fff;
-	  }
-  .content {
+
+</script>
+
+<style lang="scss">
+.novel-home {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+  padding-bottom: 100rpx;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  padding: 20rpx;
+  background: white;
+  
+  .logo {
+    width: 120rpx;
+    height: 60rpx;
+    margin-right: 20rpx;
+  }
+  
+  .search-box {
+    flex: 1;
+    background: #f0f0f0;
+    border-radius: 30rpx;
+    padding: 15rpx 25rpx;
+    display: flex;
+    align-items: center;
+    
+    .placeholder {
+      color: #999;
+      font-size: 28rpx;
+      margin-left: 10rpx;
+    }
+  }
+  
+  .user-icon {
+    width: 60rpx;
+    height: 60rpx;
     display: flex;
-    flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 100vh; /* 确保全屏高度 */
+    margin-left: 20rpx;
   }
+}
 
-  .logo {
-    height: 200rpx;
-    width: 200rpx;
-    margin-bottom: 50rpx;
+.banner {
+  height: 300rpx;
+  margin: 20rpx 0;
+  border-radius: 16rpx;
+  overflow: hidden;
+  
+  image {
+    width: 100%;
+    height: 100%;
   }
+}
 
-  .text-area {
+.category-nav {
+  display: flex;
+  justify-content: space-around;
+  background: white;
+  border-radius: 16rpx;
+  padding: 30rpx 0;
+  margin-bottom: 30rpx;
+  
+  .nav-item {
     display: flex;
-    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    
+    .nav-icon {
+      width: 80rpx;
+      height: 80rpx;
+      margin-bottom: 15rpx;
+    }
+    
+    text {
+      font-size: 24rpx;
+      color: #666;
+    }
   }
+}
+
+.section {
+  background: white;
+  border-radius: 16rpx;
+  padding: 25rpx;
+  margin-bottom: 30rpx;
+  
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25rpx;
+    
+    .section-title {
+      font-size: 32rpx;
+      font-weight: bold;
+      color: #333;
+    }
+    
+    .more {
+      font-size: 26rpx;
+      color: #999;
+    }
+  }
+}
+
+.book-list {
+  white-space: nowrap;
+  
+  .book-item {
+    display: inline-block;
+    width: 180rpx;
+    margin-right: 25rpx;
+    vertical-align: top;
+    
+    .book-cover {
+      width: 180rpx;
+      height: 240rpx;
+      border-radius: 8rpx;
+    }
+    
+    .book-title {
+      display: block;
+      font-size: 26rpx;
+      font-weight: bold;
+      margin-top: 15rpx;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    
+    .book-author {
+      display: block;
+      font-size: 24rpx;
+      color: #999;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}
 
-  .title {
-    font-size: 36rpx;
-    color: #333; /* 修改为深色确保可见 */
-    font-weight: bold;
+.book-row {
+  display: flex;
+  padding: 25rpx 0;
+  border-bottom: 1rpx solid #eee;
+  
+  &:last-child {
+    border-bottom: none;
   }
+  
+  .row-cover {
+    width: 160rpx;
+    height: 210rpx;
+    border-radius: 8rpx;
+    margin-right: 25rpx;
+  }
+  
+  .book-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    
+    .row-title {
+      font-size: 30rpx;
+      font-weight: bold;
+      margin-bottom: 10rpx;
+    }
+    
+    .row-author {
+      font-size: 26rpx;
+      color: #666;
+      margin-bottom: 15rpx;
+    }
+    
+    .row-desc {
+      font-size: 26rpx;
+      color: #666;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+      margin-bottom: 15rpx;
+    }
+  }
+  
+  .row-tags {
+    display: flex;
+    flex-wrap: wrap;
+    
+    .tag {
+      font-size: 22rpx;
+      color: #e74c3c;
+      border: 1rpx solid #e74c3c;
+      border-radius: 20rpx;
+      padding: 5rpx 15rpx;
+      margin-right: 15rpx;
+      margin-bottom: 10rpx;
+    }
+  }
+}
 </style>
+

RuoYi-App/pages/login.vue

@@ -2,7 +2,7 @@
   <view class="normal-login-container">
     <view class="logo-content align-center justify-center flex">
 <!--      <image :src="globalConfig.appInfo.logo" class="logo" /> -->
-      <text class="title">若依移动端登录</text>
+      <text class="title">哎呀免费小说登录</text>
     </view>
     <view class="login-form-content">
       <view class="input-item flex align-center">
@@ -33,7 +33,14 @@
         <text @click="handlePrivacy" class="text-blue">《隐私协议》</text>
       </view>
     </view>
-     
+    <view class="reading-tips">
+      <text class="tip-text">登录后即可：</text>
+      <view class="benefits">
+        <text>✓ 继续阅读精彩章节</text>
+        <text>✓ 加入书架保存进度</text>
+        <text>✓ 获得每日阅读奖励</text>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -135,7 +142,26 @@
   page {
     background-color: #ffffff;
   }
+.reading-tips {
+  margin-top: 40rpx;
+  padding: 20rpx;
+  background-color: #f9f9f9;
+  border-radius: 10rpx;
+}
+
+.tip-text {
+  font-size: 32rpx;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 20rpx;
+}
 
+.benefits text {
+  display: block;
+  font-size: 28rpx;
+  margin: 10rpx 0;
+  color: #2c3e50;
+}
   .normal-login-container {
     width: 100%;
 

RuoYi-App/pages/me/index.vue

@@ -0,0 +1,249 @@
+<template>
+  <view class="user-center">
+    <!-- 用户信息 -->
+    <view class="user-info">
+      <image :src="user.avatar || '/static/default-avatar.png'" class="avatar" />
+      <view class="info">
+        <text class="name">{{ user.nickname || '未登录用户' }}</text>
+        <text v-if="user.vipLevel" class="vip">VIP{{ user.vipLevel }}会员</text>
+        <text v-else class="vip">普通用户</text>
+      </view>
+      <button v-if="!isLogin" class="login-btn" @click="goToLogin">登录/注册</button>
+      <uni-icons v-else type="gear" size="28" color="#333" @click="goToSettings"></uni-icons>
+    </view>
+    
+    <!-- VIP信息 -->
+    <view v-if="isLogin" class="vip-card">
+      <view class="vip-info">
+        <text class="vip-title">VIP会员</text>
+        <text v-if="user.vipExpire" class="vip-expire">有效期至: {{ user.vipExpire }}</text>
+        <text v-else class="vip-expire">立即开通会员</text>
+      </view>
+      <button class="btn-upgrade">立即升级</button>
+    </view>
+    
+    <!-- 功能列表 -->
+    <view class="menu-list">
+      <view class="menu-item" @click="goToMyBooks">
+        <uni-icons type="star" size="24" color="#2a5caa" />
+        <text>我的收藏</text>
+        <uni-icons type="right" size="18" color="#999" />
+      </view>
+      <view class="menu-item" @click="goToHistory">
+        <uni-icons type="time" size="24" color="#2a5caa" />
+        <text>阅读历史</text>
+        <uni-icons type="right" size="18" color="#999" />
+      </view>
+      <view class="menu-item" @click="goToWallet">
+        <uni-icons type="wallet" size="24" color="#2a5caa" />
+        <text>我的钱包</text>
+        <uni-icons type="right" size="18" color="#999" />
+      </view>
+      <view class="menu-item" @click="goToSettings">
+        <uni-icons type="gear" size="24" color="#2a5caa" />
+        <text>设置</text>
+        <uni-icons type="right" size="18" color="#999" />
+      </view>
+    </view>
+    
+    <!-- 退出登录 -->
+    <button v-if="isLogin" class="btn-logout" @click="logout">退出登录</button>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      user: {
+        avatar: '',
+        nickname: '',
+        vipLevel: 0,
+        vipExpire: ''
+      },
+      isLogin: false
+    }
+  },
+  onShow() {
+    this.checkLoginStatus()
+    if (this.isLogin) {
+      this.loadUserInfo()
+    }
+  },
+  methods: {
+    checkLoginStatus() {
+      this.isLogin = !!uni.getStorageSync('token')
+    },
+    
+    async loadUserInfo() {
+      try {
+        const res = await this.$http.get('/user/info', {
+          headers: {
+            'Authorization': `Bearer ${uni.getStorageSync('token')}`
+          }
+        })
+        
+        if (res.data.code === 0) {
+          this.user = res.data.data
+        }
+      } catch (error) {
+        console.error('获取用户信息失败', error)
+      }
+    },
+    
+    goToLogin() {
+      uni.navigateTo({
+        url: '/pages/login'
+      })
+    },
+    
+    goToSettings() {
+      uni.navigateTo({
+        url: '/pages/settings/index'
+      })
+    },
+    
+    goToMyBooks() {
+      uni.navigateTo({
+        url: '/pages/collection/index'
+      })
+    },
+    
+    goToHistory() {
+      uni.navigateTo({
+        url: '/pages/history/index'
+      })
+    },
+    
+    goToWallet() {
+      uni.navigateTo({
+        url: '/pages/wallet/index'
+      })
+    },
+    
+    logout() {
+      uni.removeStorageSync('token')
+      uni.removeStorageSync('userInfo')
+      this.isLogin = false
+      this.user = {}
+      uni.showToast({
+        title: '已退出登录',
+        icon: 'success'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.user-center {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  padding: 30rpx;
+  background: white;
+  border-radius: 16rpx;
+  margin-bottom: 30rpx;
+}
+
+.avatar {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+  margin-right: 30rpx;
+}
+
+.info {
+  flex: 1;
+}
+
+.name {
+  font-size: 36rpx;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 10rpx;
+}
+
+.vip {
+  font-size: 28rpx;
+  color: #e67e22;
+  background: #fef9e7;
+  padding: 5rpx 15rpx;
+  border-radius: 20rpx;
+}
+
+.login-btn {
+  background: #2a5caa;
+  color: white;
+  font-size: 28rpx;
+  padding: 10rpx 30rpx;
+  border-radius: 40rpx;
+}
+
+.vip-card {
+  background: linear-gradient(to right, #f6d365, #fda085);
+  border-radius: 16rpx;
+  padding: 30rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 30rpx;
+  color: white;
+}
+
+.vip-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  display: block;
+}
+
+.vip-expire {
+  font-size: 28rpx;
+  opacity: 0.9;
+}
+
+.btn-upgrade {
+  background: rgba(255,255,255,0.3);
+  color: white;
+  border: 1rpx solid white;
+  border-radius: 40rpx;
+  font-size: 28rpx;
+  padding: 10rpx 30rpx;
+}
+
+.menu-list {
+  background: white;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+
+.menu-item {
+  display: flex;
+  align-items: center;
+  padding: 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  
+  text {
+    flex: 1;
+    margin-left: 20rpx;
+    font-size: 32rpx;
+  }
+}
+
+.menu-item:last-child {
+  border-bottom: none;
+}
+
+.btn-logout {
+  margin-top: 50rpx;
+  background: white;
+  color: #e74c3c;
+  border: 1rpx solid #e74c3c;
+  border-radius: 40rpx;
+}
+</style>

RuoYi-App/pages/mine/index.vue

@@ -1,188 +0,0 @@
-<template>
-  <view class="mine-container" :style="{height: `${windowHeight}px`}">
-    <!--顶部个人信息栏-->
-    <view class="header-section">
-      <view class="flex padding justify-between">
-        <view class="flex align-center">
-          <view v-if="!avatar" class="cu-avatar xl round bg-white">
-            <view class="iconfont icon-people text-gray icon"></view>
-          </view>
-          <image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix">
-          </image>
-          <view v-if="!name" @click="handleToLogin" class="login-tip">
-            点击登录
-          </view>
-          <view v-if="name" @click="handleToInfo" class="user-info">
-            <view class="u_title">
-              用户名：{{ name }}
-            </view>
-          </view>
-        </view>
-        <view @click="handleToInfo" class="flex align-center">
-          <text>个人信息</text>
-          <view class="iconfont icon-right"></view>
-        </view>
-      </view>
-    </view>
-
-    <view class="content-section">
-      <view class="mine-actions grid col-4 text-center">
-        <view class="action-item" @click="handleJiaoLiuQun">
-          <view class="iconfont icon-friendfill text-pink icon"></view>
-          <text class="text">交流群</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-service text-blue icon"></view>
-          <text class="text">在线客服</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-community text-mauve icon"></view>
-          <text class="text">反馈社区</text>
-        </view>
-        <view class="action-item" @click="handleBuilding">
-          <view class="iconfont icon-dianzan text-green icon"></view>
-          <text class="text">点赞我们</text>
-        </view>
-      </view>
-
-      <view class="menu-list">
-        <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
-          <view class="menu-item-box">
-            <view class="iconfont icon-user menu-icon"></view>
-            <view>编辑资料</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleHelp">
-          <view class="menu-item-box">
-            <view class="iconfont icon-help menu-icon"></view>
-            <view>常见问题</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleAbout">
-          <view class="menu-item-box">
-            <view class="iconfont icon-aixin menu-icon"></view>
-            <view>关于我们</view>
-          </view>
-        </view>
-        <view class="list-cell list-cell-arrow" @click="handleToSetting">
-          <view class="menu-item-box">
-            <view class="iconfont icon-setting menu-icon"></view>
-            <view>应用设置</view>
-          </view>
-        </view>
-      </view>
-
-    </view>
-  </view>
-</template>
-
-<script>
-  export default {
-    data() {
-      return {
-        name: this.$store.state.user.name
-      }
-    },
-    computed: {
-      avatar() {
-        return this.$store.state.user.avatar
-      },
-      windowHeight() {
-        return uni.getSystemInfoSync().windowHeight - 50
-      }
-    },
-    methods: {
-      handleToInfo() {
-        this.$tab.navigateTo('/pages/mine/info/index')
-      },
-      handleToEditInfo() {
-        this.$tab.navigateTo('/pages/mine/info/edit')
-      },
-      handleToSetting() {
-        this.$tab.navigateTo('/pages/mine/setting/index')
-      },
-      handleToLogin() {
-        this.$tab.reLaunch('/pages/login')
-      },
-      handleToAvatar() {
-        this.$tab.navigateTo('/pages/mine/avatar/index')
-      },
-      handleHelp() {
-        this.$tab.navigateTo('/pages/mine/help/index')
-      },
-      handleAbout() {
-        this.$tab.navigateTo('/pages/mine/about/index')
-      },
-      handleJiaoLiuQun() {
-        this.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
-      },
-      handleBuilding() {
-        this.$modal.showToast('模块建设中~')
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  page {
-    background-color: #f5f6f7;
-  }
-
-  .mine-container {
-    width: 100%;
-    height: 100%;
-
-
-    .header-section {
-      padding: 15px 15px 45px 15px;
-      background-color: #3c96f3;
-      color: white;
-
-      .login-tip {
-        font-size: 18px;
-        margin-left: 10px;
-      }
-
-      .cu-avatar {
-        border: 2px solid #eaeaea;
-
-        .icon {
-          font-size: 40px;
-        }
-      }
-
-      .user-info {
-        margin-left: 15px;
-
-        .u_title {
-          font-size: 18px;
-          line-height: 30px;
-        }
-      }
-    }
-
-    .content-section {
-      position: relative;
-      top: -50px;
-
-      .mine-actions {
-        margin: 15px 15px;
-        padding: 20px 0px;
-        border-radius: 8px;
-        background-color: white;
-
-        .action-item {
-          .icon {
-            font-size: 28px;
-          }
-
-          .text {
-            display: block;
-            font-size: 13px;
-            margin: 8px 0px;
-          }
-        }
-      }
-    }
-  }
-</style>

RuoYi-App/pages/novel/detail.vue

@@ -0,0 +1,102 @@
+<template>
+  <view>
+    <!-- 章节间广告 -->
+    <ad-banner v-if="showMidAd" :ads="midAds" />
+    
+    <scroll-view scroll-y>
+      <!-- 章节内容 -->
+      <view v-for="chapter in chapters" :key="chapter.id">
+        <text>{{ chapter.title }}</text>
+        <rich-text :nodes="chapter.content" />
+      </view>
+      
+      <!-- 章节底部广告 -->
+      <ad-banner :ads="chapterAds" />
+    </scroll-view>
+    
+    <!-- 底部操作栏 -->
+    <view class="action-bar">
+      <button @click="prevChapter">上一章</button>
+      <button @click="showCatalog">目录</button>
+      <button @click="nextChapter">下一章</button>
+    </view>
+  </view>
+</template>
+
+<script>
+import AdBanner from '@/components/AdBanner';
+
+export default {
+  components: { AdBanner },
+  data() {
+    return {
+      novelId: null,
+      chapters: [],
+      currentChapter: 0,
+      midAds: [],
+      chapterAds: [],
+      showMidAd: false
+    };
+  },
+  onLoad(options) {
+    this.novelId = options.id;
+    this.loadNovelData();
+    this.scheduleMidAd();
+  },
+  methods: {
+    async loadNovelData() {
+      // 加载章节列表
+      const chapterRes = await this.$http.get(`/php-api/novel/chapters?id=${this.novelId}`);
+      this.chapters = chapterRes.data;
+      
+      // 加载当前章节内容
+      await this.loadChapterContent(0);
+      
+      // 加载章节广告
+      const adRes = await this.$http.get('/java-api/ad/position?code=CHAPTER_FOOTER');
+      this.chapterAds = adRes.data;
+    },
+    
+    async loadChapterContent(index) {
+      if (index < 0 || index >= this.chapters.length) return;
+      
+      const chapterId = this.chapters[index].id;
+      const res = await this.$http.get(`/php-api/novel/chapter?id=${chapterId}`);
+      
+      // 更新章节内容
+      this.$set(this.chapters, index, {
+        ...this.chapters[index],
+        content: res.data.content
+      });
+      
+      this.currentChapter = index;
+    },
+    
+    // 定时显示中间广告
+    scheduleMidAd() {
+      setTimeout(async () => {
+        const res = await this.$http.get('/java-api/ad/position?code=MID_CHAPTER');
+        this.midAds = res.data;
+        this.showMidAd = true;
+        
+        // 10秒后隐藏
+        setTimeout(() => this.showMidAd = false, 10000);
+      }, 30000); // 30秒后显示
+    },
+    
+    prevChapter() {
+      this.loadChapterContent(this.currentChapter - 1);
+    },
+    
+    nextChapter() {
+      this.loadChapterContent(this.currentChapter + 1);
+    },
+    
+    showCatalog() {
+      uni.navigateTo({
+        url: `/pages/novel/catalog?id=${this.novelId}`
+      });
+    }
+  }
+}
+</script>

RuoYi-App/pages/novel/list.vue

@@ -0,0 +1,63 @@
+<template>
+  <view>
+    <!-- 顶部广告（来自Java后台） -->
+    <ad-banner :ads="topAds" />
+    
+    <!-- 小说列表 -->
+    <view class="novel-list">
+      <view v-for="novel in novelList" :key="novel.id" @click="openNovel(novel)">
+        <image :src="novel.cover" mode="aspectFill" />
+        <text>{{ novel.title }}</text>
+      </view>
+    </view>
+    
+    <!-- 底部广告 -->
+    <ad-banner :ads="bottomAds" />
+  </view>
+</template>
+<script>
+import AdBanner from '@/components/AdBanner';
+
+export default {
+	components: { AdBanner },
+  data() {
+    return {
+      novelList: [], // 存储小说目录数据
+	        topAds: [],
+	        bottomAds: []
+    }
+  },
+  async onLoad() {
+    await this.loadAds();
+    await this.loadNovels();
+  },
+  // onLoad() {
+  //   this.loadNovelList();
+  // },
+  methods: {
+    // 从Java后台加载广告
+    async loadAds() {
+      const [topRes, bottomRes] = await Promise.all([
+        this.$http.get('/java-api/ad/position?code=TOP_BANNER'),
+        this.$http.get('/java-api/ad/position?code=BOTTOM_BANNER')
+      ]);
+      
+      this.topAds = topRes.data;
+      this.bottomAds = bottomRes.data;
+    },
+    
+    // 从PHP系统加载小说目录
+    async loadNovels() {
+      const res = await this.$http.get('/php-api/novel/list');
+      this.novelList = res.data;
+    },
+    
+    // 打开小说详情页
+    openNovel(novel) {
+      uni.navigateTo({
+        url: `/pages/novel/detail?id=${novel.id}&title=${encodeURIComponent(novel.title)}`
+      });
+    }
+  }
+}
+</script>

RuoYi-App/pages/novel/reader.vue

@@ -0,0 +1,314 @@
+<template>
+  <view class="reader-container" :style="readerStyles">
+    <!-- 顶部导航 -->
+    <view class="reader-header">
+      <uni-icons type="arrowleft" size="28" color="#fff" @click="goBack"></uni-icons>
+      <text class="novel-title">{{ novelTitle }}</text>
+      <view class="header-actions">
+        <uni-icons type="more" size="28" color="#fff"></uni-icons>
+      </view>
+    </view>
+    
+    <!-- 阅读区域 -->
+    <scroll-view scroll-y class="reader-content" :scroll-top="scrollTop" @scroll="onScroll">
+      <view class="chapter-title">{{ chapterDetail.title }}</view>
+      <rich-text :nodes="chapterContent" class="content-text"></rich-text>
+    </scroll-view>
+    
+    <!-- 底部操作栏 -->
+    <view class="reader-footer">
+      <view class="progress">
+        <text>{{ chapterDetail.chapterNumber }}/{{ totalChapters }}</text>
+        <text>{{ progress }}%</text>
+      </view>
+      <view class="actions">
+        <button class="action-btn" @click="prevChapter">
+          <uni-icons type="arrow-up" size="24"></uni-icons>
+          <text>上一章</text>
+        </button>
+        <button class="action-btn" @click="toggleMenu">
+          <uni-icons type="list" size="24"></uni-icons>
+          <text>目录</text>
+        </button>
+        <button class="action-btn" @click="toggleSettings">
+          <uni-icons type="gear" size="24"></uni-icons>
+          <text>设置</text>
+        </button>
+        <button class="action-btn" @click="nextChapter">
+          <uni-icons type="arrow-down" size="24"></uni-icons>
+          <text>下一章</text>
+        </button>
+      </view>
+    </view>
+    
+    <!-- 目录抽屉 -->
+    <uni-drawer ref="drawer" mode="right" :width="300">
+      <view class="drawer-content">
+        <text class="drawer-title">目录</text>
+        <scroll-view scroll-y class="chapter-list">
+          <view 
+            v-for="chapter in chapters" 
+            :key="chapter.id" 
+            class="chapter-item"
+            :class="{ active: chapter.id === chapterDetail.id }"
+            @click="selectChapter(chapter)"
+          >
+            <text>{{ chapter.chapterNumber }}. {{ chapter.title }}</text>
+          </view>
+        </scroll-view>
+      </view>
+    </uni-drawer>
+  </view>
+</template>
+
+<script>
+import novelService from '@/services/novelService'
+
+export default {
+  data() {
+    return {
+      novelId: null,
+      chapterId: null,
+      novelTitle: '',
+      chapterDetail: {},
+      chapterContent: '',
+      chapters: [],
+      totalChapters: 0,
+      progress: 0,
+      scrollTop: 0,
+      readerStyles: {
+        fontSize: '32rpx',
+        lineHeight: '1.8',
+        backgroundColor: '#f8f2e0',
+        color: '#333'
+      }
+    }
+  },
+  async onLoad(options) {
+    this.novelId = options.novelId
+    this.chapterId = options.chapterId || 1
+    
+    await this.loadNovelData()
+    await this.loadChapter()
+  },
+  methods: {
+    async loadNovelData() {
+      // 获取小说基本信息
+      const novel = await novelService.getNovelDetail(this.novelId)
+      this.novelTitle = novel.title
+      
+      // 获取章节列表
+      this.chapters = await novelService.getChapters(this.novelId)
+      this.totalChapters = this.chapters.length
+    },
+    
+    async loadChapter() {
+      uni.showLoading({ title: '加载中...' })
+      
+      try {
+        const chapter = await novelService.getChapterContent(this.novelId, this.chapterId)
+        this.chapterDetail = chapter
+        
+        // 处理章节内容
+        this.chapterContent = this.formatContent(chapter.content)
+        
+        // 计算阅读进度
+        this.progress = Math.round((this.chapterId / this.totalChapters) * 100)
+        
+        // 保存阅读进度
+        this.saveReadingProgress()
+        
+      } catch (error) {
+        uni.showToast({
+          title: '加载章节失败',
+          icon: 'none'
+        })
+      } finally {
+        uni.hideLoading()
+      }
+    },
+    
+    formatContent(content) {
+      // 将文本内容转换为带格式的HTML
+      const paragraphs = content.split('\n\n')
+      return paragraphs.map(p => `<p>${p}</p>`).join('')
+    },
+    
+    saveReadingProgress() {
+      // 保存到本地
+      uni.setStorageSync('readingProgress', {
+        novelId: this.novelId,
+        chapterId: this.chapterId
+      })
+      
+      // 如果已登录，同步到服务器
+      if (uni.getStorageSync('token')) {
+        this.$http.post('/reading/progress', {
+          novelId: this.novelId,
+          chapterId: this.chapterId
+        })
+      }
+    },
+    
+    prevChapter() {
+      if (this.chapterId > 1) {
+        this.chapterId--
+        this.loadChapter()
+      } else {
+        uni.showToast({
+          title: '已经是第一章',
+          icon: 'none'
+        })
+      }
+    },
+    
+    nextChapter() {
+      if (this.chapterId < this.totalChapters) {
+        this.chapterId++
+        this.loadChapter()
+      } else {
+        uni.showToast({
+          title: '已是最新章节',
+          icon: 'none'
+        })
+      }
+    },
+    
+    selectChapter(chapter) {
+      this.chapterId = chapter.id
+      this.$refs.drawer.close()
+      this.loadChapter()
+    },
+    
+    toggleMenu() {
+      this.$refs.drawer.open()
+    },
+    
+    toggleSettings() {
+      uni.navigateTo({
+        url: '/pages/reader/settings'
+      })
+    },
+    
+    goBack() {
+      uni.navigateBack()
+    },
+    
+    onScroll(e) {
+      // 记录滚动位置
+      this.scrollTop = e.detail.scrollTop
+    }
+  }
+}
+</script>
+
+<style scoped>
+.reader-container {
+  position: relative;
+  height: 100vh;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.reader-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 30rpx;
+  background: rgba(0, 0, 0, 0.7);
+  color: white;
+  z-index: 100;
+}
+
+.novel-title {
+  font-size: 32rpx;
+  max-width: 60%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.reader-content {
+  height: calc(100vh - 200rpx);
+  padding-top: 80rpx;
+  padding-bottom: 120rpx;
+}
+
+.chapter-title {
+  font-size: 40rpx;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 40rpx;
+  color: #2a5caa;
+}
+
+.content-text {
+  font-size: 32rpx;
+  line-height: 1.8;
+}
+
+.reader-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 20rpx;
+  border-top: 1rpx solid #eee;
+}
+
+.progress {
+  display: flex;
+  justify-content: space-between;
+  font-size: 28rpx;
+  color: #666;
+  margin-bottom: 20rpx;
+}
+
+.actions {
+  display: flex;
+  justify-content: space-between;
+}
+
+.action-btn {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: none;
+  border: none;
+  font-size: 24rpx;
+  padding: 10rpx;
+}
+
+.drawer-content {
+  padding: 30rpx;
+}
+
+.drawer-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  display: block;
+  margin-bottom: 30rpx;
+  border-bottom: 1rpx solid #eee;
+  padding-bottom: 20rpx;
+}
+
+.chapter-list {
+  height: calc(100vh - 150rpx);
+}
+
+.chapter-item {
+  padding: 20rpx 10rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  font-size: 28rpx;
+}
+
+.chapter-item.active {
+  color: #2a5caa;
+  font-weight: bold;
+}
+</style>

RuoYi-App/permission.js

@@ -1,12 +1,11 @@
+// src/permission.js
 import { getToken } from '@/utils/auth'
 
-// 登录页面
-const loginPage = "/pages/login"
-  
 // 页面白名单
 const whiteList = [
-    '/pages/index/index', // 确保首页在名单中
-	'/pages/login', '/pages/register', '/pages/common/webview/index'
+  '/pages/index/index', // 首页无需登录
+  '/pages/login',
+  '/pages/register'
 ]
 
 // 检查地址白名单
@@ -20,16 +19,17 @@ let list = ["navigateTo", "redirectTo", "reLaunch", "switchTab"]
 list.forEach(item => {
   uni.addInterceptor(item, {
     invoke(to) {
+      // 始终允许访问白名单页面
+      if (checkWhite(to.url)) {
+        return true
+      }
+      
+      // 检查登录状态
       if (getToken()) {
-        if (to.url === loginPage) {
-          uni.reLaunch({ url: "/" })
-        }
         return true
       } else {
-        if (checkWhite(to.url)) {
-          return true
-        }
-        uni.reLaunch({ url: loginPage })
+        // 非白名单页面重定向到登录
+        uni.reLaunch({ url: "/pages/login" })
         return false
       }
     },
@@ -37,4 +37,4 @@ list.forEach(item => {
       console.log(err)
     }
   })
-})
+})

RuoYi-App/services/novelService.js

@@ -0,0 +1,56 @@
+export default {
+  // 获取首页推荐小说列表
+  async getHomeRecommend() {
+    try {
+      const res = await this.$http.get('/novel/home')
+      return res.data
+    } catch (error) {
+      console.error('获取首页推荐失败', error)
+      return []
+    }
+  },
+  
+  // 获取小说详情
+  async getNovelDetail(novelId) {
+    try {
+      const res = await this.$http.get(`/novel/detail/${novelId}`)
+      return res.data
+    } catch (error) {
+      console.error('获取小说详情失败', error)
+      return null
+    }
+  },
+  
+  // 获取小说章节列表
+  async getChapters(novelId) {
+    try {
+      const res = await this.$http.get(`/novel/chapters/${novelId}`)
+      return res.data
+    } catch (error) {
+      console.error('获取章节列表失败', error)
+      return []
+    }
+  },
+  
+  // 获取章节内容
+  async getChapterContent(novelId, chapterId) {
+    try {
+      const res = await this.$http.get(`/novel/chapter/${novelId}/${chapterId}`)
+      return res.data
+    } catch (error) {
+      console.error('获取章节内容失败', error)
+      return null
+    }
+  },
+  
+  // 添加到书架
+  async addToBookshelf(novelId) {
+    try {
+      const res = await this.$http.post('/bookshelf/add', { novelId })
+      return res.code === 0
+    } catch (error) {
+      console.error('添加到书架失败', error)
+      return false
+    }
+  }
+}

RuoYi-App/utils/request.js

@@ -1,73 +1,52 @@
-import store from '@/store'
 import config from '@/config'
-import { getToken } from '@/utils/auth'
-import errorCode from '@/utils/errorCode'
-import { toast, showConfirm, tansParams } from '@/utils/common'
 
-let timeout = 10000
 const baseUrl = config.baseUrl
 
-const request = config => {
-  // 是否需要设置 token
-  const isToken = (config.headers || {}).isToken === false
-  config.header = config.header || {}
-  if (getToken() && !isToken) {
-    config.header['Authorization'] = 'Bearer ' + getToken()
-  }
-  // get请求映射params参数
-  if (config.params) {
-    let url = config.url + '?' + tansParams(config.params)
-    url = url.slice(0, -1)
-    config.url = url
-  }
-  return new Promise((resolve, reject) => {
-    uni.request({
-        method: config.method || 'get',
-        timeout: config.timeout ||  timeout,
-        url: config.baseUrl || baseUrl + config.url,
-        data: config.data,
-        header: config.header,
-        dataType: 'json'
-      }).then(response => {
-        let [error, res] = response
-        if (error) {
-          toast('后端接口连接异常')
-          reject('后端接口连接异常')
-          return
+export const http = {
+  get(url, params = {}, options = {}) {
+    return this.request('GET', url, params, options)
+  },
+  
+  post(url, data = {}, options = {}) {
+    return this.request('POST', url, data, options)
+  },
+  
+  request(method, url, data = {}, options = {}) {
+    return new Promise((resolve, reject) => {
+      const header = {
+        'Content-Type': 'application/json',
+        ...(options.headers || {})
+      }
+      
+      // 添加认证token
+      const token = uni.getStorageSync('token')
+      if (token) {
+        header['Authorization'] = `Bearer ${token}`
+      }
+      
+      uni.request({
+        url: baseUrl + url,
+        method,
+        data,
+        header,
+        success: (res) => {
+          if (res.statusCode >= 200 && res.statusCode < 300) {
+            resolve(res.data)
+          } else {
+            reject(res.data)
+          }
+        },
+        fail: (err) => {
+          reject(err)
         }
-        const code = res.data.code || 200
-        const msg = errorCode[code] || res.data.msg || errorCode['default']
-        if (code === 401) {
-          showConfirm('登录状态已过期，您可以继续留在该页面，或者重新登录?').then(res => {
-            if (res.confirm) {
-              store.dispatch('LogOut').then(res => {
-                uni.reLaunch({ url: '/pages/login' })
-              })
-            }
-          })
-          reject('无效的会话，或者会话已过期，请重新登录。')
-        } else if (code === 500) {
-          toast(msg)
-          reject('500')
-        } else if (code !== 200) {
-          toast(msg)
-          reject(code)
-        }
-        resolve(res.data)
       })
-      .catch(error => {
-        let { message } = error
-        if (message === 'Network Error') {
-          message = '后端接口连接异常'
-        } else if (message.includes('timeout')) {
-          message = '系统接口请求超时'
-        } else if (message.includes('Request failed with status code')) {
-          message = '系统接口' + message.substr(message.length - 3) + '异常'
-        }
-        toast(message)
-        reject(error)
-      })
-  })
+    })
+  }
 }
 
-export default request
+// 挂载到Vue原型
+export default {
+  install(Vue) {
+    Vue.prototype.$http = http
+  }
+}

RuoYi-App/vue.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  devServer: {
+    proxy: {
+      // 代理到Java后台
+      '/java-api': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+        pathRewrite: {'^/java-api': ''}
+      },
+      // 代理到PHP小说系统
+      '/php-api': {
+        target: 'http://php-novel-site',
+        changeOrigin: true,
+        pathRewrite: {'^/php-api': ''}
+      }
+    }
+  }
+}