JRP Version 1.4.120

本文主要是介绍JRP Version 1.4.120，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

使用Flask学习制作网页一个月后：
借用HTML书籍学习，自己做的NAS管理系统终于是长得好看了一些：
使用模版继承，最开始是引用人家的库
from flask_bootstrap import Bootstrap，
效果：

我准备进一步管理但是发现好像还不如我重新写一个
于是再弄清楚一点以后，有了这一版，效果如下：

主要是网页背景想要好看些，目前功能依旧是和之前一样，新增一个时间显示功能，这个是用javascript实现的：

    <script>function mytime(){var a = new Date();var b = a.toLocaleTimeString();var c = a.toLocaleDateString();document.getElementById("time").innerHTML = c+"&nbsp"+b;}setInterval(function() {mytime()},1000);</script>

这个版本主要还是开始尝试使用JS（javascript）和一些CSS，HTML的代码命令开始尝试管理自定义网页内容：
最突出的应该是：
背景图：
但是这里是发现进入某些页面后会出现找不到这个static/base4.jpg图片的问题，或许和我绝对路径和这里相对路径混用造成的Bug，暂时还没有解决…

    html{background-image: url(static/base4.jpg);background-size: cover;}

然后是超链接的一些定义，包含文字大小，位置等等，重要的是开始尝试使用HTML属性继承
从一个 base.html中取得关键属性，然后base.html中含一个空白代码段，运行后续继承网页填充，
这样我的网页格式不必每一个模版都去编排一遍：
base.html 留白部分

    {% block content %}{% endblock %}

然后其他HTML文件引用时使用以下结构，然后在...区域填充页面主题，他可以继承base页面的关键属性，同时自定义新的显示模块（姑且这样描述）

{% extends "BASE.html" %}
{% block content %}....
{% endblock %}

最终成品版本可以到如下链接下载源码：
链接: https://pan.baidu.com/s/1HggRf8S1G4vdfRkHcBzEvw?pwd=5v3r 提取码: 5v3r 复制这段内容后打开百度网盘手机App，操作更方便哦

实际的网页效果展示

这篇关于JRP Version 1.4.120的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---