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

项目概述

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

  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管理后台 | 开源可商用

相关推荐
px不是xp3 小时前
Docker部署Qdrant向量数据库,初始化向量数据库,重构RAG逻辑
数据库·docker·微信小程序·重构·qdrant
px不是xp4 小时前
【灶台导航】 RAG系统的容错设计:从向量搜索到关键词降级,一个都不能少
javascript·微信小程序·notepad++·rag
阿里巴啦5 小时前
微信小程序实战:基于原生框架 + 云开发实现 干饭足迹小程序,美食打卡、地图探索与消费报告
微信小程序·小程序开发·微信云开发·云函数·小程序项目实战·美食打卡记录
px不是xp6 小时前
【灶台导航】烹饪导航页:步骤、定时器与语音播报
前端·javascript·微信小程序·云函数
空中海20 小时前
微信小程序 - 03 工程实践层与综合 Demo
微信小程序·小程序·notepad++
小徐_233321 小时前
Wot UI v1 升级 v2?这份迁移指南帮你少踩坑!
前端·微信小程序·uni-app
优睿远行1 天前
微信小程序云开发环境搭建与REST API混合架构实战
微信小程序·小程序
Greg_Zhong1 天前
解决绘制的雷达图在页面有滚动时,雷达图出现`轻微上下偏移`的问题
微信小程序·canvans绘制雷达图
空中海1 天前
微信小程序 - 02 基础概念层与核心能力层
微信小程序·小程序