星炬增长产品系统

我要开发同款
proginn17235612502026年08月08日
3阅读

技术信息

作品详情

行业场景

一般项目:技术服务、技术开发、技术咨询、技术交流、技术转让、技术推广;组织文化艺术交流活动;软件开发;软件销售;信息技术咨询服务;信息系统集成服务;信息咨询服务(不含许可类信息咨询服务);网络技术服务;网络与信息安全软件开发;计算机系统服务;互联网销售(除销售需要许可的商品);数据处理服务;工业互联网数据服务;大数据服务;数据处理和存储支持服务;云计算装备技术服务;物联网技术服务;数字文化创意软件开发;数字技术服务;物联网技术研发;互联网安全服务;人工智能基础软件开发;人工智能理论与算法软件开发;人工智能应用软件开发;市场营销策划;咨询策划服务;企业管理;项目策划与公关服务(除依法须经批准的项目外,凭营业执照依法自主开展经营活动)。许可项目:第二类增值电信业务(依法须经批准的项目,经相关部门批准后方可开展经营活动,具体经营项目以审批结果为准)。

功能介绍

1. AI 小星模块实现
双 Tab 切换组件:小星问答 / 小星绘图,封装uni-segmented标签页组件,切换页面缓存状态。
猜您想问快捷问题:前端预置问题列表,点击直接把问题传给 AI 接口;“换一批” 触发数组重新洗牌,刷新快捷问题。
AI 对话接口封装:对接大模型流式接口,实现打字机输出效果;增加*内容由AI生成,仅供参考底部提示文案。
AI 绘图:提交绘图 prompt,调用 AI 绘画接口,返回生成图片展示。
2. 电商榜单模块
4 个榜单入口图标卡片,点击跳转对应榜单页面;后端聚合统计达人、商品、直播、视频业务数据。
使用 uCharts 做榜单数据可视化,前端分页渲染榜单列表。
3. 课程 & 会员模块
星选会员、星选课程双卡片入口,点击跳转对应页面。
星选专栏:横向滚动 swiper 专栏卡片,“查看更多” 跳转专栏列表页。
最新会员课程:网格布局渲染课程卡片,展示课程封面、标题、浏览量;点击跳转课程详情页,播放课程内容。
4. 导师团模块
导师卡片列表,横向滚动展示导师头像、姓名、身份标签、个人简介。
卡片绑定咨询按钮,点击唤起客服咨询弹窗。
5. 资讯信息流
卡片式瀑布流列表,每条资讯渲染封面图、标题摘要、发布时间、点赞 / 评论 / 转发按钮。
下拉刷新、上拉加载更多,实现资讯分页;点赞、转发、评论请求后端接口完成交互。
6. 全局悬浮咨询按钮
全局自定义悬浮组件,App、H5、小程序多端适配,页面路由跳转时保持常驻。
7. 状态管理
Pinia 管理用户登录状态、会员权限、AI 对话上下文;路由拦截,未登录拦截会员、课程、AI 功能。

项目实现

1. AI 能力相关难点
流式对话渲染:AI 问答接口返回流式数据,UniApp 多端下处理SSE流式请求,小程序环境对 SSE 支持有限,需要做兼容降级;打字机效果渲染要处理卡顿、断流重试。
AI 绘图耗时处理:AI 绘图生成耗时较长,需要做 loading 状态、超时处理、失败重试机制;图片返回后做图片缓存,避免重复请求。
上下文会话管理:AI 问答需要维护会话上下文,页面 tab 切换、页面销毁要合理管理会话,防止上下文错乱,同时控制 token 长度,避免请求超限。
2. 多端兼容性难点
UniApp 多端差异:H5、小程序、App 端 SSE 流式接口表现不一致;悬浮咨询按钮在小程序受原生组件层级限制,需要适配cover-view。
页面样式多端适配:卡片、渐变、圆角 UI,不同端 webview 渲染差异,保证 UI 还原设计稿。
3. 性能难点
资讯信息流长列表:资讯无限上拉加载,列表数据量大,需要做虚拟列表,避免 dom 过多导致页面卡顿;图片懒加载优化,减少内存占用。
课程、榜单大量图片资源,图片缓存、图片压缩,防止图片过多页面加载慢。
4. 业务逻辑难点
权限控制:普通用户 / 会员用户权限隔离,课程、会员资源、AI 调用次数做权限校验;前端做拦截,后端二次鉴权,防止越权访问。
榜单大数据处理:榜单数据量大,后端做分页、预聚合;前端分页渲染,避免一次性渲染大量数据造成页面卡顿。
会话状态保存:切换 tab、页面退出,保存 AI 对话记录,下次进入恢复对话历史。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论