tj

RuoYi-App/.env

@@ -0,0 +1,16 @@
+# 基础配置
+VUE_APP_NAME=哎呀电子小说
+VUE_APP_VERSION=1.0.0
+
+# 后端API地址
+VUE_APP_API_BASE=https://api.aiyadianzi.ltd
+VUE_APP_PHP_BASE=https://php-backend.aiyadianzi.ltd
+
+# 广告配置
+VUE_APP_WECHAT_AD_UNIT=wechat_ad123
+VUE_APP_DOUYIN_AD_UNIT=douyin_ad456
+VUE_APP_H5_AD_PID=h5_pid789
+
+# 多平台标识
+# 编译时会自动替换
+VUE_APP_PLATFORM=MP-WEIXIN

RuoYi-App/App.vue

@@ -1,6 +1,18 @@
+<template>
+  <view :class="['app-container', `theme-${themeStore.currentTheme}`]">
+    <router-view />
+  </view>
+</template>
 <script>
   import config from './config'
   import { getToken } from '@/utils/auth'
+import { useThemeStore } from '@/stores/theme'
+import { onLaunch } from '@dcloudio/uni-app'
+// 初始化主题
+onLaunch(() => {
+  const themeStore = useThemeStore()
+  themeStore.initTheme()
+})
 
   export default {
     onLaunch: function() {
@@ -30,4 +42,13 @@
 
 <style lang="scss">
   @import '@/static/scss/index.scss'
+@import '@/styles/themes/default.scss';
+@import '@/styles/themes/aydz-blue.scss';
+
+.app-container {
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  height: 100vh;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+}
 </style>

RuoYi-App/README.md

@@ -48,4 +48,61 @@ RuoYi App 移动解决方案，采用uniapp框架，一份代码多终端适配
         <td><img src="https://oscimg.oschina.net/oscnet/up-d77995cc00687cedd00d5ac7d68a07ea276.png"/></td>
 		<td><img src="https://oscimg.oschina.net/oscnet/up-fa8f5ab20becf59b4b38c1b92a9989e7109.png"/></td>
     </tr>
+src/
+├── api/                  # API请求封装
+│   ├── auth.js           # 认证接口
+│   ├── novel.js          # 小说接口
+│   └── vip.js            # VIP接口
+│
+├── components/           # 通用组件
+│   ├── NovelReader.vue   # 阅读器组件
+│   ├── AdBanner.vue      # 广告组件
+│   └── ThemePicker.vue   # 主题选择器
+│
+├── pages/                # 页面组件
+│   ├── index/            # 首页
+│   ├── bookshelf/        # 书架
+│   ├── reader/           # 阅读页
+│   ├── welfare/          # 福利页
+│   └── my/               # 个人中心
+│
+├── stores/               # Pinia状态管理
+│   ├── theme.js          # 主题管理
+│   ├── user.js           # 用户管理
+│   └── novel.js          # 小说状态
+│
+├── styles/               # 样式文件
+│   ├── variables.scss    # 全局变量
+│   └── themes/           # 主题文件
+│       ├── default.scss
+│       └── aydz-blue.scss
+│
+├── utils/                # 工具函数
+│   ├── adManager.js      # 广告管理
+│   ├── contentParser.js  # 内容解析
+│   └── storage.js        # 存储封装
+│
+├── App.vue               # 应用入口
+├── main.js               # 主入口文件
+└── manifest.json         # 多端配置文件
+
+运行开发环境：
+# 微信小程序
+npm run dev:mp-weixin
+
+# 抖音小程序
+npm run dev:mp-toutiao
+
+# H5
+npm run serve
+
+生产环境构建：
+# 微信小程序
+npm run build:mp-weixin
+
+# 抖音小程序
+npm run build:mp-toutiao
+
+# H5
+npm run build
 </table>

RuoYi-App/components/NovelReader.vue

@@ -0,0 +1,184 @@
+<template>
+  <view class="reader-container">
+    <!-- 阅读模式选择器 -->
+    <view class="mode-selector">
+      <button @click="readingMode = 'scroll'" :class="{ active: readingMode === 'scroll' }">
+        滚动模式
+      </button>
+      <button @click="readingMode = 'page'" :class="{ active: readingMode === 'page' }">
+        翻页模式
+      </button>
+    </view>
+    
+    <!-- 滚动阅读模式 -->
+    <scroll-view 
+      v-if="readingMode === 'scroll'" 
+      scroll-y 
+      class="scroll-reader"
+      @scrolltolower="loadNextChapter"
+    >
+      <rich-text :nodes="formatContent(chapterContent)" />
+    </scroll-view>
+    
+    <!-- 翻页阅读模式 -->
+    <swiper 
+      v-else 
+      :current="currentPage" 
+      circular 
+      class="page-reader"
+      @change="onPageChange"
+    >
+      <swiper-item v-for="(page, index) in paginatedContent" :key="index">
+        <rich-text :nodes="page" />
+      </swiper-item>
+    </swiper>
+    
+    <!-- 底部广告 -->
+    <view v-if="feedAd" class="bottom-ad">
+      <ad :unit-id="feedAd.unitId" ad-type="feed" />
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue'
+import { useAdManager } from '@/utils/adManager'
+import { useUserStore } from '@/stores/user'
+
+const props = defineProps({
+  chapterId: Number,
+  novelId: Number
+})
+
+const userStore = useUserStore()
+const { showRewardAd, showFeedAd } = useAdManager()
+
+// 阅读状态
+const readingMode = ref('scroll') // 'scroll' | 'page'
+const currentPage = ref(0)
+const chapterContent = ref('')
+const paginatedContent = ref([])
+const lastReadPosition = ref(0)
+const feedAd = ref(null)
+
+// 获取章节内容
+const fetchChapterContent = async () => {
+  const res = await uni.request({
+    url: `https://php-backend.aiyadianzi.ltd/chapter/${props.chapterId}`,
+    method: 'GET'
+  })
+  
+  // 清洗内容
+  chapterContent.value = cleanContent(res.data.content)
+  
+  // 分页处理
+  paginatedContent.value = paginateContent(chapterContent.value)
+  
+  // 恢复阅读位置
+  if (userStore.isLoggedIn) {
+    const position = await getReadingPosition()
+    currentPage.value = position.page
+    lastReadPosition.value = position.scrollTop
+  }
+}
+
+// 内容清洗（移除原始网站信息）
+const cleanContent = (content) => {
+  return content
+    .replace(/最新网址[:：]?\s*[a-z0-9.-]+/gi, '')
+    .replace(/www\.[a-z0-9]+\.[a-z]{2,}/gi, '')
+}
+
+// 内容分页（每页800字符）
+const paginateContent = (content) => {
+  const pages = []
+  const pageSize = 800
+  let start = 0
+  
+  while (start < content.length) {
+    pages.push(content.substring(start, start + pageSize))
+    start += pageSize
+  }
+  
+  return pages
+}
+
+// 翻页事件处理
+const onPageChange = (e) => {
+  currentPage.value = e.detail.current
+  saveReadingPosition()
+  showRewardAd(props.chapterId)
+}
+
+// 保存阅读位置
+const saveReadingPosition = () => {
+  if (!userStore.isLoggedIn) return
+  
+  uni.request({
+    url: 'https://api.aiyadianzi.ltd/reading/progress',
+    method: 'POST',
+    data: {
+      userId: userStore.userId,
+      novelId: props.novelId,
+      chapterId: props.chapterId,
+      page: currentPage.value,
+      scrollTop: lastReadPosition.value
+    }
+  })
+}
+
+// 初始化
+onMounted(async () => {
+  await fetchChapterContent()
+  feedAd.value = showFeedAd()
+})
+
+// VIP状态变化时更新广告
+watch(() => userStore.isVIP, (isVip) => {
+  if (isVip) {
+    feedAd.value = null
+  } else {
+    feedAd.value = showFeedAd()
+  }
+})
+</script>
+
+<style scoped>
+.reader-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.mode-selector {
+  display: flex;
+  padding: 10px;
+  background: var(--header-bg);
+  
+  button {
+    flex: 1;
+    margin: 0 5px;
+    font-size: 14px;
+    
+    &.active {
+      background: var(--primary-color);
+      color: white;
+    }
+  }
+}
+
+.scroll-reader {
+  flex: 1;
+  padding: 15px;
+  overflow-y: auto;
+}
+
+.page-reader {
+  flex: 1;
+}
+
+.bottom-ad {
+  height: 100px;
+  background: #f5f5f5;
+}
+</style>

RuoYi-App/manifest.json

@@ -1,8 +1,8 @@
 {
-    "name" : "若依移动端",
+    "name" : "哎呀免费小说",
     "appid" : "__UNI__25A9D80",
-    "description" : "",
-    "versionName" : "1.2.0",
+    "description" : "哎呀电子科技旗下小说阅读平台",
+    "versionName" : "1.0.0",
     "versionCode" : "100",
     "transformPx" : false,
     "app-plus" : {
@@ -41,7 +41,7 @@
     },
     "quickapp" : {},
     "mp-weixin" : {
-        "appid" : "wxccd7e2a0911b3397",
+        "appid" : "YOUR_WECHAT_APPID",
         "setting" : {
             "urlCheck" : false,
             "es6" : false,
@@ -53,17 +53,56 @@
         },
         "usingComponents" : true
     },
-    "vueVersion" : "2",
+    "usingComponents": true,
+    "permission": {
+      "scope.userLocation": {
+        "desc": "用于附近书店功能"
+      }
+    },
+    "plugins": {
+      "adPlugin": {
+        "version": "1.2.7",
+        "provider": "wx3f8e7a3d8a3d8a3d"
+      }
+    }
+  },
+   /*   "vueVersion" : "2", */
+   /*抖音小程序配置 */
+  "mp-toutiao": {
+    "appid": "YOUR_DOUYIN_APPID",
+    "setting": {
+      "urlCheck": false,
+      "minified": true
+    },
+    "ad": {
+      "rewardVideo": {
+        "unitId": "DOUYIN_AD_UNIT_ID"
+      },
+      "banner": {
+        "unitId": "DOUYIN_BANNER_ID"
+      }
+    }
+  },
     "h5" : {
+    "title": "哎呀免费小说",
         "template" : "static/index.html",
         "devServer" : {
             "port" : 9090,
             "https" : false
         },
-        "title" : "RuoYi-App",
         "router" : {
             "mode" : "hash",
             "base" : "./"
         }
+    "optimization": {
+      "treeShaking": {
+        "enable": true
+      }
+    },
+    "sdkConfig": {
+      "ad": {
+        "adpid": "H5_AD_PID"
+      }
+    }
     }
 }

RuoYi-App/pages/welfare/index.vue

@@ -0,0 +1,225 @@
+<template>
+  <view class="welfare-page">
+    <!-- 签到区域 -->
+    <view class="signin-section">
+      <text class="title">每日签到</text>
+      <view class="signin-grid">
+        <view 
+          v-for="(day, index) in 7" 
+          :key="day" 
+          :class="['day', { signed: index < signedDays, today: index === currentDay }]"
+          @click="signIn(index)"
+        >
+          <text>第{{ day }}天</text>
+          <text class="reward">+{{ calculateReward(index) }}金币</text>
+        </view>
+      </view>
+      <text class="tip">已连续签到 {{ signedDays }} 天</text>
+    </view>
+    
+    <!-- 任务中心 -->
+    <view class="tasks-section">
+      <text class="title">每日任务</text>
+      <view class="task-list">
+        <view v-for="task in dailyTasks" :key="task.id" class="task-item">
+          <view class="task-info">
+            <text class="task-name">{{ task.name }}</text>
+            <text class="task-reward">+{{ task.reward }}金币</text>
+          </view>
+          <button 
+            :class="['task-btn', { disabled: task.completed }]"
+            @click="completeTask(task)"
+          >
+            {{ task.completed ? '已完成' : '去完成' }}
+          </button>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 外部合作任务 -->
+    <view class="partner-tasks">
+      <text class="title">合作任务</text>
+      <view class="partner-grid">
+        <view 
+          v-for="partner in partners" 
+          :key="partner.id" 
+          class="partner-item"
+          @click="goPartnerTask(partner)"
+        >
+          <image :src="partner.icon" class="partner-icon" />
+          <text class="partner-name">{{ partner.name }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const signedDays = ref(3)
+const currentDay = ref(3) // 0-6 表示周一到周日
+
+// 每日任务
+const dailyTasks = ref([
+  { id: 1, name: '阅读30分钟', reward: 50, completed: false },
+  { id: 2, name: '分享给好友', reward: 30, completed: true },
+  { id: 3, name: '评论本章节', reward: 20, completed: false },
+  { id: 4, name: '完善个人资料', reward: 10, completed: false }
+])
+
+// 合作平台
+const partners = ref([
+  { id: 1, name: '百度地图', icon: '/static/partners/baidu.png', url: 'https://map.baidu.com' },
+  { id: 2, name: '快手', icon: '/static/partners/kuaishou.png', url: 'https://www.kuaishou.com' },
+  { id: 3, name: '京东金融', icon: '/static/partners/jd.png', url: 'https://jr.jd.com' },
+  { id: 4, name: '饿了么', icon: '/static/partners/eleme.png', url: 'https://www.ele.me' }
+])
+
+// 签到逻辑
+const signIn = (dayIndex) => {
+  if (dayIndex !== currentDay.value) return
+  if (signedDays.value > currentDay.value) return
+  
+  signedDays.value++
+  uni.showToast({ title: `签到成功！获得${calculateReward(dayIndex)}金币` })
+}
+
+// 计算签到奖励
+const calculateReward = (day) => {
+  const baseReward = 10
+  return baseReward * (day + 1)
+}
+
+// 完成任务
+const completeTask = (task) => {
+  if (task.completed) return
+  
+  task.completed = true
+  uni.showToast({ title: `任务完成！获得${task.reward}金币` })
+}
+
+// 跳转合作平台
+const goPartnerTask = (partner) => {
+  uni.navigateTo({
+    url: `/pages/webview/webview?url=${encodeURIComponent(partner.url)}`
+  })
+}
+</script>
+
+<style scoped>
+.welfare-page {
+  padding: 20px;
+}
+
+.title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 15px;
+  display: block;
+}
+
+.signin-section {
+  margin-bottom: 25px;
+}
+
+.signin-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 5px;
+}
+
+.day {
+  border: 1px solid #eee;
+  border-radius: 8px;
+  padding: 8px 5px;
+  text-align: center;
+  font-size: 12px;
+  
+  &.signed {
+    background-color: #e6fffb;
+    border-color: #36cfc9;
+  }
+  
+  &.today {
+    background-color: #fff7e6;
+    border-color: #ffc53d;
+  }
+}
+
+.reward {
+  display: block;
+  color: #faad14;
+  font-weight: bold;
+}
+
+.tip {
+  display: block;
+  margin-top: 10px;
+  color: #8c8c8c;
+  font-size: 12px;
+}
+
+.task-list {
+  border-top: 1px solid #f0f0f0;
+}
+
+.task-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.task-info {
+  flex: 1;
+}
+
+.task-name {
+  display: block;
+  font-size: 14px;
+}
+
+.task-reward {
+  font-size: 12px;
+  color: #faad14;
+}
+
+.task-btn {
+  margin: 0;
+  padding: 0 10px;
+  height: 28px;
+  line-height: 28px;
+  font-size: 12px;
+  background-color: #1890ff;
+  color: white;
+  
+  &.disabled {
+    background-color: #bfbfbf;
+  }
+}
+
+.partner-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 15px;
+}
+
+.partner-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.partner-icon {
+  width: 50px;
+  height: 50px;
+  border-radius: 10px;
+  margin-bottom: 5px;
+}
+
+.partner-name {
+  font-size: 12px;
+}
+</style>

