---

## 项目概述

这是一个完整的**企业数字化名片展示与品牌宣传系统**，包含三个核心模块：

1. **微信小程序端** - 面向用户的名片展示、产品浏览、资讯阅读

2. **管理后台（Web）** - 面向管理员的内容管理系统

3. **后端API服务** - 提供数据接口和业务逻辑处理

适用于企业、机构、个人工作室等需要数字化名片展示和品牌宣传的场景。

---

## 一、小程序端功能（面向用户）

### 1. 首页模块

- **轮播图展示** - 顶部轮播展示企业宣传图片，支持点击跳转

- **企业名片信息** - 展示企业名称、LOGO、简介等核心信息

- **宣传视频** - 嵌入企业宣传视频，支持在线播放

- **应用场景** - 网格布局展示企业产品/服务的应用场景图片

- **产品推荐** - 展示最1新4个产品，横排卡片样式，点击查看详情

- **最1新资讯** - 展示最1新4条资讯，横排卡片样式，显示相对时间（如"2小时前"）

- **一键拨号** - 底部固定操作栏，支持直接拨打企业电话

- **分享功能** - 支持分享给微信好友，自定义分享标题和封面

### 2. 产品模块

- **产品列表页**

  - 分页加载产品展示

  - 搜索功能（可选）

  - 横排卡片布局：左侧封面图（200x200），右侧产品信息（标题、简介、发布时间）

  - 下拉刷新、上拉加载更多

- **产品详情页**

  - 顶部大图展示（500rpx高度）

  - **产品图集** - 横向滚动展示多张产品图片，支持点击预览大图

  - 产品标题、标签、浏览量、发布时间

  - 富文本详细内容（使用 mp-html 组件渲染 HTML）

  - 图片点击预览功能

  - 底部固定操作栏：立即咨询（拨号）、分享

### 3. 资讯模块

- **资讯列表页**

  - 分页加载资讯文章

  - 横排卡片布局：左侧封面图（200x150），右侧资讯信息（标题、摘要、发布时间、相对时间）

  - 下拉刷新、上拉加载更多

- **资讯详情页**

  - 资讯标题、作者、发布时间、浏览量

  - 富文本正文内容（支持 HTML 格式，包括图片、文字排版等）

  - 图片点击预览功能

  - 底部固定操作栏：立即咨询（拨号）、分享

### 4. 关于页面

- 企业详细介绍

- 富文本内容展示

- 联系方式展示

### 5. WebView页面

- 支持嵌入外部网页链接

- 用于展示第三方内容或H5页面

### 6. 通用功能

- **自定义底部导航栏** - 三个Tab：首页、产品、资讯

- **图片预览** - 所有图片支持点击放大预览，左右滑动切换

- **拨打电话** - 一键拨打企业联系电话

- **分享功能** - 支持分享到微信好友，自定义分享卡片

- **加载中状态** - 统一的加载动画和空状态提示

- **错误处理** - 网络请求失败的友好提示

---

## 二、管理后台功能（面向管理员）

### 1. 登录认证

- 管理员账号密码登录

- JWT Token 鉴权

- 登录状态持久化

- 退出登录功能

### 2. 数据概览（Dashboard）

- **统计卡片** - 总浏览量、今日浏览量、总分享数、产品数量、资讯数量

- **访问趋势图** -折线图展示近30天访问趋势

- **分享趋势图** -  折线图展示近30天分享趋势

- **产品排行榜** - 按浏览量排序的产品TO1P10

- **资讯排行榜** - 按浏览量排序的资讯TO1P10

### 3. 名片信息管理

- 编辑企业基本信息：

  - 企业名称、LOGO

  - 联系人姓名、职位、部门

  - 公司名称

  - 联系电话、邮箱、微信号、微信二维码

  - 公司地址、官方网站

  - 企业简介

  - 背景图片

- 实时预览效果

### 4. 轮播图管理

- 查看轮播图列表

- 新增轮播图：上传图片、设置跳转链接、排序

- 编辑轮播图

- 删除轮播图

- 启用/禁用轮播图

### 5. 宣传视频管理

- 上传视频文件（最1大100MB）

- 设置视频封面图

- 设置视频标题

- 启用/禁用视频显示

### 6. 产品管理

- **产品列表**

  - 分页展示所有产品

  - 显示封面图、标题、排序、上架状态

  - 搜索/筛选功能

- **产品编辑**

  - 产品名称

  - 封面图上传（建议400x400）

  - **产品图集上传** - 最多9张图片，支持拖拽排序

  - 产品简介（最多200字）

  - 排序值（0-999）

  - **富文本编辑器**- 编辑产品详细内容，支持图文混排、表格、列表等

  - 上架/下架状态切换

### 7. 资讯管理

- **资讯列表**

  - 分页展示所有资讯

  - 显示封面图、标题、发布时间、发布状态

  - 搜索/筛选功能

- **资讯编辑**

  - 资讯标题

  - 封面图上传（建议800x450）

  - 资讯摘要（最多200字）

  - 作者名称

  - **富文本编辑器**- 编辑资讯正文，支持HTML格式

  - 发布/草稿状态切换

### 8. 应用场景管理

- 查看场景列表

- 新增场景：上传场景图片、设置标题、排序

- 编辑场景

