前端主界面部分代码

<!doctype html>
<html lang="en" xmlns:th="http://http://www.tcmkg.xyz:8001/index/"><head><title>mini华佗-首页</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap" rel="stylesheet"><link rel="stylesheet" href="/static/fonts/icomoon/style.css"><link rel="stylesheet" href="/static/css/bootstrap.min.css"><link rel="stylesheet" href="/static/css/jquery.fancybox.min.css"><link rel="stylesheet" href="/static/css/owl.carousel.min.css"><link rel="stylesheet" href="/static/css/owl.theme.default.min.css"><link rel="stylesheet" href="/static/fonts/flaticon/font/flaticon.css"><link rel="stylesheet" href="/static/css/aos.css"><!-- MAIN CSS --><link rel="stylesheet" href="/static/css/style.css">-
</head><body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script>
</div><div class="site-wrap" id="home-section"><div class="site-mobile-menu site-navbar-target"><div class="site-mobile-menu-header"><div class="site-mobile-menu-close mt-3"><span class="icon-close2 js-menu-toggle"></span></div></div><div class="site-mobile-menu-body"></div></div><header class="site-navbar js-sticky-header site-navbar-target" role="banner"><div class="container"><div class="row align-items-center position-relative"><div class="site-logo"><a href="/index" class="text-black"><span class="text-primary">泽兰抄</span></a></div><div class="col-12"><nav class="site-navigation text-right ml-auto " role="navigation"><ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block"><li><a href="#home-section" class="nav-link">图谱搜索</a></li><li><a href="#services-section" class="nav-link">功能列表</a></li>{#                            <li>#}{#                                <a href="#about-section" class="nav-link">推荐词条</a>#}{##}{#                            </li>#}{##}{#                            <li><a href="#why-us-section" class="nav-link">随便逛逛</a></li>#}{##}{#                            <li><a href="#testimonials-section" class="nav-link">用户手册</a></li>#}{#                            <li><a href="#blog-section" class="nav-link">关于我们</a></li>#}<li><a href="#contact-section" class="nav-link">联系我们</a></li>{% ifequal 0 session.status %}<li><a href="/login" class="nav-link">注册/登录</a></li>{% endifequal %}{% ifequal 1 session.status %}<li><a class="nav-link">欢迎!{{ session.username }}</a></li><li><a href="/logout" class="nav-link">退出登录</a></li>{% endifequal %}</ul></nav></div><div class="toggle-button d-inline-block d-lg-none"><a href="#"class="site-menu-toggle py-5 js-menu-toggle text-black"><spanclass="icon-menu h3"></span></a></div></div></div></header><div class="ftco-blocks-cover-1"><div class="ftco-cover-1 overlay" style="background-image: url('/static/images/medicine1.jpg')"><div class="container"><div class="row align-items-center justify-content-center text-center"><div class="col-lg-6"><h1>中医药知识图谱检索</h1><p class="mb-5">图形化地呈现您感兴趣的中医药知识</p><form action="/searchresult/" method="post">{% csrf_token %}<div class="form-group d-flex"><input name="a1" type="text" class="form-control" placeholder="输入搜索信息..."><input type="submit" class="btn btn-primary text-white px-4" value="搜索"></div></form></div></div></div></div></div><div class="site-section bg-light" id="services-section"><div class="container"><div class="row mb-5 justify-content-center"><div class="col-md-7 text-center"><div class="block-heading-1"><h2>功能列表</h2><p>点击访问我们的更多功能!</p></div></div></div><div class="owl-carousel owl-all"><div class="block__35630 text-center" onclick="window.location.href='/qs'"><div class="icon mb-0"><span class="flaticon-ferry"></span></div><h3 class="mb-3">智能问答</h3><p>“头痛怎么办?”<br>不如直接来问问我们的智能问答系统吧</p></div><div class="block__35630 text-center" onclick="window.location.href='/recommend'"><div class="icon mb-0"><span class="flaticon-airplane"></span></div><h3 class="mb-3">为您推荐</h3><p>看一看您可能感兴趣的<br>食物、药品与病理知识</p></div><div class="block__35630 text-center" onclick="window.location.href='/passageindex'"><div class="icon mb-0"><span class="flaticon-box"></span></div><h3 class="mb-3">健康百科</h3><p>中医知识,养生秘诀<br>这里什么都有</p></div>{#                <div class="block__35630 text-center">#}{#                    <div class="icon mb-0">#}{#                        <span class="flaticon-lorry"></span>#}{#                    </div>#}{#                    <h3 class="mb-3">文献查阅</h3>#}{#                    <p>更专业的中医药文献?<br>这里兴许有您要找的</p>#}{#                </div>#}{##}{#                <div class="block__35630 text-center">#}{#                    <div class="icon mb-0">#}{#                        <span class="flaticon-warehouse"></span>#}{#                    </div>#}{#                    <h3 class="mb-3">疾病自诊</h3>#}{#                    <p>通过我们的人物模型图<br>简单了解一下您可能需要咨询的病情</p>#}{#                </div>#}{##}{#                <div class="block__35630 text-center">#}{#                    <div class="icon mb-0">#}{#                        <span class="flaticon-add"></span>#}{#                    </div>#}{#                    <h3 class="mb-3">热门问答</h3>#}{#                    <p>大家都在问什么?<br>这里或许刚好有您需要的信息</p>#}{#                </div>#}</div></div></div>{#    联系我们#}<div class="site-section bg-light" id="contact-section"><div class="container"><div class="row"><div class="col-12 text-center mb-5" data-aos="fade-up" data-aos-delay=""><div class="block-heading-1"><h2>联系我们</h2></div></div></div><div class="row justify-content-center"><div class="col-lg-8 mb-5" data-aos="fade-up" data-aos-delay="100"><form action="/sendemail/" method="post">{% csrf_token %}<div class="form-group row"><div class="col-md-6 mb-4 mb-lg-0"><input type="text" class="form-control" placeholder="昵称"></div><div class="col-md-6"><input type="text" class="form-control" placeholder="单位"></div></div><div class="form-group row"><div class="col-md-12"><input type="text" name='a1' class="form-control" placeholder="电子邮件"></div></div><div class="form-group row"><div class="col-md-12"><textarea name="" id="" class="form-control" placeholder="给我们的留言填写在这里..." cols="30"rows="10"></textarea></div></div><div class="form-group row"><div class="col-md-6 mr-auto"><input type="submit" class="btn btn-block btn-primary text-white py-3 px-5"value="提交留言"></div></div>{% if messages %}<script>{% for msg in messages %}alert('{{ msg.message }}');{% endfor %}</script>{% endif %}</form></div></div></div></div>{#底部黑块#}<footer class="site-footer"><div class="container"><div class="row"><div class="col-md-6"><div class="row"><div class="col-md-7"><h2 class="footer-heading mb-4">关于我们</h2><p>我们是来自山东大学软件学院的mini华佗。如有需要,可以通过上边的“联系我们”或者直接向2561360151@qq.com给我们发送邮件哦!</p></div>{#                        <div class="col-md-4 ml-auto">#}{#                            <h2 class="footer-heading mb-4">友情链接</h2>#}{#                            <ul class="list-unstyled">#}{#                                <li><a href="#">寻医问药网站</a></li>#}{#                                <li><a href="#">网站A1</a></li>#}{#                                <li><a href="#">网站A2</a></li>#}{#                                <li><a href="#">网站A3</a></li>#}{#                                <li><a href="#">网站A4</a></li>#}{#                            </ul>#}{#                        </div>#}</div></div><div class="col-md-4 ml-auto"><form action="/subscribe/" method="post" class="footer-suscribe-form">{% csrf_token %}<div class="mb-5"><h2 class="footer-heading mb-4">订阅我们的更新!</h2><div class="input-group mb-3"><input type="text" class="form-control border-secondary text-white bg-transparent"placeholder="输入电子邮箱..." aria-label="Enter Email"aria-describedby="button-addon2"><div class="input-group-append"><button class="btn btn-primary text-white" type="submit" id="button-addon2">订阅</button></div></div></div>{#                        <h2 class="footer-heading mb-4">Follow Us</h2>#}{#                        <a href="#about-section" class="smoothscroll pl-0 pr-3"><span class="icon-facebook"></span></a>#}{#                        <a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>#}{#                        <a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>#}{#                        <a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a>#}</form></div></div><div class="row pt-5 mt-5 text-center"><div class="col-md-12"><div class="border-top pt-5"><p><!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. -->Copyright &copy; 2021/5/4 BFU</p></div></div></div></div></footer></div><script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/owl.carousel.min.js"></script>
<script src="/static/js/jquery.sticky.js"></script>
<script src="/static/js/jquery.waypoints.min.js"></script>
<script src="/static/js/jquery.animateNumber.min.js"></script>
<script src="/static/js/jquery.fancybox.min.js"></script>
<script src="/static/js/jquery.easing.1.3.js"></script>
<script src="/static/js/aos.js"></script><script src="/static/js/main.js"></script></body></html>