RuoYi-App/store/theme.js

@@ -0,0 +1,49 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useThemeStore = defineStore('theme', () => {
+  const themes = ref({
+    default: {
+      '--primary-color': '#1890ff',
+      '--bg-color': '#f8f9fa',
+      '--text-color': '#333',
+      '--header-bg': '#ffffff'
+    },
+    aydzBlue: {
+      '--primary-color': '#2a5caa',
+      '--bg-color': '#e6f7ff',
+      '--text-color': '#1a3353',
+      '--header-bg': '#2a5caa'
+    },
+    darkMode: {
+      '--primary-color': '#52c41a',
+      '--bg-color': '#1a1a1a',
+      '--text-color': '#e6e6e6',
+      '--header-bg': '#2a2a2a'
+    }
+  })
+  
+  const currentTheme = ref('default')
+  
+  // 初始化主题
+  const initTheme = () => {
+    const savedTheme = uni.getStorageSync('selectedTheme') || 'default'
+    setTheme(savedTheme)
+  }
+  
+  // 设置主题
+  const setTheme = (themeName) => {
+    if (!themes.value[themeName]) return
+    
+    currentTheme.value = themeName
+    uni.setStorageSync('selectedTheme', themeName)
+    
+    // 应用CSS变量
+    const themeVars = themes.value[themeName]
+    Object.keys(themeVars).forEach(key => {
+      document.documentElement.style.setProperty(key, themeVars[key])
+    })
+  }
+  
+  return { themes, currentTheme, initTheme, setTheme }
+})

