我去热饭的博客

上述过程中，我们需要做很多准备，比如数据库、比如后台管理页面、比如在哪设置http请求，比如前端vue也要把写死的公告变成变量等难题。接下来就是要去views.py中开发一个可以从数据库中拿出这条公共的函数 get_news：(注意上面的导入代码也不要省，全都要填好)1. 管理员通过django后台数据库管理页面，直接打开数据库中存放公告信息的表，添加最新一条公告。这里采用的是orm技术，是可以通过py文件操作数据库的技术，更简单方便了。执行后，代表这个数据库真实的开始生效了，这个公告表真实的创建好了。

打开这个组件，进行编辑如下：（代码来自于echarts官网建议我魔改后的，很好看但也比较复杂，大家可以直接复制，等之后后端功能实现后我们会把其中的一些数据变成变量通过接口获取，而其他诸如样式细节等大家可以不用浪费精力去深究）首选，需要先安装 echarts 插件。这个是专门用来画统计图的，比elementPlus自带的要专业很多。运行npm run serve后，访问http://localhost:8080/#/homenew。怎么样，现在我审美是不是上来不少了？

关于代码复制问题：最近直接复制粘贴后的格式是有问题的，要么就全塞进一行，要么就一字符一行，实在是苦不堪言。（解释：每个el-row的意思就是一行，gutter是间隔，每个el-col就是一列，:span就是列宽，每列里面有个el-tag标签。内部展示文案就是 text （文案）: count（数量），具体的数据变量写在了data()属性的return中，而每个标签使用了我自定义的同一个样式：custom-large-tag，具体样式内容写在了下面的style中。至于中间的主要部分，我们稍后再设计。

不管是你在公司本地部署，还是直接使用外部云的服务，都是需要通过http接口来进行调用的，也就是说，我们这个用例生成平台只需要做好接口的发送和接收端(客户端) 的事情，就好了 ，一举两得。但我更推荐你使用另一种部署，也就是直接使用腾讯云进行部署，虽然花点钱，但是足够专业和方便，也就是我训练的那个给大家学习用的测试用例生成智能体的具体方法马上也会更新出来教程。1. 具体的项目，包括其详情页，内部有诸多功能，比如上传需求文档，用例生成配置（选择各种用例设计方法），用例结果，反馈和打分等页。

a href="http://127.0.0.1:8000/admin/" style="text-decoration: none" target="_blank"> <el-menu-item>后台管理</el-menu-item></a>template是组合菜单的名字，a标签是外链超链接。如上图所示，el-container就是布局的外框母体，里面分为el-aside左侧布局，还有另一个el-container，嵌套进去，把右侧部分又分为上中下：el-header/main/footer。

我们可以取名为HomeNew.vue (src已经有个系统预置的HomeView.vue，大家注意不要弄混，我们不用这些预置的。可以看到右侧已经有了一些预置的路由了，我们不用管那些，直接在里面添加新的首页路由：(第一个红圈导入，第二个红圈设置路由)等下一节，我们搞定了首页和菜单，那就需要开始进行一些设计了，比如本平台的前端交互设计等。而这个/路由指向的正是vue自动给我们预置的欢迎页，那我们要访问自己的首页，则需要再路由后加上/homenew。那问题来了，怎么还不是我们的首页呢？即可看到我们的新首页了！

然后打开urls.py文件，修改如下：（空path的时候自动进入index.html，而这个index.html就会根据前面设置的静态模版路径，去vue的dist打包目录中招，vue打完包的入口文件就叫index.html）至于0.0.0.0:8000 这个就放弃别用了 ，虽然会在django启动后的控制台自动展示，但这不是作为应该访问的地址，是因为我们改动了启动器后产生的，大家尽量不要点这个进去，否则之后请求前端的请求大概率会出现各种问题。显示如下，这就是我们今后常用的学习开发的地址了哈。

vuecli还有后续vue的相关命令，比如启动前端服务啊，比如安装什么前端样式组件啊，都是要通过npm命令来实现的，而这个npm是node的管理工具，所以你得先确保电脑有node才行。所以，安装位置我一直都是定在这个django的根目录下的，主打个方便，一个文件夹能搞定前后端。所以我其实是做了几年的讲师之后，内容是偏向于尽量教会新手，而不是绕晕新手，大家主要来学习这个平台的精髓，而非通用的运维知识。而教程也不能东一句，西一句的，一会这个电脑，一会那个地址的去讲，很容易造成学员思维混乱，无法学习。

一台电脑(Mac或windows)，性能不用特别高，但本地要可以部署deepseek-r1:1.5b ，（教程目的是学习知识和过程，而非正式落地使用成品，所以如果你的电脑性能实在不行，那就部署1.5b的，我教程用的是7b的，你之后有好电脑了可以部署32b的）关于AI生成测试用例平台的意义我已不想多做赘述，想升职加薪的人自然明白当下的形式，不要管那么多国家大事和现实意义，只要能赚钱就学就好，那些大人物比我们想的远。然后两句执行同步表结构的命令（这些命令都是在pycharm的Terminal面板来执行的）