- 删除场景

- 启用/禁用场景

### 9. 个人中心

- 查看当前管理员信息

- 修改密码

---

## 三、后端API功能

### 1. 管理员接口

- 登录认证（POST /api/admin/login）

- 获取管理员信息（GET /api/admin/info）

- 修改密码（PUT /api/admin/password）

### 2. 名片接口

- 获取名片信息（GET /api/card）

- 更新名片信息（PUT /api/card）

### 3. 轮播图接口

- 获取显示的轮播图（GET /api/banner）

- 获取全部轮播图（GET /api/banner/all）

- 新增轮播图（POST /api/banner）

- 更新轮播图（PUT /api/banner/:id）

- 删除轮播图（DELETE /api/banner/:id）

### 4. 视频接口

- 获取宣传视频（GET /api/video）

- 新增/更新视频（POST /api/video）

### 5. 产品接口

- 产品列表（分页）（GET /api/product?page=1&pageSize=10）

- 产品详情（自动增加浏览量）（GET /api/product/:id）

- 全部产品（含下架）（GET /api/product/admin/all）

- 新增产品（POST /api/product）

- 更新产品（PUT /api/product/:id）

- 删除产品（DELETE /api/product/:id）

### 6. 资讯接口

- 资讯列表（分页）（GET /api/news?page=1&pageSize=10）

- 资讯详情（自动增加浏览量）（GET /api/news/:id）

- 全部资讯（含草稿）（GET /api/news/admin/all）

- 新增资讯（POST /api/news）

- 更新资讯（PUT /api/news/:id）

- 删除资讯（DELETE /api/news/:id）

### 7. 场景接口

- 获取场景列表（GET /api/scene）

- 获取全部场景（GET /api/scene/admin/all）

- 新增场景（POST /api/scene）

- 更新场景（PUT /api/scene/:id）

- 删除场景（DELETE /api/scene/:id）

### 8. 统计接口

- 总览数据（GET /api/stats/overview）

- 访问趋势（GET /api/stats/visit-trend?days=30）

- 分享趋势（GET /api/stats/share-trend?days=30）

- 产品浏览排行（GET /api/stats/product-rank?limit=10）

- 资讯浏览排行（GET /api/stats/news-rank?limit=10）

### 9. 文件上传接口

- 上传图片（自动生成缩略图，最1大10MB）（POST /api/upload/image）

- 上传视频（最1大100MB）（POST /api/upload/video）

### 10. 数据统计功能

- **访问日志记录** - 自动记录每次访问的IP、User-Agent、访问时间

- **分享日志记录** - 记录每次分享的来源页面、分享时间

- **浏览量统计** - 产品和资讯详情页自动增加浏览量

- **趋势分析** - 按天统计访问量和分享量，支持自定义天数

---

## 四、技术特性

### 4. 安全特性

- JWT Token鉴权

- 密码加密存储

- SQL注入防护

- 文件上传类型和大小限制

- CORS跨域配置

### 5. 性能优化

- 数据库连接池

- 图片懒加载

- 分页加载

- 静态资源CDN加速（可配置）

- Gzip压缩

---

## 五、适用场景

1. **企业官网替代** - 用小程序替代传统企业官网，更符合移动端使用习惯

2. **销售人员名片** - 销售团队统一使用，方便客户联系和了解产品

3. **展会宣传** - 展会现场扫码即可查看企业信息、产品和案例

4. **社交媒体传播** - 通过微信分享快速传播企业品牌和产品信息

5. **客户服务** - 客户可随时查看产品信息、联系方式，一键拨号咨询

---

## 六、核心优势

1. **一体化解决方案** - 小程序 + 管理后台 + API服务，开箱即用

2. **内容丰富** - 支持名片、产品、资讯、视频、场景等多种内容形式

3. **易于管理** - 可视化管理后台，无需技术背景即可操作

4. **数据统计** - 内置访问和分享统计，帮助企业了解推广效果

5. **灵活扩展** - 模块化设计，可根据需求定制功能

6. **部署简单** - 提供一键部署脚本和详细文档，降低部署门槛

以下是为该项目源码推广设计的SEO优化标题：

**企业名片微信小程序源码 | 管理后台+后端 | 含产品展示资讯视频 | 宝塔一键部署 | 完整开源项目**

这个标题的SEO优化要点：

1. **核心关键词前置** - "企业名片微信小程序源码" 是用户最可能搜索的核心词

2. **技术栈明确** - "管理后台+后端" 吸引技术人员关注

3. **功能亮点** - "产品展示资讯视频" 突出项目功能丰富性

4. **部署便利** - "宝塔一键部署" 降低使用门槛，吸引非技术用户

5. **开源属性** - "完整开源项目" 强调代码完整性，增加信任度

6. **长度适中** - 控制在搜索引擎显示范围内（约60-70字符）

备选标题（针对不同推广渠道）：

- **短标题**：企业名片小程序源码 | 全栈项目 | 开箱即用

- **长标题**：企业名片官网微信小程序完整源码 | 管理后台+后端+MySQL | 支持产品/资讯/视频/数据统计 | 部署文档齐全

- **技术向**：企业名片系统源码 | 前后端分离 | 含小程序端+Web管理后台 | 开源可商用

定制看需求，一般几小时内完成，也不贵。