我需要编辑Browsable API的favicon。
是否可以通过覆盖模板中的api.html来实现这一目标?
答案 0 :(得分:1)
这可以通过在api.html
中添加以下块来实现{% block style %}
{{ block.super }}
<link rel="shortcut icon" type="image/png" href="xxxx.png" />
{% endblock %}
答案 1 :(得分:0)
要在Arun's answer上展开,可以通过customizing the browsable API设置图标。这意味着您需要在应用中创建<script type="text/javascript">
function getInitials(firstName, lastName) {
return (firstName[0] + lastName[0]).toUpperCase()
}
function getYear() {
return (new Date).getFullYear() % 100
}
function paddedNumber(number) {
var result = 0;
for(var i = 4 - number.toString().length; i > 0; i--) {
result += "0"
}
return result + number
}
function makeStudentID(firstName, lastName, studentNumber) {
return getInitials(firstName, lastName) + paddedNumber(studentNumber) + ("-") + getYear()
}
var sequenceNumber = 1;
function gatherDataAndOutput() {
var firstName = document.getElementById("firstname").value
var lastName = document.getElementById("lastname").value
var outputElement = document.getElementById("student_no")
outputElement.value = makeStudentID(firstName, lastName, sequenceNumber)
sequenceNumber++
}
的副本,然后将链接添加到收藏夹图标。
在此示例中,我具有以下文件:
api.html
my_project
my_app
static
favicon.png
templates
rest_framework
api.html
文件如下所示:
api.html