RuoYi-App/store/user.js

@@ -0,0 +1,77 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export const useUserStore = defineStore('user', () => {
+  const userId = ref(null)
+  const userInfo = ref(null)
+  const vipInfo = ref(null)
+  
+  // 获取VIP状态
+  const isVIP = computed(() => {
+    if (!vipInfo.value) return false
+    return new Date(vipInfo.value.expireTime) > new Date()
+  })
+  
+  // 用户登录
+  const login = async (username, password) => {
+    const res = await uni.request({
+      url: 'https://api.aiyadianzi.ltd/auth/login',
+      method: 'POST',
+      data: { username, password }
+    })
+    
+    userId.value = res.data.userId
+    userInfo.value = res.data.userInfo
+    vipInfo.value = res.data.vipInfo
+    
+    uni.setStorageSync('token', res.data.token)
+  }
+  
+  // 购买VIP
+  const purchaseVIP = async (plan) => {
+    const res = await uni.request({
+      url: 'https://api.aiyadianzi.ltd/vip/purchase',
+      method: 'POST',
+      data: {
+        userId: userId.value,
+        planId: plan.id
+      },
+      header: { Authorization: `Bearer ${uni.getStorageSync('token')}` }
+    })
+    
+    vipInfo.value = {
+      type: plan.type,
+      expireTime: res.data.expireTime
+    }
+  }
+  
+  // 初始化用户
+  const initUser = async () => {
+    const token = uni.getStorageSync('token')
+    if (!token) return
+    
+    try {
+      const res = await uni.request({
+        url: 'https://api.aiyadianzi.ltd/auth/profile',
+        header: { Authorization: `Bearer ${token}` }
+      })
+      
+      userId.value = res.data.userId
+      userInfo.value = res.data.userInfo
+      vipInfo.value = res.data.vipInfo
+    } catch (err) {
+      console.error('用户初始化失败', err)
+      uni.removeStorageSync('token')
+    }
+  }
+  
+  return { 
+    userId, 
+    userInfo, 
+    vipInfo, 
+    isVIP, 
+    login, 
+    purchaseVIP, 
+    initUser 
+  }
+})

