企业名片画册相册微信小程序源码 | 管理后台+后端 | 含产...

zhang*** · 2026-5-12 08:15:07

企业名片画册相册微信小程序源码 | 管理后台+后端 | 含产品展示资讯视频

复制代码

---
## 项目概述
这是一个完整的**企业数字化名片展示与品牌宣传系统**，包含三个核心模块：
1. **微信小程序端** - 面向用户的名片展示、产品浏览、资讯阅读
2. **管理后台（Web）** - 面向管理员的内容管理系统
3. **后端API服务** - 提供数据接口和业务逻辑处理
适用于企业、机构、个人工作室等需要数字化名片展示和品牌宣传的场景。
---
## 一、小程序端功能（面向用户）
### 1. 首页模块
- **轮播图展示** - 顶部轮播展示企业宣传图片，支持点击跳转
- **企业名片信息** - 展示企业名称、LOGO、简介等核心信息
- **宣传视频** - 嵌入企业宣传视频，支持在线播放
- **应用场景** - 网格布局展示企业产品/服务的应用场景图片
- **产品推荐** - 展示最新4个产品，横排卡片样式，点击查看详情
- **最新资讯** - 展示最新4条资讯，横排卡片样式，显示相对时间（如"2小时前"）
- **一键拨号** - 底部固定操作栏，支持直接拨打企业电话
- **分享功能** - 支持分享给微信好友，自定义分享标题和封面
### 2. 产品模块
- **产品列表页**
- 分页加载产品展示
- 搜索功能（可选）
- 横排卡片布局：左侧封面图（200x200），右侧产品信息（标题、简介、发布时间）
- 下拉刷新、上拉加载更多
- **产品详情页**
- 顶部大图展示（500rpx高度）
- **产品图集** - 横向滚动展示多张产品图片，支持点击预览大图
- 产品标题、标签、浏览量、发布时间
- 富文本详细内容（使用 mp-html 组件渲染 HTML）
- 图片点击预览功能
- 底部固定操作栏：立即咨询（拨号）、分享
### 3. 资讯模块
- **资讯列表页**
- 分页加载资讯文章
- 横排卡片布局：左侧封面图（200x150），右侧资讯信息（标题、摘要、发布时间、相对时间）
- 下拉刷新、上拉加载更多
- **资讯详情页**
- 资讯标题、作者、发布时间、浏览量
- 富文本正文内容（支持 HTML 格式，包括图片、文字排版等）
- 图片点击预览功能
- 底部固定操作栏：立即咨询（拨号）、分享
### 4. 关于页面
- 企业详细介绍
- 富文本内容展示
- 联系方式展示
### 5. WebView页面
- 支持嵌入外部网页链接
- 用于展示第三方内容或H5页面
### 6. 通用功能
- **自定义底部导航栏** - 三个Tab：首页、产品、资讯
- **图片预览** - 所有图片支持点击放大预览，左右滑动切换
- **拨打电话** - 一键拨打企业联系电话
- **分享功能** - 支持分享到微信好友，自定义分享卡片
- **加载中状态** - 统一的加载动画和空状态提示
- **错误处理** - 网络请求失败的友好提示
---
## 二、管理后台功能（面向管理员）
### 1. 登录认证
- 管理员账号密码登录
- JWT Token 鉴权
- 登录状态持久化
- 退出登录功能
### 2. 数据概览（Dashboard）
- **统计卡片** - 总浏览量、今日浏览量、总分享数、产品数量、资讯数量
- **访问趋势图** -折线图展示近30天访问趋势
- **分享趋势图** - 折线图展示近30天分享趋势
- **产品排行榜** - 按浏览量排序的产品TOP10
- **资讯排行榜** - 按浏览量排序的资讯TOP10
### 3. 名片信息管理
- 编辑企业基本信息：
- 企业名称、LOGO
- 联系人姓名、职位、部门
- 公司名称
- 联系电话、邮箱、微信号、微信二维码
- 公司地址、官方网站
- 企业简介
- 背景图片
- 实时预览效果
### 4. 轮播图管理
- 查看轮播图列表
- 新增轮播图：上传图片、设置跳转链接、排序
- 编辑轮播图
- 删除轮播图
- 启用/禁用轮播图
### 5. 宣传视频管理
- 上传视频文件（最大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. 文件上传接口
- 上传图片（自动生成缩略图，最大10MB）（POST /api/upload/image）
- 上传视频（最大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管理后台 | 开源可商用

复制代码

游客，本帖隐藏的内容需要积分高于 10000000 才可浏览，您当前积分为 0

王*** · 2026-5-12 08:15:08

微信通过下

pojie*** · 2026-5-12 08:15:09

已加客服

xxiao*** · 2026-5-12 12:01:50

顶一下！！

shahes*** · 2026-5-12 14:00:45

非常好！！

mingl*** · 2026-5-12 14:18:58

沙发！！

sdrz*** · 2026-5-12 21:13:41

支持！！！

sea_wa*** · 2026-5-13 07:30:14

你好棒！！

8370*** · 2026-5-13 19:03:25

你历害！！

dianw*** · 2026-5-23 16:38:09

支持！！！

		自动登录	找回密码
密码			立即注册