调用本地css文件的方法

setting.py里面的内容

  1. import os
  2.  
  3. # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
  4. BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  5.  
  6. # Quick-start development settings - unsuitable for production
  7. # See https://docs.djangoproject.com/en/2.2/howto/deployment/checklist/
  8.  
  9. # SECURITY WARNING: keep the secret key used in production secret!
  10. SECRET_KEY = '9ssccke32^tmaoq4rv_ccc&_2*emfq@vx#2g+-_xyo(c1@*tbo'
  11.  
  12. # SECURITY WARNING: don't run with debug turned on in production!
  13. DEBUG = True
  14.  
  15. ALLOWED_HOSTS = []
  16.  
  17. # Application definition
  18.  
  19. INSTALLED_APPS = [
  20.     'django.contrib.admin',
  21.     'django.contrib.auth',
  22.     'django.contrib.contenttypes',
  23.     'django.contrib.sessions',
  24.     'django.contrib.messages',
  25.     'django.contrib.staticfiles',
  26. ]
  27.  
  28. MIDDLEWARE = [
  29.     'django.middleware.security.SecurityMiddleware',
  30.     'django.contrib.sessions.middleware.SessionMiddleware',
  31.     'django.middleware.common.CommonMiddleware',
  32.     'django.middleware.csrf.CsrfViewMiddleware',
  33.     'django.contrib.auth.middleware.AuthenticationMiddleware',
  34.     'django.contrib.messages.middleware.MessageMiddleware',
  35.     'django.middleware.clickjacking.XFrameOptionsMiddleware',
  36. ]
  37.  
  38. ROOT_URLCONF = 'ServeProj.urls'
  39.  
  40. TEMPLATES = [
  41.     {
  42.         'BACKEND': 'django.template.backends.django.DjangoTemplates',
  43.         'DIRS': [os.path.join(BASE_DIR, 'templates')]
  44.         ,
  45.         'APP_DIRS': True,
  46.         'OPTIONS': {
  47.             'context_processors': [
  48.                 'django.template.context_processors.debug',
  49.                 'django.template.context_processors.request',
  50.                 'django.contrib.auth.context_processors.auth',
  51.                 'django.contrib.messages.context_processors.messages',
  52.             ],
  53.         },
  54.     },
  55. ]
  56.  
  57. WSGI_APPLICATION = 'ServeProj.wsgi.application'
  58.  
  59. # Database
  60. # https://docs.djangoproject.com/en/2.2/ref/settings/#databases
  61.  
  62. DATABASES = {
  63.     'default': {
  64.         'ENGINE': 'django.db.backends.sqlite3',
  65.         'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
  66.     }
  67. }
  68.  
  69. # Password validation
  70. # https://docs.djangoproject.com/en/2.2/ref/settings/#auth-password-validators
  71.  
  72. AUTH_PASSWORD_VALIDATORS = [
  73.     {
  74.         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
  75.     },
  76.     {
  77.         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
  78.     },
  79.     {
  80.         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
  81.     },
  82.     {
  83.         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
  84.     },
  85. ]
  86.  
  87. # Internationalization
  88. # https://docs.djangoproject.com/en/2.2/topics/i18n/
  89.  
  90. LANGUAGE_CODE = 'en-us'
  91.  
  92. TIME_ZONE = 'UTC'
  93.  
  94. USE_I18N = True
  95.  
  96. USE_L10N = True
  97.  
  98. USE_TZ = True
  99.  
  100. # Static files (CSS, JavaScript, Images)
  101. # https://docs.djangoproject.com/en/2.2/howto/static-files/
  102.  
  103. STATIC_URL = '/static/'
  104. #定义了 ip/static 是存放数据的文件夹
  105. STATICFILES_DIRS=[
  106.     os.path.join(BASE_DIR,'static'),  #相当于设置 ip/static这个数据文件夹 等同于 计算机内django工程文件夹的绝对路径/static
  107.     os.path.join(BASE_DIR,'static_img'), #相当于设置 ip/static这个数据文件夹 等同于 计算机内django工程文件夹的绝对路径/static_image
  108.     #以上就设置了如果浏览器找ip/static 那就去 django工程文件夹的绝对路径/static 或者 django工程文件夹的绝对路径/static_image里面找
  109. ]

