【deepseek用例生成平台-09】初尝后端接口：公告信息功能

首页

手机教程

热心网友

转载

2025-04-24

本节课的主要目的是利用一个简单的小功能：【公告信息】

通过这个功能，大家可以学习到关于前后端接口和前端展示的知识。

实现思路：

1. 管理员通过django后台数据库管理页面，直接打开数据库中存放公告信息的表，添加最新一条公告。

2. 后台设置一个函数，用来提取数据库中公告表的最新一条公告数据。并设置好一个http请求，可以来调用这个函数。

3. 前端页面自动发出后端创建的这个http请求，以便获取最新的公告信息。并展示到页面上。

思考：

上述过程中，我们需要做很多准备，比如数据库、比如后台管理页面、比如在哪设置http请求，比如前端vue也要把写死的公告变成变量等难题。

开始实现：

首先创建数据库表，这部分都是和django有关的。所以打开的是django目录下的文件：models.py

按照下列展示手打代码：（做了一个数据库表）

这里采用的是orm技术，是可以通过py文件操作数据库的技术，更简单方便了。

代码语言：javascript代码运行次数：0运行复制

from django.db import models# Create your models here.class DB_news(models.Model):    content = models.TextField()    ctime = models.DateTimeField(auto_now_add=True)    def __str__(self):        return self.content[:20]

登录后复制

然后我们去执行两句同步命令（在Terminal面板执行）

执行后，代表这个数据库真实的开始生效了，这个公告表真实的创建好了。

不过这个时候，我们还不能通过django后台直接看到这个表，还需要去admin.py中注册这个表才可以：

此刻，启动django后台服务：（点击右上角绿色△）

然后浏览器进入这个地址：https://127.0.0.1:8000/admin

会让咱们输入管理员用户名和密码，在之前我们就已经通过命令创建过，如果没有或者忘了，可以重新用命令再创建一个：

python3 manage.py createsuperuser

登录后，就可以看到这张表了：

点击右侧增加按钮，新增一条数据，然后点击保存按钮：

到此，我们这个数据层的配置算是完成。

接下来就是要去views.py中开发一个可以从数据库中拿出这条公共的函数 get_news：(注意上面的导入代码也不要省，全都要填好)

代码语言：javascript代码运行次数：0运行复制

from django.shortcuts import renderfrom django.http import HttpResponse,JsonResponsefrom Myapp.models import *import json,os# Create your views here.def get_news(request):    new_content = DB_news.objects.last()    return HttpResponse(new_content,content_type='application/json')

登录后复制

接下来我们就要去urls.py中做一个http接口，来调动这个后台函数get_news

到此，这个接口就算创建成功了。

虽然我们还没有在前端搞定，但是已经可以通过在浏览器或postman等地方测试这个接口了。

比如在浏览器直接输入：https://127.0.0.1:8000/get_news/

可以看到已经显示了最新一条公告：

本节到此结束，下节课我们去前端开始继续开发这个功能。

来源:https://www.php.cn/faq/1288117.html

免责声明：游乐网为非赢利性网站，所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系youleyoucom@outlook.com。

上一篇：zliabary登陆不上怎么办下一篇：非常丝滑，腾讯元宝已支持deepseek R1

相关攻略

业界动态

Zero Native 横空出世 Vue Native 的替代方案

这几年，Vue生态里一直有个绕不开的话题：为什么React有React Native这样成熟的原生方案，而Vue这边，似乎总是差那么一口气？社区里不是没有尝试，从早期的NativeScript-Vue、Weex，到后来的uni-app、Vue Lynx，方案不少，但始终没能出现一个像React N

热心网友

05.14

AI资讯

全栈开发工具HermesAgent一键生成Vue组件与后端API

要实现从前端Vue组件到后端API的端到端自动化生成，关键在于启用Hermes Agent内置的全栈能力编排机制。如果你目前还在手动编写各层代码，不妨看看下面几条具体的实现路径。一、通过ACAP协议驱动的声明式组件生成这个方法的核心是ACAP（Agent-Component-API Protoc

热心网友

05.13

编程语言

VSCode插件实战教程快速切换Vue页面增强代码提示

Vue项目开发中，代码跳转和智能提示失灵常因基础配置问题。路径别名跳转失败需检查jsconfig tsconfig中的baseUrl与paths映射，并确保修改后彻底重启VSCode。Volar与Vetur冲突会导致setup()内无提示，必须根据Vue版本禁用其一。Ctrl+P搜索不到组件应确认以文件夹形式打开项目，并检查排除设置。模板内快捷键失效可能因文

热心网友

05.11