**【正文】**尽量把作品讲清楚、展示充分,但请勿在帖内放置可下载的源码包 / 安装包 / 固件包 / 可直接打开的作品文件,也不要贴出体验链接、二维码或测试账号(这些走飞书问卷)
-
本人介绍:
我目前研二在读,网安专业,想纯转码,最开始做这个项目是想给简历添点彩,那个时候正好是七月初,暑期实习不太顺利,后来参加没想到初赛过了,一直到现在复赛。其实我初赛刚开始开发那会就开始实习了,后来就是周末才做,复赛更是白天上班,晚上七点回来继续做,最后这一两个周算是忙起来了哈哈哈。另外还有个原因就是我也算半个二次元,所以在实际的项目设计里有一些我自己线下遇到的问题和想要解决的思路,比如一些活动、周边的信息发布,然后查看活动日期、商品发售日期,线下到店,导航找店等等算是一个比较完整的逻辑闭环链路。当然为了一些处理简易性和可用性,部分内容可能会和实际的内容有所出入,还是因为我这方面实践尚浅。本项目所有内容均是我和ai的想法,绝对不会商用,绝对没有侵权,绝对没有对任何圈子的不尊重和冒犯,绝对不会有任何隐含的错误引导,绝对不会有任何的挑起对立等内容,复赛出现的”小次“形象由我自己创造,ai生成,包括图鉴、表情包、提示,均出自本人想法,图片由ai生成,绝对不会商用和侵权。
首先想要解决的问题是我自己遇到的问题,商场是一直长期存在的内容,线下商场的特点是长期性、强消费绑定、强社交绑定的场景,而活动、周边这类内容一般是临时性、强ip粘性、强体验性的内容,很多时候(并非很多时候,只是我一个浓度略低,关注度不高的二次元老人)会觉得常常出现活动结束了才发现、周边买完了才去查的处境,所以我想通过这个项目内容,以线下真实商场(如果后续能用到公开数据或者和商场达成合作)为载体,把商场内部的活动、商品、商家信息聚合到软件中,让用户可以从手机快速了解到信息。
截止目前这个项目做了大概一个月左右,这个完成度我当然知道还有很多可以去扩展的地方,后续也会更进一步去开发,目前用的还都是虚拟数据,后续会考虑接入真实数据,但一定是合法合规的渠道获取。我希望这个项目在真正完成以后,能够帮到至少几个人,了解到一些热门周边、线下活动的开展,不要错过这类能够到线下去享受和同号、和ip近距离接触的机会,如果能达到这个目标的话,我觉得这个项目就是真的有用了。 -
产品简介(复赛版,区别于初赛 Demo):
-
是什么:复赛项目做的是一个移动端网页,通过这个网页,可以看到线下商场的近期活动、发售周边和热门商家,同时还可以关注到线下商场的咨询,比如新店开业、优惠活动等,让用户在出发前可以有更加明确的目标。未来大概会接入社交帖子、粉丝关注、同号圈交流等社交功能,交易功能就不做了,先把信息发布这个方向深耕完成。
-
面向谁:核心用户是年轻用户,根据调研大概是15-40岁之间的用户,主力群体是20岁左右的大学生群体和年轻用户。
-
完整功能:以几个简单的场景作为示例:**
(1)查看活动–预约活动–线下参加–到店消费:**
在网页首页、咨询页、活动页可以看到商场内举行的互动,已结束、进行中、即将开始等分类,用户可以点击进入预约活动,预约成功以后会给用户发消息和入场码(模拟需要入场二维码的活动),在详情页用户还可以看到关联的商家和商品,完成活动信息–线下参加–到店消费的使用闭环。
所有内容都没有商用、没有盈利,仅做展示,内容也是纯属虚构,切勿当真。(2)查看商品–查看商家–线下导航到店:
在网页的首页、商品页、活动详情页等都可以看到商品,具体的商品页还支持筛选,用户可以点击想要购买的商品查看商品详情,包括销量库存、评论、售卖店铺、其他推荐商品等,用户可以点击关注以后线下到店,还可以通过导航直接到店购买,目标更加明确
(3)参与评论–回复社交:
这部分算是只实现了比较关键的薄弱环节,用户可以在商品、商家、活动三个页面发表自己的评论,评论内容我想了一些花样,比如评级和表情包,当然也可以实现回复、点赞等功能,后续可以在此基础上继续开发关注、私信等社交方面的内容,让评论作为一个社交的出发点,有更多的后续,当然也就需要更多的监管和安全手段了。目前支持夯 顶级 寄 NPC 乐 拉完了六个等级,表情包有24个,用户可以在评论的时候自行选择使用
(4)用户页设置ip档案–修改个人信息:
用户页也受限于开发的功能不够多吧,当前就放了这些内容,包括统计数据、个人信息、消息功能(没错我在这里也放了一个入口),服务中心的功能当前以公告代替,我想的是如果站在商场运营方来看,下面的功能可以支持与运营方沟通,完成一些其他的功能,比如提到的入驻等,不过当前是以公告占位
(5)接入agent–问答引导到店:
这个功能算是大势所趋了,在首页我放置了一个悬浮按钮,用户点击可以和agent助手,也就是商场的看板娘“小次”进行聊天问答,小次会回答问题,并且进行引导,一些和商场无关的问题则不会回答,当然为了更符合人设,小次回答还会附上表情包,让用户感觉像是和小次在对话一样,当然最终会引导到商场的内容,比如活动、商家、商品等等。(6)次元广场看板娘——小次
:
小次是我创造一个类似于这个网页内容的看板娘形象,想到目前大部分内容都会用一个具体的实体来作为展示,以和人相似的形象作为展示,可以让人更有亲近感?所以小次也就出生了。说起来小次只是一次偶然的和让ai生图的产物,当初还只是简单粉色头发和妖精耳朵的简笔画,后来我把这个形象完成丰满,加入了更多的人设,让小次成为一个真正的角色。和初赛相比小次就是最大的改动,我把小次嵌入到了签到收集图鉴、logo展示、底部导航栏、用户页背景、表情包、agent问答角色、公告图、宣传图、消息页面等等,几乎所有地方都有小次的影子。虽然是一个ai生成的形象,但是在一步步完善小次人设和具体形象的过程,我觉得这更像基于这个项目的最大产出小次在很多地方都帮了我很大的忙,比如签到功能,最开始签到功能无论怎么开发就干巴巴的签到,什么积分、金币奖励没有什么用,因为都是些虚拟数据,后来我想到了收集图鉴的玩法,只做了小次的图鉴上图3,每连续签到3次可以解锁小次的图鉴,每个图鉴收集三张以后可以自动解锁隐藏图鉴,全收集还有一张感谢图鉴,让签到这个功能有了一点点的意义
;还有表情包,我觉得小次这个形象真的很适合做表情包,我最开始本来还只打算做10个左右的,后来做了24个表情包,每个都有解释,并且都让小次可以在ai回复里自己使用,也让小次这个活泼、灵动的人设更加出彩。
大概的一些功能逻辑就是这些了,我当然觉得其实还不够,尤其是使用的都是一些成熟的软件以后,我更感觉自己做的内容很贫瘠,但是我觉得这个内容已经是我最努力的结果了,所以我也很开心,也希望能够有一个好的结果 -
相比初赛 Demo 的升级:其实上面提到的功能我觉得都算是复赛更核心的看点和内容,尤其是小次这个形象。
。所以我现在也能够比初赛的时候更有信息去介绍我这个项目了,这是我从复赛开发里学到的最大的东西了吧,后续我也会尽量把这个内容开发完毕,争取以一个更完整的姿态发布。
在初赛我更多的只是有想法,很多内容都只是以一个把内容做出来就好了,不会以用户的角度去考虑怎么形成闭环,我记得很清楚的是demo只有活动展示,然后就没了,如果我是用户我参加一个快闪活动,我都到线下参加完回家了才发现实际还有联动的商家和商品,我会感觉活动参加得很不值得,所以我会想把一些更完善的链路进行开发;
另外还有就是初赛的内容我只想着把东西做出来,但是复赛我就会更想把这个东西做得好一点,demo还想着要做交易、要做社交、要做发帖回帖,在复赛我反而想着这些东西会让已有的东西变得学艺不精,很多东西如果我一股脑的去开发反而会带来更多的问题,所以我专注把信息发布这一大块的内容进行开发完善,同时也考虑让一些贫瘠的内容增加一些更丰富的内容,比如签到收集图鉴,评论带表情包等等
-
产品演示视频:
录屏我的演示比较长,可以看链接,没有开麦所以看右边说明吧= -
产品创作历程:
最初的话这个产品是为了解决我自己的一些需求,也就是我遇到的,一方面一些线下活动总是逾期了才会刷到,一些热门限量商品总是卖完了才会看到,而且,当前的消息发布渠道多而杂,抖音、小红书、微博,一条有效的消息可能会需要来回转才能看到,没有一个统一的地方,另一方面,我到了线下的商场,会有一种那么多店不知道去哪个店的情况,而且几乎总是遇到,因为我去的时间和次数并不多,一般是一周去一次,很多东西其实更新得比较快,可能上周还在这个地方的谷子下周就上新其他谷子了,所以我想做一个统一的消息发布平台,为了更好的线下商场绑定,也只专注做线下商场的内容,这样也有一定的门槛性,尽量服务哪些有意愿到线下转化消费,或者已经在线下而不知道去哪里消费的用户;
初赛我有很多想法,我想做信息发布、想做线上交易、想做帖子社交,但是很多内容我其实并没有一个比较具体的、闭环的设计链路,就觉得应该大而全,让用户有更多的功能选择,初赛作品制作的那段时间我找到了实习,我在公司学习到了一些理念,就感觉不能一下子把很繁杂的东西一股脑的塞进去,使用闭环和功能完善会是留住用户的最大需求,所以我转变了思路,先专注于信息发布这一个大块方向;
复赛就是进行完善了,我完善了活动-商家、商品关联-线下到店消费,agent问答引导-线下到店消费,签到-收集图鉴,查看活动-预约活动-入场参加-到店消费等等对于用户来说比较完整的体验链路,也在很大一部分内容设计放入了一些新东西,比如看板娘小次等等,目前来看我还是比较满意复赛的整体作品的。
在复赛过程中我是分了很多个任务,尽量每次都是按照一个大任务来进行完成验证,然后提交开发下一个任务,比如上面提到的签到功能,图鉴收集我觉得很大程度上减弱了原来单纯签到的枯燥感,还有统计数据,由于用户页的内容功能并不完善,看起来感觉用户页很贫瘠,所以增加了统计页,也完善了引入以后的数据对应和内容;
一些建议也是trae在开发过程提出来的,比如一些常用的数据,首页聚合内容、商品、商家、活动默认展示,用户页缓存等,trae建议引入redis缓存,减少每次都去读取数据库的操作,相应变快,再有就是一些逻辑决策,比如同时预约和取消活动、比如通知中心的同步信息、信息分类等,很多内容都是我让ai反问我,然后给出一些方案进行选型,这样能够让设计更符合主流规范吧。 -
TRAE 实践过程:
评论功能设计
1769546753773424:ed555f4885adfe60962d25a58f9c4be5_6a6caadfac4cee289be3cc26.6a6cae7eac4cee289be3cc7a.6a6cae7eac4cee289be3cc78:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/7/31 22:17:34)
解决用户头像上传失败bug
1769546753773424:b53ca175254575b829dcf68ab2f85e21_6a642cdff2294b2f391a53ef.6a644fc2f2294b2f391a57a2.6a644fc2f2294b2f391a57a0:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/7/25 13:55:14)
agent方案讨论
1769546753773424:892d8a0bd04b91b048165bad5842b8d6_6a642cdff2294b2f391a53ef.6a646590e41d104c0a04d9f0.6a646590e41d104c0a04d9ee:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/7/25 15:28:16)模型不可调用时调用兜底算法
1769546753773424:c2db36edfe50ed99e6fbbaf76d28c5e8_6a642cdff2294b2f391a53ef.6a64c361613ee6e66413376a.6a64c361613ee6e664133768:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/7/25 22:08:33)具体的页面美化改动1769546753773424:40cb056386f71c5cb74dc8eb55f89e7f_6a6daf9316e9ec43afdb88aa.6a6de5ab16e9ec43afdb8932.6a6de5ab16e9ec43afdb8930:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/1 20:25:15)
模型回答调优
1769546753773424:2d37b13cde26b7ab8ca9f5b971b99d16_6a6e109216e9ec43afdb8d2e.6a6f1023fb78d69611d8603f.6a6f1022fb78d69611d8603d:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/2 17:38:43)
准备规范部署
1769546753773424:aa429c5898674691673c4a5d0e610c0f_6a6f572c6ef73b54c833455c.6a70a2652a4c891f7dc24d41.6a70a2652a4c891f7dc24d3f:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/3 22:15:01)
解决报错
1769546753773424:3e9dbc5258de8b71e83ca68f32a5f404_6a6f572c6ef73b54c833455c.6a7326fbfd127ca69ffda72d.6a7326fafd127ca69ffda72b:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/5 20:05:15)清晰展示使用 TRAE 完成产品开发的完整流程;
-
一些其他内容
(1)商业价值:我觉得我做这个内容可以有一些门槛,当然现在是没有的,如果可以的话可以和线下的这类商场达成合作,提供内部的api接口数据,尽早的同步内容到网页当中,这样用户也可以第一时间获取信息,也就是把信息第一时间统一的发布,让用户可以尽快的知道,然后去安排计划到线下消费。门槛当然就是和商场的合作了,有新鲜的数据肯定会是一个大的优势,也是其他类似产品的门槛;
(2)社会价值:其实这类产品的用户人群很明确就是会线下消费的人群,根据我的调研,二次元商场的线下转化率会比一些商业商场的转化率更高,因为很多的谷子、活动定价是偏低的(相比较下来的话),而当前的消费群体人数是十分十分巨大的,二次元经济也在逐年增长没所以我觉得这是一个值得去做,也值得去实现的产品;
(3)后续迭代:我觉得当前产品就应该主打信息发布,当用户真的使用到信息发布带来的便利,就是有了一部分会习惯性打开使用的用户以后,再去迭代社交、关注、同好圈等功能,也就是二期的话会主打社交,第一期主打信息发布,当然也需要加紧安全、监控方面的内容辅助,不过那些都是后话了;
(4)技术分享:我了解的东西还不足以到指导哪个地步,所以我只是做分享:由于接入了agent功能,实际使用spring-ai依赖,java版本应该在17及以上;
前端设计我没有学习过,只能通过描述来让ai理解我的抽象内容,我的经验就是在已有框架基础上,如果可以的话尽量先让ai说明已有的设计的内容,比如某一个栏的所占大小是多少px,图片展示比例是多少,然后你再去对应的调整要填入的内容,美化建议的话按审美来,我也没什么审美,所以就不建议了;
和ai先交心讨论方案,或者让他反问你的具体需求,然后再交力去写内容,往往会减少很大一部分的返工和修复工作;
我使用的skills是ponytail,可以到github上搜索查看,其他的一些skills使用比较简单,都是引入,让ai记住,每次开展新对话以前会让ai重复一遍已有的内容和会的技能,然后再去开发。
加分建议:如能进一步补充技术方案分享(技术栈、关键实现思路,对应「技术实现」)、商业化或社会价值分析、产品迭代规划等内容,准备越充分,越有助于在复赛中获得更高评分。















































