用豆包MarsCode 的他们,都玩出了什么花样?(二)_个人博客

 豆包MarsCode 的他们,都玩出了什么花样?(一)展示了众多优秀的开发者参与#豆包MarsCode 体验官#活动所分享的个人项目实践和心得。

今天,第二期已如约而至,让我们一起来看看更多开发者的精彩成果吧,拉到文章下方有惊喜活动哦!

原文链接: 用豆包MarsCode 的他们,都玩出了什么花样?(二)


01 个人博客系统

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_02

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发者_03

用户@我喺小VIE 在稀土掘金社区分享了自己使用豆包Marscode 设计个人博客系统的过程,该系统的开发涉及前端和后端,是一次全栈式地从 0 到 1 的项目实践。

在该个人博客系统中,用户共规划为三大项目:

  • 后端服务——Blog Service
  • 前端内容管理系统——Blog CMS
  • 前端博客页面——Blog Web

该博客的后端服务、后台管理代码几乎全部由豆包MarsCode AI 助手智能生成,博客页面则在 AI 辅助的基础上进行了个人调整,在编写代码的过程中遇到报错情况时,豆包Marscode 也能完成错误修复,还可以选择代码片段让 AI 检查并修复潜在警告,过程中还可以使用豆包MarsCode 内嵌的 Webview 工具实时预览页面。

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_04

用豆包MarsCode 的他们,都玩出了什么花样?(二)_个人博客_05

点击查看详细开发步骤: https://juejin.cn/post/7393184932648599587


02 学生管理系统

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发者_06

用户@全栈小刘 分享了自己使用豆包MarsCode 来开发一个学生管理系统功能的案例,该系统支持学生信息查询、编辑和删除,还能够更换界面皮肤。

用户选择使用的技术栈是经典的 React 18 +  typescirpt + Axios,在初步制作完成后也利用豆包Marscode 再度进行二次优化,在很大程度上提升了开发效率。

用豆包MarsCode 的他们,都玩出了什么花样?(二)_个人博客_07

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_08

点击查看详细开发步骤: https://juejin.cn/post/7392106015103352841


03 “小说文本自动插图生成”项目

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发者_09

作为一名热衷于技术与艺术融合的创作者,用户@睡个好jo 利用豆包MarsCode 成功创建了一个能够根据小说文本自动生成插图的项目。即只要我们输入一段小说片段,它就会根据给到的片段内容自动生成一张图片,在通过点击“发送”按钮提交小说片段后,系统就会异步请求后端 API ,获取并展示生成的插图。

在前端部分,用户使用 HTML 和 JavaScript 构建前端界面;在后端部分,则选择 Koa.js 作为服务器框架。在操作过程中,豆包MarsCode 也多次辅助用户进行代码检查。

用户表示,豆包MarsCode 作为他的编程助手,在这个项目中扮演了至关重要的角色,从代码编写到逻辑优化,它都提供了一定的辅助,不仅简化了开发过程,还提高了开发效率。

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_10

点击查看详细开发步骤: https://juejin.cn/post/7388338139632746547


04 数智化线上车展数据分析平台

用豆包MarsCode 的他们,都玩出了什么花样?(二)_个人博客_11

作为一名前端开发工程师,用户@静Yu 选择利用 Vue+Echarts 创建一个大屏项目:数智化线上车展数据分析平台。整个可视化大屏共分为六部分,分别是两个横向的柱状图,一个中国地图,一个折线图、一个饼状图及一个热力图,用户在原文中均给出对应代码。

“在整个开发流程中,真切感受到了在线开发工具的便捷、高效、流畅。AI 功能的集成,更是极高的提升了程序员的开发效率,力荐!”

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_12

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_13

点击查看详细开发步骤: https://juejin.cn/post/7389643487911919652


05 文章评论区BOT

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发者_14

“希望大家看完文章后也可以动手试试看!引入豆包MarsCode 到日常开发里可以提高不少效率,相信大家能发现更多有意思的东西!”

学生用户@萌新杰少 在稀土掘金社区分享了自己利用豆包Marscode 云端平台生成一个文章评论区BOT 的过程。在明确任务后创建 Node 项目开始项目开发,他通过向豆包MarsCode 描述需求,完成了轮询检测评论信息、判断是否未读、过滤评论中的掘金文章链接、调用 AI 总结文章内容等任务,实现了文章“课代表”功能的复刻。

目前,大家可以尝试在 BOT 的文章下评论文章地址,BOT 就可以自动阅读该文内容,并在对应文章下评论总结内容。

用豆包MarsCode 的他们,都玩出了什么花样?(二)_个人博客_15

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发者_16

点击查看详细开发步骤: https://juejin.cn/post/7386873037109559306


豆包MarsCode 体验有礼活动正在进行中,感谢各位用户对我们的支持! 欢迎大家多多参与,丰厚的礼品等你来拿!

用豆包MarsCode 的他们,都玩出了什么花样?(二)_开发效率_17