项目实训-中医药知识图谱7相关推荐

  1. 项目实训-中医药知识图谱5

    SB Admin 2 引入了基于 Bootstrap 框架的 SB Admin 2 作为系统的主题,从 Start Bootstrap 网站可以预览并下载这个主题 导航栏部分 上边框导航栏 <n ...

  2. Android基础知识【项目实训-实现二级导航“今日活动”及读取数据库】【5】

    [该项目实训是Android基础知识的一个综合练习,特别提示:项目中会用到一些图片素材,都是随意整理的,稍后会上传一个资源,包含该事项项目的基本功能,也含有图片素材] [项目题目]:校园订餐App设计 ...

  3. Blog1 TCMKG——中医药知识图谱项目介绍

    一.项目背景 知识图谱以结构化的形式描述客观世界中概念.实体及其之间的关系,将互联网的信息表达成更接近人类认知世界的形式,提供了一种更好地组织.管理和理解互联网海量,的能力.知识图谱给互联网语义搜索带 ...

  4. 项目实训记录(1-2周)

    前言 我是我们项目实训小队的队长,负责了开题答辩.下面是项目实训1-2周的工作记录. 一.确定选题 我们小组四个同学就选题进行了很长时间的讨论,最后确定选择做一个基于人工智能技术的大学生辅助学习系统. ...

  5. BeagleBone Black项目实训手册(大学霸内部资料)

    BeagleBone Black项目实训手册(大学霸内部资料) 介绍:本教程是<BeagleBone Black快速入门教程>的后续教程.本教程以项目操作为主,讲解LED项目.声音项目.传 ...

  6. java质数和合数的程序_《java项目实训》课程设计计算器.doc

    <java项目实训>课程设计计算器.doc 课程设计报告课程名称JAVA项目实训课程设计设计名称基于JAVA计算器的设计与实现学生学号学生姓名学生学号学生姓名学生学号学生姓名学生学号学生姓 ...

  7. web前端小项目个人实例_Web前端:小程序界面与逻辑项目实训

    大家好,我来了!本期为大家带来的Web前端学习知识是"Web前端:小程序界面与逻辑项目实训",喜欢Web前端的小伙伴,一起看看吧! 主要内容 数据绑定 渲染 界面层数据渲染 事件处 ...

  8. 2022年大数据BI工程师项目实训介绍

    来自[仅悦数据]<大数据BI工程师项目实训>的介绍,精心整理,盗用必究- 本文阅读约需15分钟,感谢观看~ 最新播报:2022年BI大数据实训全面升级,我们必将更专业.更用心! 一.202 ...

  9. 学生计算机培训照片,四川新华电脑学校三维项目实训室参观照片

    四川新华电脑学校为加强学生的实践动手能力,每个专业开设项目实训室,新华独创"任务驱动式五步教学法"让每位新华学子理论与实践并驾齐驱,学校课程设置改革紧跟市场需求,市场需要什么人才, ...

