项目概述
这是一个完整的企业数字化名片展示与品牌宣传系统,包含三个核心模块:
-
微信小程序端 - 面向用户的名片展示、产品浏览、资讯阅读
-
管理后台(Web) - 面向管理员的内容管理系统
-
后端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压缩
五、适用场景
-
企业官网替代 - 用小程序替代传统企业官网,更符合移动端使用习惯
-
销售人员名片 - 销售团队统一使用,方便客户联系和了解产品
-
展会宣传 - 展会现场扫码即可查看企业信息、产品和案例
-
社交媒体传播 - 通过微信分享快速传播企业品牌和产品信息
-
客户服务 - 客户可随时查看产品信息、联系方式,一键拨号咨询
六、核心优势
-
一体化解决方案 - 小程序 + 管理后台 + API服务,开箱即用
-
内容丰富 - 支持名片、产品、资讯、视频、场景等多种内容形式
-
易于管理 - 可视化管理后台,无需技术背景即可操作
-
数据统计 - 内置访问和分享统计,帮助企业了解推广效果
-
灵活扩展 - 模块化设计,可根据需求定制功能
-
部署简单 - 提供一键部署脚本和详细文档,降低部署门槛
以下是为该项目源码推广设计的SEO优化标题:
企业名片微信小程序源码 | 管理后台+后端 | 含产品展示资讯视频 | 宝塔一键部署 | 完整开源项目
这个标题的SEO优化要点:
-
核心关键词前置 - "企业名片微信小程序源码" 是用户最可能搜索的核心词
-
技术栈明确 - "管理后台+后端" 吸引技术人员关注
-
功能亮点 - "产品展示资讯视频" 突出项目功能丰富性
-
部署便利 - "宝塔一键部署" 降低使用门槛,吸引非技术用户
-
开源属性 - "完整开源项目" 强调代码完整性,增加信任度
-
长度适中 - 控制在搜索引擎显示范围内(约60-70字符)
备选标题(针对不同推广渠道):
-
短标题:企业名片小程序源码 | 全栈项目 | 开箱即用
-
长标题:企业名片官网微信小程序完整源码 | 管理后台+后端+MySQL | 支持产品/资讯/视频/数据统计 | 部署文档齐全
-
技术向:企业名片系统源码 | 前后端分离 | 含小程序端+Web管理后台 | 开源可商用


