【deepseek用例生成平台-06】初步设计和菜单首页

总体设计说一下：

用例生成这个功能，先从交互上来分析：

用户输入进去需求，然后进行用例生成的基础选择，也就是一些参数的微调或者选择。然后生成用例，然后可以导出成excel表(可被其他用例管理平台直接导入的那种格式)。

在这个交互过程中，按普通用户的角度来看需要以下几个页面：

1. 具体的项目，包括其详情页，内部有诸多功能，比如上传需求文档，用例生成配置（选择各种用例设计方法），用例结果，反馈和打分等页。

2. 首页，需要看到目前平台的各种统计，包括已有项目数，使用次数，结果反馈等等。

3. 新建项目页，包括项目的各项信息。

然后再以管理员的角度来看需要以下几个页面：

1. 导入已有项目和用例作为训练用的类似知识库的页面。

2. 平台维护的页面，包括一些已有参数的调整，公告，后台数据管理等。

3. AI模型管理页面，包括配置deepseek的问答接口能力。

好，然后再说说这个deepseek，我们是本地部署还是怎么着？

不管是你在公司本地部署，还是直接使用外部云的服务，都是需要通过http接口来进行调用的，也就是说，我们这个用例生成平台只需要做好接口的发送和接收端(客户端) 的事情，就好了 ，一举两得。

首先，如果你只是学习本教程，那么你完全可以不用本地部署deepseek，毕竟这对你的电脑消耗不可谓不大。我很难想象你一边启动着deepseek一边还要启动这个用例生成平台，估计电脑卡成幻灯片了。所以，你不用担心deepseek引擎的问题，我会在腾讯云部署一个专门负责用例生成的智能体供你学习引用。

如果你是准备在公司部署，那么你最好要自己在公司部署一个deepseek，并进行训练，关于本地训练的方法，我会在今后的【实测】系列文章中介绍。

但我更推荐你使用另一种部署，也就是直接使用腾讯云进行部署，虽然花点钱，但是足够专业和方便，也就是我训练的那个给大家学习用的测试用例生成智能体的具体方法马上也会更新出来教程。

好，设计先说到这，更多详细的和亮点功能先藏一藏，慢慢更....

正文开始：

打开LeftMenu.vue，给菜单改成如下代码：

可复制版（粘贴后需要自行用回车换行，别嫌麻烦，一来节省公众号文档空间，增加可读性，二来你也可以训练下对每一行代码的概念。以免后续对代码印象不深，三来确实现在pycharm复制进来就这样自动一行...）

<script>    export default {        name: "LeftMenu"    }</script><style scoped></style>

然后启动服务后，看看效果：

好，菜单部分到此结束，明天我们就搞首页，主要是首页的排版和统计图了~