url.py里的内容

  1. from django.contrib import admin
  2. from django.urls import path
  3. from django.shortcuts import HttpResponse,render
  4.  
  5. def index(request):
  6.     #业务
  7.     res=HttpResponse('进来的页面时index')  #返回自己想要的字符串
  8.     return res
  9.  
  10. def sb(request):
  11.     return render(request,'sb.html') #返回自己想展示的网页
  12.  
  13. def login(request):
  14.     return render(request,'login.html')
  15.  
  16. urlpatterns = [
  17.     path('admin/', admin.site.urls), #这一条是自带的
  18.     path('index/',index),  #这一条是自己写的，如果输入index的界面那么跳转到index函数
  19.     path('sb/',sb), #这一条是自己写的，如果输入sb的界面那么跳转到sb函数
  20.     path('login/',login) #这一条是自己写的，如果输入sb的界面那么跳转到sb函数
  21. ]

login.html里的内容

  1. <!DOCTYPE html>
  2. <head>
  3.     <meta http-equiv="content-type" content="txt/html; charset=utf-8"/>
  4.     <!-- 控制网页为utf8编码，必须放在最前面 -->
  5.     <link rel="stylesheet" href="/static/bootstrap.css">
  6.     <!-- 这是bootcss的核心样式，用bootcss都要这个-->
  7.     <link href="/static/signin.css" rel="stylesheet">
  8.     <!-- 这是signin的核心样式，用bootcss都要这个-->
  9.  
  10.     <style>
  11.         .city {
  12.             float: left;
  13.             margin: 5px;
  14.             padding: 15px;
  15.             width: 300px;
  16.             height: 300px;
  17.             border: 1px solid black;
  18.         }
  19.     </style>
  20. </head>
  21.  
  22. <body>
  23. <img src="/static/上课时间.jpg" alt="">
  24. <img src="/static/遗传算法.png" alt="">
  25. <!-- 引入图片,图放在django工程文件夹下面的static或者static_img里面-->
  26. <div class="container">
  27.     <form class="form-signin">
  28.         <h2 class="form-signin-heading">Please sign in</h2>
  29.         <label for="inputEmail" class="sr-only">Email address</label>
  30.         <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">
  31.         <label for="inputPassword" class="sr-only">Password</label>
  32.         <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
  33.         <div class="checkbox">
  34.             <label>
  35.                 <input type="checkbox" value="remember-me"> Remember me
  36.             </label>
  37.         </div>
  38.         <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  39.     </form>
  40. </div> <!-- /container -->
  41. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  42.  
  43. </body>
  44.  
  45. </html>

按照用户输入的用户名和账号做出跳转链接

