前言

本周的主要任务是完成短篇小说创作工坊的前端界面开发,风格要与整体ui界面风格统一,具体的页面要求如下:

AI 辅助创作:提供大纲、设定输入表单,展示生成故事,支持续写按钮

用户原创评改:提供小说上传/编辑,展示叙事分析与段落建议

风格化改写:提供风格选择下拉,展示改写结果

一、核心功能开发内容

本周全程负责该模块的前端独立开发,基于Vue语法实现完整页面结构、样式美化与基础状态交互,落地三大核心功能板块,具体开发内容如下:

1. AI辅助创作模块(左侧核心创作区)

该模块是小说创作的入口,主打AI智能生成故事内容,为用户提供从零到一的创作辅助。开发过程中,搭建了完整的创作表单体系,包含小说标题选填、故事大纲/人物/背景设定输入、初始故事片段续写输入三大输入区域,满足不同创作需求:用户可空白输入设定全新生成故事,也可粘贴已有开头让AI续写。

同时新增实用功能配置项与操作按钮,支持“生成参考大纲”快捷配置,搭配开始生成、保存草稿核心操作,适配即兴创作、阶段性留存草稿的使用场景。页面针对输入框做了自适应拉伸优化,兼顾内容输入舒适度与页面整体美观度,为空输入、内容生成、草稿保存等状态预留交互逻辑。

2. 用户原创评改模块(中间核心展示区)

该模块面向用户原创内容优化,支持用户自主上传、编辑原创短篇小说,依托AI能力完成内容智能评改。本次开发实现了完整的评改展示页面结构,包含空状态提示、评改结果展示两大视图。

未上传内容时,展示轻量化空状态图标与提示文案,引导用户输入/上传小说内容;用户提交原创内容后,页面可渲染叙事结构分析、段落优化建议两类核心评改数据,直观展示小说叙事漏洞、段落优缺点及优化方向。同时配置“重新评改、续写故事”操作按钮,支持用户迭代优化内容、延续创作,形成原创内容的闭环优化流程。

3. 风格化改写模块(右侧润色优化区)

为满足用户多样化创作风格需求,本次开发完成了专属风格化改写功能,内置六大主流创作风格:暗黑童话风、赛博朋克风、日式治愈风、武侠江湖风、悬疑推理风、青春校园风,覆盖当下热门短篇文学创作风格。

页面实现了风格下拉选择器、改写结果预览区域,联动原创评改模块,用户完成内容评改后,可一键选择对应风格完成全文改写,实时展示改写后的文本内容。页面区分空状态与结果展示状态,交互逻辑清晰,为用户提供一键润色、风格定制的创作能力,极大丰富了作品的创作质感。

给出最后的呈现效果如下:

二、技术实现亮点

1. 模块化布局,结构清晰:采用三栏弹性布局,固定左右功能栏宽度、中间自适应拉伸,适配不同屏幕尺寸,各模块职责独立、互不干扰,便于后续功能迭代与接口对接。

2. 状态化交互,体验流畅:通过Vue数据变量控制页面空状态、结果展示状态的动态切换,区分未操作、操作中、操作完成等场景,交互反馈直观清晰。

3. 轻量化样式设计:采用卡片式轻量化UI设计,统一圆角、阴影、配色规范,样式scoped隔离,避免全局样式污染,贴合平台整体现代化、简约化的视觉风格。

4. 高可扩展性架构:页面所有功能模块、表单、按钮均预留接口对接位置,后续可快速对接后端AI生成、评改、改写接口,无需重构页面结构,降低迭代成本。

三、总结

本周顺利完成短篇小说创作工坊整体页面开发,落地三大核心AI创作功能,搭建了完整的短篇文学智能创作体系。该模块的上线,补齐了平台短篇创作的功能短板,让平台从单一的诗词、文章创作,拓展至全品类文学创作场景,进一步提升了平台的助学与创作服务能力。后续将持续打磨功能细节,完成接口联调与功能优化,保障模块稳定上线使用。

四、下周工作计划

后续将持续完善该模块功能:对接后端AI接口,实现真实的故事生成、内容评改、风格改写功能;新增loading加载状态、表单校验、历史记录管理功能;优化移动端适配效果,提升多终端使用体验;同时细化文本编辑、内容复制、作品导出等辅助功能,完善整体创作体验。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