尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

看图看视频 SAAS 多租户多城市 H5 内容展示与引流平台 一套程序开 N 个站站群系统源码

看图看视频 SAAS 多租户多城市 H5 内容展示与引流平台 一套程序开 N 个站站群系统源码 看图看视频 SAAS 多租户多城市 H5 · 功能介绍一、这个产品是做什么的这是一套一套程序、开很多个站的内容展示与引流平台。核心业务是把图片、视频这类内容集中管理然后按城市分发到多个独立的小网站站点上给访客看访客看到中意的内容后复制客服的微信号去微信里找客服成交。平台本身不做任何在线交易——没有注册、没有登录访客端、没有下单、没有支付。它扮演的角色是内容橱窗 客服引流。访客负责看成交环节全部引流到微信里人工完成。每个站点由一个入口参数URL 上的一段随机码来区分拥有独立的站点名称、客服联系方式、开通的城市、广告位和一系列开关。内容默认来自一个公共的总后台内容池各站点根据自己开通了哪些城市自动过滤出对应城市的内容来展示。二、两套使用者、三种角色整个系统面向两类人一类是运营管理者通过 PC 端的管理后台操作。后台里又细分两种角色超级管理员掌控全局管理所有站点、所有原始内容、城市字典、广告位、域名、账号和存储配置。租户账号每个租户相当于一个站点的负责人只能看到和管理自己那一个站点的数据完全看不到其他租户的任何内容。另一类是终端访客通过手机 H5 页面浏览不需要任何账号拿到链接直接看。超级管理员和租户使用的是同一套后台程序登录后系统根据角色下发不同的菜单。超管能看到数据概览、租户管理、城市与地区、内容管理、广告位管理、域名管理、账号管理、存储配置这些全局菜单租户只能看到数据概览、内容管理仅自己发布的、站点配置、推广入口这几个与自己站点相关的菜单。三、核心业务全流程1. 开一个新站超级管理员创建一个租户填写站点名称、客服电话、客服微信号勾选这个站要开通哪些城市设置内容来源等几个开关绑定域名和广告位。系统会自动生成一个入口参数拼出完整访问链接形如域名 入口参数并且同时为该租户创建一个能登录后台的主账号。最后把这个链接复制、或者生成二维码交给租户拿去投放推广。2. 准备内容超级管理员在总后台维护内容池上传图片或视频、上传封面、填标题、选择这条内容属于哪个城市的哪个地区、填一个整数价格然后上架。内容一旦上架就会自动出现在所有开通了该城市的站点前台不需要逐个站点手动分发。这里有一个严格的依赖顺序必须先建好城市再在城市下建地区才能上传归属这些地区的内容。城市和地区是全站共用的基础字典。3. 访客看内容、复制微信访客打开链接后服务端根据入口参数识别出是哪个租户的站点返回这个站的信息和它已开通的城市。访客按照城市 → 地区 → 价格三级逐级筛选浏览图片或视频看中后复制客服微信号。复制这个动作会被记录一次不管剪贴板是否真的写入成功都算一次写不成功用户还能长按手动复制。之后访客在微信里联系成交。4. 租户自己发内容可选如果超管给某个租户打开了允许自主发布开关租户就能在自己已开通的城市下自己上传内容。这些内容只出现在自己那个站上和其他租户完全隔离。四、内容来源的两个开关每个站点有两个关键开关决定它前台到底展示什么内容内容同步开关开启后这个站会同步总后台内容池里、属于它已开通城市的内容。允许自主发布开关开启后这个站会展示租户自己发布的内容。两个开关可以自由组合出三种有效状态只同步内容池、只展示自发布内容、或者两者都要内容池同步内容 ∪ 租户自发布内容。系统有一条硬性校验不允许同时把两个开关都关掉否则这个站会一条内容都没有保存时会被直接拦截并提示。五、管理后台各功能模块登录账号密码登录登录成功后按角色进入数据概览页。没登录时访问任何页面都会被拉回登录页。数据概览超管看到的是全平台汇总站点总数、内容池总数、域名总数、广告位数四个数字卡片加上近 7 天新增内容趋势图、各城市内容数柱状图、以及各站点复制次数排行榜。租户只看到自己站点的数据本站内容数、本站复制次数、已开通城市数加上近 7 天复制趋势图。这里的复制次数就是访客在 H5 上复制客服微信号的次数是衡量引流效果的核心指标。租户管理超管以列表形式管理所有站点能看到站点名、入口参数、客服电话、开通城市数、内容来源、到期时间、状态等。支持的操作有复制链接、显示二维码、编辑、启用停用、重置入口参数、删除。复制链接时如果一个站绑了多个域名会弹出列表让超管选一个再复制。复制出的链接会根据访问后台的环境自动适配在本地开发时复制出来是本机或局域网能直接点开、能扫码的地址在生产环境则一律是正式域名。重置入口参数会生成新的随机码旧链接立刻失效二次确认。删除是软删除只把状态置为停用不物理删数据。新建和编辑表单里除了站点基础信息还要多选开通城市、多选绑定域名、单选广告位、设置三个开关、可选填到期时间新建时还要设置该租户主账号的用户名和密码。城市与地区超管左右两栏布局左边是城市列表选中某个城市后右边显示它下面的地区列表。城市和地区都支持增删改、启停、排序。删除城市或地区前会校验是否被内容引用被引用则拒绝删除并提示引用数量。页面底部还会展示该城市下各地区已有的价格档分布只读。这个统计口径和访客在 H5 上实际能选到的价格档完全一致只统计已上架的内容被停用的地区、停用的城市都不体现。相当于让管理者直观看到访客实际会看到什么价格筛选。内容管理顶部一排筛选关键词、城市、地区、价格、类型、状态支持新增、批量上架、批量下架、批量删除。列表展示封面缩略图、标题、类型、城市、地区、价格、状态、发布时间。新增编辑时选内容类型是视频就要求上传视频文件选图片则无需视频。价格要求是整数元。租户账号登录后这里的城市下拉只列出自己开通的城市且只能看到、只能操作自己发布的内容总后台内容池的内容对它完全不可见。广告位管理超管管理站点上展示的广告图名称、广告图、点击后的跳转链接、状态。删除广告位前会校验是否被站点绑定占用被占用则拒绝。域名管理超管维护可用于开站的域名池。每个域名可以分配给某个站点也可以取消分配。一个域名同一时刻只能属于一个租户——分配时在事务和行锁里做二次校验如果已被别的租户占用会拒绝并指名当前归属。分配关系一变系统会立刻刷新跨域白名单保证新域名下的站点能正常访问接口。已分配的域名不允许直接删除。账号管理超管管理所有后台账号包括超管自己和其他租户的主账号能看到用户名、角色、所属站点、状态、最后登录时间。支持新增、编辑、启停、重置密码重置后弹出新密码供复制、删除不允许删除自己。存储配置超管选择上传的文件存到哪里本地服务器还是阿里云云存储。选了本地云存储那几项就置灰。云存储要填 AccessKey、Bucket、Endpoint、访问域名等已保存的密钥会以脱敏形式回显。提供测试连通性按钮用当前配置试传一张测试图验证是否可用。切换存储方式只影响后续新上传老文件地址保持不变。站点配置租户租户在这里能修改自己站点的站点名、客服电话、客服微信号、绑定的广告位。而入口参数、开通城市、各种开关、域名、到期时间这些属于超管权限的字段对租户只读展示改不了。推广入口租户租户在这里看到自己站点的所有可用链接每条可以一键复制也能生成二维码下载方便拿去投放。修改密码任何登录账号都能通过右上角菜单修改自己的密码需要验证原密码两次新密码要一致。六、访客端 H5 页面功能访客端是一个单页面所有操作都在同一页里完成没有跳转和路由。页面从上到下依次是站点名称通栏、客服提示行显示客服电话可点击复制微信、城市标签行、地区标签行、价格标签行、广告位、内容卡片流、底部客服条、右侧悬浮按钮组。三级筛选联动筛选是层层递进的先选城市才出现这个城市下的地区标签选具体地区才出现这个地区已有的价格档。切换城市会清空下面地区和价格并重新加载列表切换地区清空价格重新加载。城市选全部时地区行和价格行都隐藏。点击已经选中的标签不重复响应。广告位只在城市选全部时显示一旦选了具体城市就隐藏。内容卡片内容分两种卡片图片卡封面铺满点击封面弹出全屏大图看黑色遮罩可以点大图本身、点遮罩、点右上角关闭按钮任意一种方式关闭桌面端还支持键盘退出。看大图时锁定背景滚动关闭后回到原来的滚动位置。视频卡封面铺满中间有播放按钮点击就地播放。播放时卡片内显示自定义控制条播放暂停、当前时间、进度条、总时长、全屏、收起。同一时刻全站只允许一个视频在播播新的会自动收起旧的卡片滚出屏幕会暂停但不清进度。播放结束停在最后一帧并变成重播图标。两类卡片底部都有一行城市 地区 价格信息条这行只是展示不可点击、没有任何跳转。封面加载失败会显示占位图视频加载失败会提示。列表加载首次进入加载第一页往下滑到底自动加载下一页加载中、没有更多数据、该条件下暂无内容空状态配图都有对应提示。每页固定 10 条。三处复制客服微信顶部客服提示行、右侧悬浮复制按钮、底部客服条三个入口行为完全一致点击后写入剪贴板、弹出已复制微信号提示、并上报记录一次复制事件。复制的内容优先取客服微信号微信号为空时回退取客服电话。底部客服条是否显示由该站点的开关决定。右侧悬浮按钮组里复制按钮常驻返回顶部按钮只有滚动超过一屏后才出现。不可访问页面当链接无效或站点不可用时访客会看到一个统一的提示页居中配图加一句主提示不泄露任何站点名、电话、微信等信息。具体分三种情况入口参数错误或已被重置提示链接已失效站点被停用提示站点已停用站点服务到期提示站点服务已到期。停用和到期同时命中时按停用处理。七、数据与权限边界关键设计整套系统在数据隔离上做了严格约束所有列表接口都按登录角色自动注入数据范围租户的归属由登录态决定不信任前端传参所有写操作都会校验目标数据是不是这个租户自己的越权访问统一返回 403。当租户被停用、软删除或到期时它名下的账号无法登录已签发的令牌立即失效前台链接也同时不可访问但超管一侧仍然能正常查看和管理这个租户。城市、地区的停用状态会传导到前台一旦某个城市或地区在后台被停用它下面的内容就不再对外输出访客端筛选里也看不到它但管理后台的内容列表不受影响仍完整展示方便恢复启用后内容自动回到前台。八、运营配置项系统还提供了全局的系统配置存储方式、云存储密钥等以键值对形式保存以及完整的示例数据8 个城市、每城若干地区、多个站点、广告位、域名、数百条内容池内容与复制记录等保证所有页面打开就有内容可看方便演示和验证。所有后台账号的初始登录密码统一为一个约定值。以上就是基于代码实际实现的功能全貌。概括一句话这是一个多城市内容集中供给、多站点独立展示、以复制客服微信为转化手段的看图看视频引流平台超管管内容和站点租户管自己站访客拿链接看内容并复制微信。基于代码实现的功能我提炼出项目可搜索的核心关键词看图看视频、SAAS、多租户、多城市、H5、内容引流、客服微信复制、图片视频展示平台、广告位、域名、内容池、按需分发等据此产出多组 SEO 优化标题按用途分类。一、主标题产品定位类看图看视频 SAAS 多租户多城市 H5 内容展示与引流平台 一套程序开 N 个站站群系统源码看图看视频 SAAS 多租户多城市 H5 内容展示与引流平台多城市看图看视频 SAAS 系统 · 一套程序开 N 个站SAAS 多租户多城市图片视频展示 H5 引流源码看图看视频多城市内容分发平台 · 多租户独立站点源码多租户 SAAS 图片视频 H5 展示站群系统源码二、关键词堆叠类覆盖搜索词看图看视频系统_多城市内容平台_SAAS 多租户_H5 引流源码图片视频展示 H5_多城市筛选_客服微信复制_站群 SAAS 源码多租户看图看视频平台_内容池分发_广告位引流_H5 源码城市地区价格三级筛选_图片视频 H5 展示_多租户 SAAS 源码SAAS 站群系统_多城市内容管理_微信引流_H5 源码三、痛点/场景类转化导向一套程序管所有城市内容看图看视频 SAAS 多城市 H5 源码不用逐个站上传内容多城市自动分发看图看视频 SAAS 系统访客复制微信直接成交的看图看视频 H5 引流平台源码内容集中管理、多站按城市分发 · SAAS 多租户看图看视频系统手机端看图看视频内容站群客服微信引流一体源码四、功能卖点类突出特性多租户数据隔离 · 城市地区价格三级筛选 · 看图看视频 SAAS 源码内容池自动同步 租户自主发布 · 多城市看图看视频 H5 系统图片全屏看 视频就地播 · 多城市看图看视频引流源码独立站点名/客服电话/广告位 · SAAS 多城市看图看视频平台复制链接即投放、二维码一键生成 · 多租户 H5 内容引流源码支持本地与云存储、多域名分配 · 看图看视频 SAAS 站群源码到期自动下线、停用即时失效 · 多城市内容管理 SAAS 系统五、长尾/问句式匹配搜索意图看图看视频系统源码怎么做多城市内容分发多租户 SAAS 图片视频展示平台源码哪家好如何用一套程序开多个看图看视频 H5 站点客服微信引流的内容展示 H5 源码是什么支持城市地区价格三级筛选的看图看视频源码六、描述性副标题可作 meta description 或副标集中管理图片视频内容按城市自动分发到各站点访客复制客服微信即完成引流。SAAS 多租户架构每个站独立站点名、客服电话、开通城市与广告位数据互不干扰。一套源码同时提供多租户管理后台与手机端 H5 展示覆盖内容供给、筛选、看视频、复制引流全流程。说明以上标题均以代码实际功能为依据拟定核心可检索词为看图看视频、SAAS、多租户、多城市、H5、内容展示、引流、客服微信、站群、源码可按投放渠道挑选或组合如主标题取 1-5 一条副标取 28-30 一条。H5端-全功能长图-1.jpg管理端-全功能长图-1.jpg管理端-全功能长图-2.jpg
返回列表