创新实训(六) 项目开发——前端框架搭建

搭建框架

前端选型为vue.js，在之前的课设中我们多次用到过此框架，这里简单叙述搭建过程：

1.首先查看本机 Node.js 和 npm (Node.js 包管理器)。在命令行中运行 node -v 和 npm -v 来检查是否已经安装。

结果如下：

PS E:\zhouyi\webProject> node -v
v16.18.1
PS E:\zhouyi\webProject> npm -v
9.3.1

因为各种依赖冲突，我先卸载了原来的框架并重新安装：

npm uninstall -g @vue/cli
npm install -g @vue/cli

2.创建项目

vue create zhouyi-fontend

但是每次运行都会报错，是文件所有权的问题

📄  Generating README.md...
 ERROR  Error: Command failed: git add -A
        fatal: detected dubious ownership in repository at ''
        '' is on a file system that doesnot record ownership
        To add an exception for this directory, call:

                git config --global --add safe.directory 

根据提示在对应文件夹的命令行输入 git config --global --add safe.directory 即可。

然后重新vue create zhouyi-fontend，选择merge和overwrite应该没区别，做和上一次同样的选择就可以了：

配置结果如下：

然后成功启动，命令如下：

 $ cd zhouyi-fontend
 $ npm run serve

pull到github

首先添加远程仓库：

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/Liyanhao1209/ZhouYiLLM.git

切换分支：

git checkout -b webFontEnd
git push -u origin webFontEnd

完成。

任务分工：

我负责的部分为大模型交互，主要有知识库和对话两部分，具体分为以下四个部分：

• 用户创建专属知识库
  1. 创建属于自己的知识库
  2. 批量上传任意格式的文件并将其加入知识库中
  3. 对知识库文件实现分页功能
  4. 实现查找知识库文件功能
• 用户创建新会话
  1. 创建一个全新的会话
  2. 可以切换知识库进行对话
• 用户还原历史会话
  1. 用户可以还原之前的历史会话信息
  2. 实现增删改查功能
• 用户与大模型进行对话
  1. 用户可以还原之前的历史会话信息
  2. 实现对话的终止
  3. 会话显示参考的知识库文件

对话与交互部分参考智谱清言、kimi、文心一言等国内主流大模型。
知识库ui参考langchain界面。