如何在Python/Django CMS创建文章页面添加网页链接输入功能？

嘿，作为刚上手Django开发CMS的新手，能想着扩展文章的功能点真的很赞！给文章添加网页链接（Weblink）其实是个很常规的需求，咱们一步步来操作，保证你能搞定：

首先得在你的Article模型里新增Weblink字段，推荐用URLField——它会自动验证输入的网址格式，比普通的CharField更贴心。

from django.db import models

class Article(models.Model):
    title = models.CharField(max_length=200)
    body = models.TextField()
    thumb = models.ImageField(upload_to='article_thumbs/', blank=True, null=True)
    # 新增Weblink字段，blank=True允许用户不填，根据你的需求调整
    weblink = models.URLField(max_length=200, blank=True, null=True)

    def __str__(self):
        return self.title

修改完模型后，别忘了更新数据库：

python manage.py makemigrations
python manage.py migrate

这两步会帮你把新字段同步到数据库里，一定要做哦！

如果你用的是Django的ModelForm（这是新手最常用的方式），只要把weblink加入到字段列表里就行：

from django import forms
from .models import Article

class ArticleForm(forms.ModelForm):
    class Meta:
        model = Article
        # 把weblink添加到要渲染的字段中
        fields = ['title', 'body', 'thumb', 'weblink']

要是你是手动写的表单，就直接新增一个URL字段：

class ArticleForm(forms.Form):
    title = forms.CharField(max_length=200)
    body = forms.CharField(widget=forms.Textarea)
    thumb = forms.ImageField(required=False)
    weblink = forms.URLField(required=False)  # required=False允许为空

如果用的是基于类的视图（比如CreateView），只要确保使用更新后的ArticleForm就行，代码基本不用大改：

from django.views.generic.edit import CreateView
from .models import Article
from .forms import ArticleForm

class ArticleCreateView(CreateView):
    model = Article
    form_class = ArticleForm
    success_url = '/articles/'  # 替换成你的文章列表页URL

要是你用的是函数视图，只要保证表单验证通过后能保存weblink数据——不过用form.save()的话，其实自动就会处理，不用额外写代码：

from django.shortcuts import render, redirect
from .forms import ArticleForm

def create_article(request):
    if request.method == 'POST':
        # 注意上传文件要加request.FILES
        form = ArticleForm(request.POST, request.FILES)
        if form.is_valid():
            form.save()
            return redirect('article_list')  # 替换成你的列表页路由名
    else:
        form = ArticleForm()
    return render(request, 'create_article.html', {'form': form})

最后一步就是在模板里把Weblink的输入框渲染出来，和其他字段放在一起就行：

<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <div class="form-group">
        <label for="{{ form.title.id_for_label }}">标题</label>
        {{ form.title }}
    </div>
    <div class="form-group">
        <label for="{{ form.body.id_for_label }}">正文</label>
        {{ form.body }}
    </div>
    <div class="form-group">
        <label for="{{ form.thumb.id_for_label }}">缩略图</label>
        {{ form.thumb }}
    </div>
    <div class="form-group">
        <label for="{{ form.weblink.id_for_label }}">网页链接</label>
        {{ form.weblink }}
        <small class="text-muted">请输入完整网址，例如：https://example.com</small>
    </div>
    <button type="submit" class="btn btn-primary">创建文章</button>
</form>

如果想在文章详情页把这个链接展示给用户，可以在详情模板里加这段代码：

{% if article.weblink %}
    <div class="article-link">
        <strong>相关链接：</strong>
        <a href="{{ article.weblink }}" target="_blank" rel="noopener noreferrer">{{ article.weblink }}</a>
    </div>
{% endif %}

这样就全部搞定啦！要是你之前已经有现存的文章数据，也不用担心——因为我们设置了blank=True和null=True，迁移数据库时不会影响旧数据~

内容的提问来源于stack exchange，提问作者Yearjoy