做基因功能注释的网站网站线框图怎么做

使用到的开发工具：

Visual Studio Code (VSCode) 我们选用 VSCode 作为主要的开发编辑器，其丰富的插件生态（如 ESLint、Prettier、Debugger 等）极大提高了代码质量和开发效率。
Node.js & Express 作为后端 API 网关的运行环境，Node.js 搭配 Express 框架让我们能够高效构建后端服务。利用 Axios 进行 HTTP 请求转发，确保与讯飞开放平台的星火大模型实现无缝对接。
Postman 为保证后端 API 的稳定与正确性，在调试和测试阶段，Postman 是不可或缺的工具。它帮助我们模拟数据请求、检测接口返回，并快速定位问题。
NPM/Yarn 作为包管理器，NPM（或 Yarn）确保了项目依赖的正确安装和管理，同时支持跨平台构建与部署。

需要获取的配置项：

第一、登录平台后在控制台获取http服务接口认证信息
其中有你的APIPassword、服务名称、APPID、APISecret、APIKey、接口地址、接口类型

案例讲解：

以下以我的项目讲讲流程：
我的项目属于是一个前后端分离的springboot + vue 的项目，在选择代理服务器部署的时候我选择部署到了node.js当中，方便我前端一键部署。

以下是我的前端项目文件结构：
其中我的vue文件（即model是放在src/view里面的，作为一个视图）

AI_model.vue：

<template><div class="ai-model-container"><div class="chat-container"><div class="messages" ref="messagesContainer"><div v-for="(message, index) in messages" :key="index" class="message":class="{ 'user-message': message.isUser, 'ai-message': !message.isUser }"><div class="message-content">{{ message.text }}</div></div><div v-if="isLoading" class="loading-indicator">正在思考中...</div></div></div><div class="input-container"><el-inp