diff --git a/DjangoBlog/templates/owntracks/show_maps.html b/DjangoBlog/templates/owntracks/show_maps.html index 3aeda36..348ff7c 100644 --- a/DjangoBlog/templates/owntracks/show_maps.html +++ b/DjangoBlog/templates/owntracks/show_maps.html @@ -1,9 +1,12 @@ + + + 运动轨迹 +
+ @@ -37,6 +43,7 @@ zoom: 4 }); + // 加载路径简化器(PathSimplifier)和jQuery类库 AMapUI.load(['ui/misc/PathSimplifier', 'lib/$'], function (PathSimplifier, $) { if (!PathSimplifier.supportCanvas) { @@ -50,7 +57,7 @@ "#b82e2e", "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707", "#651067", "#329262", "#5574a6", "#3b3eac" ]; - + // 初始化路径简化器实例 var pathSimplifierIns = new PathSimplifier({ zIndex: 100, //autoSetFitView:false, @@ -66,13 +73,14 @@ //point return pathData.name + ',点:' + pointIndex + '/' + pathData.path.length; } - + // hover 到轨迹线时,显示“名称, 点数量:总点数” return pathData.name + ',点数量' + pathData.path.length; }, renderOptions: { pathLineStyle: { dirArrowStyle: true }, + // 自定义路径样式(根据缩放级别和索引动态设置颜色、线宽) getPathStyle: function (pathItem, zoom) { var color = colors[pathItem.pathIndex % colors.length], @@ -93,11 +101,11 @@ } } }); - + // 将路径简化器实例暴露到window,方便调试 window.pathSimplifierIns = pathSimplifierIns; $('
加载数据,请稍候...
').appendTo(document.body); - + // 从后端接口获取轨迹数据(带日期参数) $.getJSON('/owntracks/get_datas?date={{ date }}', function (d) { if (!d || !d.length) { @@ -116,7 +124,7 @@ function onerror(e) { alert('图片加载失败!'); } - + // 遍历每条轨迹,创建导航器并启动自动播放 d.forEach(function (item, index) { var navg1 = pathSimplifierIns.createPathNavigator(index, { loop: true, diff --git a/doc/1.docx b/doc/1.docx new file mode 100644 index 0000000..4f53006 Binary files /dev/null and b/doc/1.docx differ diff --git a/src/article_text.txt b/src/article_text.txt new file mode 100644 index 0000000..4f9ca76 --- /dev/null +++ b/src/article_text.txt @@ -0,0 +1,3 @@ +{{ object.title }} +{{ object.author.username }} +{{ object.body }} \ No newline at end of file diff --git a/src/bindsuccess.html b/src/bindsuccess.html new file mode 100644 index 0000000..1e982d3 --- /dev/null +++ b/src/bindsuccess.html @@ -0,0 +1,22 @@ +{% extends 'share_layout/base.html' %} {# 继承基础布局模板 #} +{% block header %} {# 定义页面头部区块 #} + {{ title }} {# 设置页面标题,使用模板变量title #} +{% endblock %} {# 头部区块结束 #} +{% block content %} {# 定义页面内容区块 #} +
{# 主内容容器,对应站点样式 #} +
{# 核心内容容器,语义化角色为主要内容 #} + +
{# 归档页头部容器 #} + +

{{ content }}

{# 归档标题,使用模板变量content #} +
{# 归档头部结束注释 #} +
+
{# 另一个归档头部,包含内联样式(此处省略具体样式) #} + + 登录 {# 登录链接,调用Django的url反向解析,对应account应用的login视图 #} + | + 回到首页 {# 首页链接,指向站点根路径 #} +
+
+
+{% endblock %} {# 内容区块结束 #} \ No newline at end of file diff --git a/src/oauth_applications.html b/src/oauth_applications.html new file mode 100644 index 0000000..539eaa7 --- /dev/null +++ b/src/oauth_applications.html @@ -0,0 +1,13 @@ +{% load i18n %} {# 加载国际化模板标签,用于多语言支持 #} +
{# 登录小部件的容器,定义样式类 #} + {% if apps %} {# 判断apps变量是否存在(即是否有第三方登录方式) #} + {# 小型文本容器,用于显示“快速登录”标签 #} + {% trans 'quick login' %}: {# 国际化翻译“快速登录”文本 #} + + {% for icon,url in apps %} {# 遍历apps列表,每个元素包含图标标识和登录链接 #} + {# 第三方登录链接,添加nofollow属性防止SEO权重传递 #} + {# 第三方登录图标,通过icon变量拼接样式类 #} + + {% endfor %} {# 结束apps列表的遍历 #} + {% endif %} {# 结束apps存在性的判断 #} +
{# 关闭登录小部件的容器 #} diff --git a/src/require_email.html b/src/require_email.html new file mode 100644 index 0000000..c4ed392 --- /dev/null +++ b/src/require_email.html @@ -0,0 +1,57 @@ +{# 继承项目中通用的账户页面布局模板,确保页面风格、公共组件(如导航、页脚)的一致性 #} +{% extends 'share_layout/base_account.html' %} + +{# 加载Django静态文件标签库,用于引入CSS、JavaScript、图片等静态资源 #} +{% load static %} + +{# 定义当前模板的“内容区块”,填充到基础模板中对应的{% block content %}占位区域 #} +{% block content %} +
{# 页面布局容器,用于排版和响应式设计(通常配合Bootstrap等前端框架) #} + {# 页面主标题,样式使其居中并应用表单登录相关样式 #} +

绑定您的邮箱账号

+ +
{# 卡片式容器,包裹头像与表单,提升视觉层次感 #} + {% if picture %} {# 条件判断:若存在用户自定义头像(picture变量),则显示该头像 #} + + {# 若不存在自定义头像,则显示项目静态资源中的默认头像 #} + {% else %} + + {% endif %} + {# 表单区域:通过POST方法提交数据,action为空表示提交到当前页面URL #} + +
+ {# 跳转到登录页面的链接:通过Django URL反向解析生成登录页地址 #} +

+ 登录 +

+ +
+{% endblock %} \ No newline at end of file diff --git a/src/search.html b/src/search.html new file mode 100644 index 0000000..23427f9 --- /dev/null +++ b/src/search.html @@ -0,0 +1,83 @@ +{# 继承基础布局模板,确保页面整体结构(如导航、页脚)与项目其他页面一致 #} +{% extends 'share_layout/base.html' %} +{# 加载博客自定义模板标签库,用于后续调用自定义标签(如 load_article_detail) #} +{% load blog_tags %} +{# 定义页面头部区块(对应 base.html 中的 header 块),设置 SEO 与社交分享元信息 #} +{% block header %} + {# 页面标题:站点名称 + 站点描述 #} + {{ SITE_NAME }} | {{ SITE_DESCRIPTION }} + {# SEO 元标签:描述、关键词 #} + + + {# Open Graph 协议元标签(社交平台分享时的预览信息) #} + + + + + +{% endblock %} + +{# 定义页面主体内容区块(对应 base.html 中的 content 块) #} +{% block content %} + {# 页面主容器,用于排版与样式控制 #} +
+
+ {# 若存在搜索关键词(query 不为空),则渲染搜索结果头部 #} + {% if query %} +
+ {# 若存在推荐搜索词(suggestion 不为空),显示推荐结果与原始搜索链接 #} + {% if suggestion %} +

+ 已显示 “{{ suggestion }}” 的搜索结果。   + 仍然搜索:{{ query }}
+

+ {% else %} +

+ 搜索:{{ query }}    +

+ {% endif %} +
+ {% endif %} + + {# 若存在搜索关键词且结果列表不为空,渲染文章列表与分页 #} + {% if query and page.object_list %} + {# 循环遍历搜索结果分页中的每篇文章 #} + {% for article in page.object_list %} + {% load_article_detail article.object True user %} + {% endfor %} + + {# 若存在上一页或下一页,渲染分页导航 #} + {% if page.has_previous or page.has_next %} + + + {% endif %} + {# 若无搜索结果(关键词存在但结果列表为空),渲染无结果提示 #} + {% else %} +
+ +

哎呀,关键字:{{ query }}没有找到结果,要不换个词再试试?

+
+ {% endif %} +
+
+{% endblock %} + + +{% block sidebar %} + {% load_sidebar request.user 'i' %} +{% endblock %} + + diff --git a/src/show_log_dates.html b/src/show_log_dates.html new file mode 100644 index 0000000..a33f780 --- /dev/null +++ b/src/show_log_dates.html @@ -0,0 +1,25 @@ + + + + + + 记录日期 + + + + + + \ No newline at end of file diff --git a/src/show_maps.html b/src/show_maps.html new file mode 100644 index 0000000..348ff7c --- /dev/null +++ b/src/show_maps.html @@ -0,0 +1,143 @@ + + + + + + + + + + 运动轨迹 + + + + +
+ + + + + + + + + \ No newline at end of file