最新文章

  1. C# WinfForm 控件之dev报表 XtraReport (六) 图表Charts 无内容
  2. 07- app的弱网测试
  3. 基于梅尔频谱的音频信号分类识别(Pytorch)
  4. 红橙Darren视频笔记 自定义View总集篇
  5. 2021年三月上旬推荐阅读文章
  6. php larve,封装composer包,实现thinkphp、larverl、yii框架中使用(使用框架实现回调方法)...
  7. Java队列——线程池创建的例子
  8. Centos 启用网卡出现 no link present. Check cable
  9. Tomcat 7 证书配置中遇到的一个问题
  10. OpenCV-Python教程(10、直方图均衡化)
  11. c语言课程主要目的和内容,C语言程序设计课程教学大纲
  12. 挑战云主机战:学习使用云端服器象棋云库
  13. D. Relatively Prime Graph codeforces 1009 D
  14. 艺术设计用计算机主板,学艺术设计的用什么电脑比较好
  15. wow(3) : 宏命令
  16. 计算机发展史图,图说计算机发展史
  17. bittorrent端口_如何在Linux防火墙中启用BitTorrent端口?
  18. correl函数相关系数大小意义_用Correl函数返回相关系数,以确定属性关系
  19. 提取excel文件的链接
  20. 88个国外音乐网站推荐

热门文章

  1. Netty系列之Netty线程模型
  2. 大前端html基础学习—个人笔记
  3. 企业机房设计需全面系列之机房环境基本要求
  4. 一行代码解决MacBook Pro安装VSCode没有应用图标问题
  5. 传统货币支付与电子支付的简要比较
  6. 千分位显示方法(每三位数字之间加一个逗号显示)
  7. 前端——js 天猫商品图放大镜效果、鼠标移动显示放大效果、(查看图片细节)
  8. Retrofit2.0 源码分析
  9. 【计算机毕业设计】102音乐网站
  10. 斐讯N1 安装mysql