项目概述
本项目为一个服装产品云展厅的微信小程序 DEMO,包含小程序前端、Node.js 后端服务与 Vue 管理后台三个子系统。系统实现了产品展示、会员权限管理、时效提醒等基础功能,并探索了 AI 生图在商品展示中的应用。
系统组成
| 子系统 | 技术方案 | 职责 |
|---|---|---|
| 小程序前端 | uni-app (Vue 3) | 产品浏览、会员功能 |
| 后端服务 | Node.js + Express + sql.js | 数据接口、AI 生图代理 |
| 管理后台 | Vue 3 + Element Plus | 产品与用户管理、数据看板 |
核心功能
- 产品展示: 服装类产品的列表与详情展示
- VIP 权限: 普通会员与 VIP 会员的分级访问控制
- 产品时效提醒: 产品展示的时间窗口管理
- AI 生图: 通过阿里云百炼 API 生成产品展示图
- 数据看板: 管理后台的数据统计与可视化
技术架构
后端服务
// Express + sql.js 本地数据库
const express = require('express')
const sqlite3 = require('sql.js')
const app = express()
// AI 生图代理
app.post('/api/ai/generate', async (req, res) => {
const { prompt, productId } = req.body
const result = await generateImage(prompt)
res.json({ imageUrl: result.url })
})小程序前端
// uni-app 产品列表
export default {
data() {
return {
products: [],
vipLevel: 0
}
},
async onLoad() {
this.products = await this.fetchProducts()
this.vipLevel = await this.checkVip()
}
}演示账号
| 类型 | 账号 | 密码 |
|---|---|---|
| 普通会员 | user | 123456 |
| VIP 会员 | vip | 123456 |
当前状态
项目已完成核心功能实现,可作为微信小程序 + AI 集成的参考案例。
相关链接
最后更新: 2026-04-24