From a68bf43112907c14ed75e0f544f4f09f1f0abcb1 Mon Sep 17 00:00:00 2001
From: root <root@mymoyu.top>
Date: Fri, 28 Aug 2026 13:56:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20uni-cms-article=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8F=8A=E6=95=B0=E6=8D=AE=E5=BA=93=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../uni-cms-article/pages/detail/preview.uvue |  11 +
 .../uni-cms-article/pages/detail/preview.vue  | 255 ++++++++++++++++++
 .../uni-cms-article/pages/list/list.vue       |   0
 uni_modules/uni-cms-article/pages_init.json   |  37 +++
 .../uniCloud/database/db_init.json            |  23 ++
 .../database/opendb-search-hot.schema.json    |  31 +++
 .../database/opendb-search-log.schema.json    |  45 ++++
 7 files changed, 402 insertions(+)
 create mode 100644 uni_modules/uni-cms-article/pages/detail/preview.uvue
 create mode 100644 uni_modules/uni-cms-article/pages/detail/preview.vue
 create mode 100644 uni_modules/uni-cms-article/pages/list/list.vue
 create mode 100644 uni_modules/uni-cms-article/pages_init.json
 create mode 100644 uni_modules/uni-cms-article/uniCloud/database/db_init.json
 create mode 100644 uni_modules/uni-cms-article/uniCloud/database/opendb-search-hot.schema.json
 create mode 100644 uni_modules/uni-cms-article/uniCloud/database/opendb-search-log.schema.json