RuoYi-App/utils/adManager.js

@@ -0,0 +1,82 @@
+import { ref } from 'vue'
+import { useUserStore } from '@/stores/user'
+
+// 广告平台配置
+const AD_PLATFORMS = {
+  WECHAT: {
+    reward: adUnitId => wx.createRewardedVideoAd({ adUnitId }),
+    feed: adUnitId => wx.createBannerAd({ adUnitId })
+  },
+  DOUYIN: {
+    reward: adUnitId => tt.createRewardedVideoAd({ adUnitId }),
+    feed: adUnitId => tt.createBannerAd({ adUnitId })
+  },
+  H5: {
+    reward: adUnitId => {
+      console.log('H5激励广告:', adUnitId)
+      return { show: () => Promise.resolve() }
+    },
+    feed: adUnitId => {
+      return { show: () => console.log('H5信息流广告展示') }
+    }
+  }
+}
+
+// 广告触发控制器
+export function useAdManager() {
+  const userStore = useUserStore()
+  const chapterCount = ref(0)
+  
+  // 获取当前平台适配器
+  const getPlatformAdapter = () => {
+    // #ifdef MP-WEIXIN
+    return AD_PLATFORMS.WECHAT
+    // #endif
+    // #ifdef MP-DOUYIN
+    return AD_PLATFORMS.DOUYIN
+    // #endif
+    return AD_PLATFORMS.H5
+  }
+
+  // 展示激励广告（每5章触发）
+  const showRewardAd = async (chapterId) => {
+    if (userStore.isVIP) return
+    
+    chapterCount.value++
+    if (chapterCount.value % 5 !== 0) return
+    
+    const adapter = getPlatformAdapter()
+    const ad = adapter.reward('your_ad_unit_id')
+    
+    try {
+      await ad.show()
+      logAdView(chapterId, 'reward')
+    } catch (err) {
+      console.error('广告展示失败:', err)
+    }
+  }
+
+  // 展示底部信息流广告
+  const showFeedAd = () => {
+    if (userStore.isVIP) return null
+    
+    const adapter = getPlatformAdapter()
+    return adapter.feed('your_feed_ad_id')
+  }
+
+  // 广告日志记录（对接Java接口）
+  const logAdView = (chapterId, adType) => {
+    uni.request({
+      url: 'https://api.aiyadianzi.ltd/ad/log',
+      method: 'POST',
+      data: {
+        userId: userStore.userId,
+        chapterId,
+        adType,
+        platform: process.env.VUE_APP_PLATFORM
+      }
+    })
+  }
+
+  return { showRewardAd, showFeedAd }
+}