Django-初阶实例的更多相关文章

  1. R语言实战（一）介绍、数据集与图形初阶

    本文对应<R语言实战>前3章,因为里面大部分内容已经比较熟悉,所以在这里只是起一个索引的作用. 第1章       R语言介绍 获取帮助函数 help(), ? 查看函数帮助 exampl ...

  2. Django初使用

    目录 一.Django初使用 1. 静态文件配置 (1)静态文件配置步骤 2. form表单的get和post提交方式 (1)get (2)post (3)注意 3. views文件中的request ...

  3. Nodejs初阶之express

    PS: 2014/09/24 更新<Express 4.X 启航指南>,欢迎阅读和评论:)   老规矩,开头部分都是些自娱自乐的随想,想到哪写到哪... 到今天俺已经在俺厂工作俩年零几天了 ...

  4. 平衡树初阶——AVL平衡二叉查找树+三大平衡树（Treap + Splay + SBT）模板【超详解】

    平衡树初阶——AVL平衡二叉查找树 一.什么是二叉树 1. 什么是树. 计算机科学里面的树本质是一个树状图.树首先是一个有向无环图,由根节点指向子结点.但是不严格的说,我们也研究无向树.所谓无向树就是 ...

  5. django初体验 学习笔记

    django环境搭建     1.安装Python     2.ipython         sudo apt-get install ipython         sudo pip instal ...

  6. 重温ASP.NET WebAPI（一）初阶

    重温ASP.NET WebAPI(一)初阶   前言 本文为个人对WebApi的回顾无参考价值.主要简单介绍WEB api和webapi项目的基本结构,并创建简单地webaapi项目实现CRUD操作. ...

  7. QT 初阶 第二章 创建对话框（查找对话框实例）

    最终效果图: 该对话框由三个文件组成:finddialog.h .finddialog.cpp. main.cpp 代码+注释 /*--finddialog.h--*/ #ifndef FINDDIA ...

  8. Django初印象之视图（view）

    一.view的初印象 一个视图函数(类),简称视图.我们发起web请求时,返回的web响应.[大家约定成俗将视图放置在项目(project)或应用程序(app)目录中的名为views.py的文件中.] ...

  9. Django 过滤器　实例

    实例1 safe让Html标签以及一些特殊符号(如<)生效,下面以例子说明: # value = '<b>CPT</b>' # 那么输出的时候,CPT就是加粗的,如果不加 ...

  10. 实战Django：官方实例Part6

    我们终于迎来了官方实例的最后一个Part.在这一节中,舍得要向大家介绍Django的静态文件管理. 现在,我们要往这个投票应用里面添加一个CSS样式表和一张图片. 一个完整的网页文件,除了html文档 ...

随机推荐

  1. python监控文件实时批量压缩脚本

    # coding:utf-8 from shutil import make_archive import os import time # 指定需要监测的文件夹 image_path = './im ...

  2. 如何修改openstack虚拟机密码

    1.虚拟机创建时设置密码 计算节点安装以下软件包 yum install libguestfs python-libguestfs libguestfs-tools-c 配置计算节点nova配置文件/ ...

  3. 10天，从.Net转Java，并找到月薪2W的工作（二）

    辞去.Net工作之后,第一天直接去星巴克学习. 研究如何入门Java,对比学习资料以及安装Ieda. 由于正版太贵,Mac又不容易破解.鼓捣半天,最后结果是,我决定用教育账号申请一年的免费IDEA. ...

  4. three.js WebGLRenderTarget

    今天郭先生说一说WebGLRenderTarget,它是一个缓冲,就是在这个缓冲中,视频卡为正在后台渲染的场景绘制像素. 它用于不同的效果,例如把它做为贴图使用或者图像后期处理.线案例请点击博客原文. ...

  5. mac 清理磁盘空间

    128G mac真的用的很崩溃,发现系统占用80G ,肯定是有问题的,发现了是缓存的原因,删除后好多了,记录一下. 从管理里进入之后,从文稿中选择"文件浏览器"可以看到每一个文件夹 ...

  6. MybatisPlus学习（四）条件构造器Wrapper方法详解

    文章目录 1.条件构造器 2.QueryWrapper 2.1.eq.ne 2.2.gt.ge.lt.le 2.3.between.notBetween 2.4.like.notLike.likeLe ...

  7. JAVA中IO流详解

    IO流:数据传输是需要通道的,而IO流就是数据传输的通道. IO流可以形象的比喻为运送货物的传输带. IO流的分类: ①根据操作的数据类型的不同可以分为 :字节流与字符流. ②根据数据的流向分为:输入 ...

  8. java中邮件通知

    // 客户信息 Tkhxx tkhxx = new Tkhxx(); try { String msg = tkhxx.toString(); MailUtil.simpleMailSend(Mail ...

  9. 【Mongodb】后台主键_id自增（Java版本）

    ObjectId的选择 创建MongoDB文档时,如果没有赋值ID,系统会自动帮你创建一个,通常会在客户端由驱动程序完成.得到的ObjectId类似于这种   ObjectId使用12字节的存储空间, ...

  10. post传参数 传json格式参数

    如下: const dataObject = JSON.stringify({                                         "base64str" ...