diff --git a/uni_modules/uni-cms-article/pages/detail/preview.uvue b/uni_modules/uni-cms-article/pages/detail/preview.uvue
new file mode 100644
index 0000000..39cdaf2
--- /dev/null
+++ b/uni_modules/uni-cms-article/pages/detail/preview.uvue
@@ -0,0 +1,11 @@
+<template></template>
+
+<script>
+export default {
+  data() {
+    return {}
+  }
+}
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/uni_modules/uni-cms-article/pages/detail/preview.vue b/uni_modules/uni-cms-article/pages/detail/preview.vue
new file mode 100644
index 0000000..80c8004
--- /dev/null
+++ b/uni_modules/uni-cms-article/pages/detail/preview.vue
@@ -0,0 +1,255 @@
+<template>
+  <unicloud-db v-slot:default="{loading, error, options}" :collection="collection" :options="formData"
+               :getone="true" :where="where" :manual="true" ref="detail" foreignKey="uni-cms-articles.user_id"
+               @load="loadData"
+               class="article">
+    <template v-if="!loading && articleData">
+      <view class="preview-tip">此页面仅用于临时预览文章，链接将会在短期内失效。</view>
+      <view class="meta">
+        <view class="title">
+          <text class="text">{{ articleData.title }}</text>
+        </view>
+        <view class="excerpt">
+          <text class="text">{{ articleData.excerpt }}</text>
+        </view>
+        <view class="author">
+          <template v-if="articleData.user_id && articleData.user_id[0]">
+            <text class="at">{{ articleData.user_id[0].nickname || '' }}</text>
+            <text class="split">·</text>
+          </template>
+          <text class="date">{{ publishTime(articleData.publish_date) }}</text>
+        </view>
+      </view>
+      <render-article-detail
+        :content="articleData.content"
+        :content-images="articleData.content_images"
+        :ad-config="{ adpId, watchAdUniqueType }"
+      ></render-article-detail>
+    </template>
+    <view class="detail-loading" v-else>
+      <uni-icons type="spinner-cycle" size="35px"/>
+    </view>
+  </unicloud-db>
+</template>
+
+<script>
+import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue';
+import renderArticleDetail from "@/uni_modules/uni-cms-article/components/render-article-detail/index.vue";
+import translatePublishTime from "@/uni_modules/uni-cms-article/common/publish-time";
+
+const db = uniCloud.database()
+const articleDBName = 'uni-cms-articles'
+const userDBName = 'uni-id-users'
+
+export default {
+  components: {
+    uniNavBar,
+    renderArticleDetail
+  },
+  data() {
+    return {
+      id: "", // 文章ID
+      title: "", // 文章标题
+      secret: "", // 文章预览密钥
+      formData: {}, // 表单数据
+      articleData: null, // 文章数据
+
+      // 广告相关配置
+      adpId: "", // TODO: 请填写广告位ID
+      watchAdUniqueType: "device" // TODO: 观看广告的唯一标识类型，可选值为 user 或者 device，user 表示用户唯一，device 表示设备唯一
+    }
+  },
+  computed: {
+    where() {
+      //拼接where条件 查询条件 ,更多详见 ：https://uniapp.dcloud.net.cn/uniCloud/unicloud-db?id=jsquery
+      return `_id =="${this.id}" && preview_secret =="${this.secret}"`
+    },
+    collection() {
+      return [
+        db.collection(articleDBName).where(this.where).field('user_id,thumbnail,excerpt,publish_date,title,content,preview_secret,preview_expired,article_status').getTemp(),
+        db.collection(userDBName).field('_id, nickname').getTemp()
+      ]
+    }
+  },
+  onReady() {
+    // 开始加载数据，修改 where 条件后才开始去加载 clinetDB 的数据 ，需要等组件渲染完毕后才开始执行 loadData，所以不能再 onLoad 中执行
+    if (this.id) { // ID 不为空，则发起查询
+      this.$refs.detail.loadData()
+    } else {
+      uni.showToast({
+        icon: 'none',
+        title: 'id 不能为空'
+      })
+    }
+  },
+  onLoad(event) {
+    //获取文章id，通常 id 来自上一个页面
+    if (event.id) {
+      this.id = event.id
+      this.secret = event.secret
+    }
+
+    // 监听解锁内容事件
+    uni.$on('onUnlockContent', this.onUnlockContent)
+  },
+  onUnload() {
+    // 页面卸载时，移除监听事件
+    uni.$off('onUnlockContent', this.onUnlockContent)
+  },
+  onPageScroll(e) {
+    // 根据滚动位置判断是否显示导航栏
+    if (e.scrollTop > 100) {
+      uni.setNavigationBarTitle({
+        title: this.title
+      })
+    } else {
+      uni.setNavigationBarTitle({
+        title: ''
+      })
+    }
+  },
+  methods: {
+    // 将时间戳转换为可读的时间格式
+    publishTime(timestamp) {
+      return translatePublishTime(timestamp)
+    },
+    // 加载数据
+    loadData(data) {
+      if (!data) {
+        return uni.showModal({
+          content: "文章不存在/预览密钥不存在",
+          showCancel: false,
+          success: () => {
+            // #ifdef H5
+            window.close()
+            // #endif
+
+            // #ifndef H5
+            uni.navigateBack()
+            // #endif
+          }
+        })
+      }
+      // 文章已发布，跳转到文章详情页
+      if (data.article_status === 1) {
+        uni.showToast({
+          icon: 'none',
+          title: '文章已发布'
+        })
+        uni.redirectTo({
+          url: `/uni_modules/uni-cms-article/pages/detail/detail?id=${this.id}`
+        })
+        return
+      }
+
+      // 预览已过期，提示用户
+      if (data.preview_expired < Date.now()) {
+        return uni.showModal({
+          content: "预览已失效",
+          showCancel: false,
+          success: () => {
+            // #ifdef H5
+              window.close()
+            // #endif
+
+            // #ifndef H5
+              uni.navigateBack()
+            // #endif
+          }
+        })
+      }
+
+      // 设置文章标题
+      this.title = data.title
+      this.articleData = data
+    },
+    // 监听解锁内容事件，解锁内容后重新加载数据
+    async onUnlockContent() {
+      this.$refs.detail.loadData()
+    }
+  }
+
+}
+</script>
+
+<style scoped lang="scss">
+/* #ifdef APP-NVUE */
+.article {
+  background-color: #fff;
+}
+
+/* #endif */
+
+@mixin cp {
+  padding: 0 30rpx;
+}
+
+.detail-loading {
+  margin: 100rpx auto 0;
+  width: 35px;
+  height: 35px;
+  animation: rotate360 2s linear infinite;
+}
+
+@keyframes rotate360 {
+  0% {
+    transform: rotate(0deg);
+    transform-origin: center center;
+  }
+
+  100% {
+    transform: rotate(360deg);
+    transform-origin: center center;
+  }
+}
+
+.meta {
+  @include cp;
+  position: relative;
+  z-index: 1;
+  padding-top: 20rpx;
+  .title {
+    .text {
+      font-size: 40rpx;
+      line-height: 66rpx;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+
+  .excerpt {
+    margin-top: 10rpx;
+    .text {
+      font-size: 26rpx;
+      line-height: 40rpx;
+      color: #999;
+    }
+  }
+
+  .author {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    flex-direction: row;
+    margin-top: 20rpx;
+
+    .at,
+    .split,
+    .date {
+      font-size: 26rpx;
+      color: #ccc;
+    }
+
+    .split {
+      margin: 0 10rpx;
+    }
+  }
+}
+
+.preview-tip {
+  font-size: 13px;
+  color: #333;
+  background: #fcd791;
+  padding: 10px;
+}
+</style>
diff --git a/uni_modules/uni-cms-article/pages/list/list.vue b/uni_modules/uni-cms-article/pages/list/list.vue
new file mode 100644
index 0000000..e69de29
diff --git a/uni_modules/uni-cms-article/pages_init.json b/uni_modules/uni-cms-article/pages_init.json
new file mode 100644
index 0000000..5f3c69b
--- /dev/null
+++ b/uni_modules/uni-cms-article/pages_init.json
@@ -0,0 +1,37 @@
+
+{
+    "pages": [
+		{
+			"path": "uni_modules/uni-cms-article/pages/list/list",
+			"style": {
+				"navigationStyle": "custom",
+				"backgroundColor": "#FFFFFF",
+				"disableScroll": true
+			}
+		},
+		 {
+			"path": "uni_modules/uni-cms-article/pages/search/search",
+			"style": {
+				"navigationBarTitleText": "搜索",
+        "navigationStyle": "custom"
+			}
+		}, {
+			"path": "uni_modules/uni-cms-article/pages/detail/detail",
+			"style": {
+				"navigationBarTitleText": "",
+				"backgroundColor": "#FFFFFF"
+			}
+		}, {
+			"path": "uni_modules/uni-cms-article/pages/detail/preview",
+			"style": {
+				"navigationBarTitleText": "",
+				"backgroundColor": "#FFFFFF"
+			}
+		}, {
+			"path": "uni_modules/uni-cms-article/pages/webview/webview",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		}
+	]
+}
diff --git a/uni_modules/uni-cms-article/uniCloud/database/db_init.json b/uni_modules/uni-cms-article/uniCloud/database/db_init.json
new file mode 100644
index 0000000..c00926f
--- /dev/null
+++ b/uni_modules/uni-cms-article/uniCloud/database/db_init.json
@@ -0,0 +1,23 @@
+{
+  "uni-cms-unlock-record": {
+    "data": [],
+    "index": [
+      {
+        "IndexName": "unique_article_trans_",
+        "MgoKeySchema": {
+          "MgoIndexKeys": [{
+            "Name": "unique_id",
+            "Direction": "1"
+          },{
+            "Name": "article_id",
+            "Direction": "1"
+          },{
+            "Name": "trans_id",
+            "Direction": "1"
+          }],
+          "MgoIsUnique": false
+        }
+      }
+    ]
+  }
+}
diff --git a/uni_modules/uni-cms-article/uniCloud/database/opendb-search-hot.schema.json b/uni_modules/uni-cms-article/uniCloud/database/opendb-search-hot.schema.json
new file mode 100644
index 0000000..3476e07
--- /dev/null
+++ b/uni_modules/uni-cms-article/uniCloud/database/opendb-search-hot.schema.json
@@ -0,0 +1,31 @@
+{
+	"bsonType": "object",
+	"required": [
+		"content",
+		"count"
+	],
+	"permission": {
+		"read": true,
+		"create": false,
+		"update": false,
+		"delete": false
+	},
+	"properties": {
+		"_id": {
+			"description": "ID，系统自动生成"
+		},
+		"content": {
+			"bsonType": "string",
+			"description": "搜索内容"
+		},
+		"count": {
+			"bsonType": "int",
+			"description": "搜索次数"
+		},
+		"create_date": {
+			"bsonType": "timestamp",
+			"description": "统计时间"
+		}
+	},
+	"version": "0.0.1"
+}
\ No newline at end of file
diff --git a/uni_modules/uni-cms-article/uniCloud/database/opendb-search-log.schema.json b/uni_modules/uni-cms-article/uniCloud/database/opendb-search-log.schema.json
new file mode 100644
index 0000000..c30c9d2
--- /dev/null
+++ b/uni_modules/uni-cms-article/uniCloud/database/opendb-search-log.schema.json
@@ -0,0 +1,45 @@
+{
+	"bsonType": "object",
+	"required": [
+		"content"
+	],
+	"permission": {
+		"read": false,
+		"create": true,
+		"update": false,
+		"delete": false
+	},
+	"properties": {
+		"_id": {
+			"description": "ID，系统自动生成"
+		},
+		"user_id": {
+			"bsonType": "string",
+			"description": "搜索人id，参考uni-id-users表"
+		},
+		"device_id": {
+			"bsonType": "string",
+			"description": "设备id"
+		},
+		"platform": {
+			"bsonType": "string",
+			"description": "设备平台，如：mp-weixin、app-plus等"
+		},
+		"content": {
+			"bsonType": "string",
+			"description": "搜索内容"
+		},
+		"ip": {
+			"bsonType": "string",
+			"description": "客户端IP地址",
+			"forceDefaultValue": {
+				"$env": "clientIP"
+			}
+		},
+		"create_date": {
+			"bsonType": "timestamp",
+			"description": "统计时间"
+		}
+	},
+	"version": "0.0.1"
+}