hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，今天继续分享一下最近开源的 Next-Admin 的最新更新。

最近对这个项目做了一些优化，并集成了大家比较关注的AI问答模块，感兴趣的可以参考一下。

• 开源地址：https://github.com/MrXujiang/next-admin

• 在线demo：http://next-admin.com

  目前已支持的功能模块有：

  • Next14.0 + antd5.0

  • 支持国际化

  • 支持主题切换

  • 内置数据可视化报表

  • 内置拖拽模块（多选，参考线，吸附等核心搭建能力）

  • 内置AI问答模块

  • 开箱即用的业务页面模板

  • 支持自定义拖拽看板

  • 集成办公白板

  • Next全栈最佳实践

  • 支持移动端和PC端自适应

  • 内置简单的JWT处理逻辑

    往期精彩

    • 零代码+AI的阶段性复盘

    • 文档引擎+AI可视化打造下一代文档编辑器

    • 爆肝1000小时, Dooring零代码搭建平台3.5正式上线

    • 从零打造一款基于Nextjs+antd5.0的中后台管理系统

      demo演示

      

      深色模式：

      

      技术实现

      问答模块目前已有比较成熟的组件，这里我选择 antd 旗下的 @ant-design/pro-chat,  这个组件我之前也有具体的分享，大家可以可以参考我往期的内容。

      

      接下来直接上代码：

      
                          趣谈前端
                         
                公众号 和作者反馈~
              
            
          }
          actions={{
              render: (defaultDoms) => {
                return [
                   {
                      window.open('https://dooring.vip');
                    }}
                  >
                    H5-Dooring零代码平台
                  ,
                   {
                          window.open('https://turntip.cn/');
                      }}
                  >
                      试卷搭建平台
                  ,
                  ...defaultDoms,
                ];
              },
              flexConfig: {
                gap: 24,
                direction: 'horizontal',
                justify: 'start',
              },
          }}
          showTitle
          assistantMeta={{ avatar: '🛸', title: 'Nocode/WEP 智能助手' }}
          userMeta={{
            avatar: userInfo.avatar || '用户',
            title: '用户' + Date.now(),
          }}
          request={async (messages: any) => {
              console.log('messages', messages);
              // 后端处理能逻辑
              return new Response(readableStream);
            }}
        />

      如果大家想参考完成代码， 可以在 github 查看。

      后期规划

      后续会在 Next-Admin 中集成更多最佳实践，也欢迎感兴趣的朋友一起交流讨论。

      如果你对 next 开发或者需要开发一套管理系统， 我相信 Next-Admin 会给你开发和学习的灵感。

      同时也欢迎和我一起贡献， 让它变得更优秀~

      github地址：https://github.com/MrXujiang/next-admin

      演示地址：http://next-admin.com

      由于服务器在国外， 所以建议大家git到本地体验~

      欢迎star + 反馈~