企业名片小程序是一套面向企业数字化名片与品牌宣传的完整系统源码：由微信小程序端、Web 管理后台与后端 API 服务三部分组成，把企业信息、宣传视频、产品图册、公司资讯集中到一个可分享的小程序里，替代传统的纸质名片与静态官网。

这套企业名片系统解决什么问题？

纸质名片信息量有限，企业官网在手机上体验又偏重。小程序的位置刚好在中间：扫一扫或转发就能打开，加载快，还能直接拨号。这套系统在这个基础上再往前走一步——不只放联系方式，还把产品、资讯、视频、应用场景都装进去，让一张”名片”变成一个随身的产品手册。

小程序端有哪些页面？

底部导航为首页、产品、资讯三个 Tab。

首页自上而下是：轮播图（支持点击跳转）、企业名片信息（名称、LOGO、简介）、宣传视频（在线播放）、应用场景（网格布局）、产品推荐（最新 4 个，横排卡片）、最新资讯（最新 4 条，显示”2 小时前”这类相对时间）。页面底部固定操作栏支持一键拨打企业电话，同时可分享给微信好友并自定义分享标题与封面。

产品模块：列表页分页加载，横排卡片布局（左侧封面、右侧标题与简介），支持下拉刷新与上拉加载；详情页顶部大图，下方是横向滚动的产品图集（点击可预览大图）、标题、标签、浏览量与富文本内容，底部固定”立即咨询”与分享。

资讯模块：结构与产品类似，列表显示封面、标题、摘要与发布时间，详情页展示标题、作者、时间、浏览量与富文本正文。

另有关于页（企业详细介绍与联系方式）与 WebView 页（嵌入外部网页或 H5，用于展示第三方内容）。全站图片均支持点击放大、左右滑动预览。

管理后台能管什么？

后台采用账号密码登录 + JWT 鉴权，共六块内容管理：

模块能力
名片信息企业名称、LOGO、联系人、电话、邮箱、微信号与二维码、地址、官网、简介、背景图，带实时预览
轮播图新增、编辑、删除、排序、启用禁用，可设置跳转链接
宣传视频上传视频（最大 100MB）、设置封面与标题、启用禁用
产品管理封面上传、最多 9 张图集（支持拖拽排序）、200 字简介、排序值、富文本详情、上架下架
资讯管理封面上传、摘要、作者、富文本正文、发布与草稿状态切换
应用场景图片、标题、排序、启用禁用

数据统计看什么？

仪表盘提供五类数据：总浏览量、今日浏览量、总分享数、产品数量、资讯数量；近 30 天访问趋势与分享趋势折线图；产品与资讯浏览量 TOP10 排行。

底层由两套日志支撑：访问日志自动记录 IP、User-Agent 与访问时间；分享日志记录来源页面与时间。产品与资讯详情页被打开时自动累加浏览量，趋势按天聚合，天数可自定义。

技术栈与部署

小程序端为微信原生开发，UI 用 Vant Weapp，富文本用 mp-html 组件；管理后台为 Vue 3 + Element Plus，富文本编辑器用 WangEditor，图表用 ECharts，状态管理 Pinia，路由 Vue Router；后端 Node.js + Express + MySQL 5.7，认证用 JWT，文件上传用 Multer，图像处理用 Sharp 自动生成缩略图。

安全与性能方面：密码加密存储、SQL 注入防护、上传类型与大小限制、CORS 配置；数据库连接池、图片懒加载、分页加载、可配置 CDN 与 Gzip 压缩。部署支持宝塔面板可视化运维，配 Nginx 反向代理与 PM2 进程管理（开机自启、自动重启、日志管理），支持 HTTPS。

适合哪些场景？

企业官网的移动端替代；销售团队统一对外名片；展会现场扫码了解企业与产品；通过微信分享做品牌传播；客户随时查阅产品与联系方式并一键咨询。

同类系统还可参考：在线文档格式转换系统源码、电子画册礼品册系统源码。

在线工具与 SaaS 类系统还有更多，可在在线工具与 SaaS 栏目横向对比。