1.创建Django项目做基本的配置步骤
Pycharm->new->New Project


2.基本的配置
settings.py-->STATIC_URL = '/static/'后面新增
STATICFILES_DIRS = (
os.path.join(BASE_DIR,'static'),
)


配置好后新增文件夹在项目文件夹下，命名为static
3.配置urls的新页面
1）.新增语句 from django.conf.urls import url
from app01 import views
2）.配置url链接
url(r'^upload.html$',views.upload),


4.写应用中配置的views方法
def upload(request):
#中间可以新增各种各样的逻辑判断方法
return render(request,'upload.html')


5.配置HTML文件

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. {% load staticfiles %}
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Blog_test</title>
  7.     <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}">
  8.     <link rel="stylesheet" href="{% static 'bootstrap/js/bootstrap.js' %}">
  9.     <link rel="stylesheet" href="{% static 'bootstrap/fonts/glyphicons-halflings-regular.ttf' %}">
  10.     <link rel="stylesheet" href="{% static 'font-awesome/web-fonts-with-css/css/fontawesome-all.min.css' %}">
  11.     <script SRC="/static/Echarts/echarts.js"></script>
  12. </head>
  13. <body>
  14. {# _______________________________________导航条__________________________________________________________#}
  15. <nav class="navbar navbar-inverse">
  16.   <div class="container-fluid">
  17.     <!-- Brand and toggle get grouped for better mobile display -->
  18.     <div class="navbar-header">
  19.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  20.         <span class="sr-only">Toggle navigation</span>
  21.         <span class="icon-bar"></span>
  22.         <span class="icon-bar"></span>
  23.         <span class="icon-bar"></span>
  24.       </button>
  25.       <a class="navbar-brand" href="#">我的博客</a>
  26.     </div>
  27.  
  28.     <!-- Collect the nav links, forms, and other content for toggling -->
  29.     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  30.       <ul class="nav navbar-nav">
  31.         <li class="active"><a href="#">首页<span class="sr-only">(current)</span></a></li>
  32.         <li><a href="#">我的随笔</a></li>
  33.           <li><a href="#">我的文章</a></li>
  34.           <li><a href="#">管理</a></li>
  35.         <li class="dropdown">
  36.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">统计<span class="caret"></span></a>
  37.           <ul class="dropdown-menu">
  38.             <li><a href="#">随笔：</a></li>
  39.             <li><a href="#">文章：</a></li>
  40.             <li><a href="#">评论：</a></li>
  41.               <li><a href="#">引用：</a></li>
  42.           </ul>
  43.         </li>
  44.       </ul>
  45.       <form class="navbar-form navbar-left">
  46.         <div class="form-group">
  47.           <input type="text" class="form-control" placeholder="Search">
  48.         </div>
  49.         <button type="submit" class="btn btn-default">百度一下</button>
  50.       </form>
  51.       <ul class="nav navbar-nav navbar-right">
  52.         <li><a href="#">联系我</a></li>
  53.           <li><a href="http://127.0.0.1:8000/test.html">测--试</a></li>
  54.         <li class="dropdown">
  55.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">排行榜 <span class="caret"></span></a>
  56.           <ul class="dropdown-menu">
  57.             <li><a href="#">阅读排行榜</a></li>
  58.                           <li role="separator" class="divider"></li>
  59.             <li><a href="#">评论排行榜</a></li>
  60.                           <li role="separator" class="divider"></li>
  61.             <li><a href="#">推荐排行榜</a></li>
  62.           </ul>
  63.         </li>
  64.           {# _____________________________________模态框(登录界面)___________________________________________________#}
  65.           <li style="padding-top: 2%">
  66. <!-- Button trigger modal -->
  67. <button type="button" class="btn btn-inverse" data-toggle="modal" data-target="#myModal">
  68.   登录
  69. </button>
  70. <!-- Modal -->
  71. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  72.   <div class="modal-dialog modal-sm" role="document">
  73.     <div class="modal-content">
  74.       <div class="modal-header">
  75.         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  76.         <h4 class="modal-title" id="myModalLabel">用户登录</h4>
  77.       </div>
  78.         <form action="index.html" method="post" id="fm">
  79.       <div class="modal-body">
  80.           <p><i class="fa fa-user"><input  name="username" placeholder="用户名" type="text" style="height: 30px;width: 260px;"/></i></p>
  81.           <p><i class="fa fa-unlock-alt"><input  name="password" placeholder="密码" type="password" style="height: 30px;width: 260px"/></i></p>
  82.       </div>
  83.       <div class="modal-footer">
  84.         <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  85.         <button type="submit" class="btn btn-primary" onclick="submitlogin()">登录</button>
  86.       </div></form>
  87.     </div>
  88.   </div>
  89. </div>
  90. </li>
  91.           {# _________________________________________________________________________________________________#}
  92.       </ul>
  93.     </div><!-- /.navbar-collapse -->
  94.   </div><!-- /.container-fluid -->
  95. </nav>
  96. <script src="/static/js/jquery-3.3.1.min.js">
  97. </script>
  98. <script>
  99.     function submitlogin() {
  100.     $.ajax({
  101.         url:'index.html',
  102.         type:'POST',
  103.         data:$('#fm').serialize(),
  104.         success:function (arg) {
  105.             console.log(arg);
  106.         }
  107.     })
  108.     }
  109. </script>
  110. <script src="/static/bootstrap/css/bootstrap.css"></script>
  111. <script src="/static/bootstrap/js/bootstrap.js" type="text/javascript"></script>
  112. </body>
  113. </html>

index.html

  1. from django.shortcuts import render,HttpResponse
  2. from  Blog.models import UserInfo
  3. # Create your views here.
  4. def index(request):
  5.     return render(request,'index.html')
  6. def test(request):
  7.     return render(request,'test.html')
  8. def login(request):
  9.     if request.method == 'GET':
  10.         return render(request,'index.html')
  11.     else:
  12.         u = request.POST.get('username')
  13.         p = request.POST.get('password')
  14.         users = UserInfo.objects.filter(username=u,password=p). \
  15.             values('nid', 'nickname','username', 'email','avatar',).first()
  16.         if users:
  17.             return render(request,'index.html')
  18.         else:
  19.             return render(request,'test.html')

views.py

  1. from django.db import models
  2.  
  3. # Create your models here.
  4. class UserInfo(models.Model):
  5.     """
  6.     用户表
  7.     """
  8.     def __str__(self):
  9.         return self.username
  10.     nid = models.BigAutoField(primary_key=True)
  11.     username = models.CharField(verbose_name='用户名', max_length=32, unique=True)
  12.     password = models.CharField(verbose_name='密码', max_length=64)
  13.     nickname = models.CharField(verbose_name='昵称', max_length=32)
  14.     email = models.EmailField(verbose_name='邮箱', unique=True)
  15.     avatar = models.ImageField(verbose_name='头像')

models.py

  1. """
  2. Django settings for MyBlog project.
  3.  
  4. Generated by 'django-admin startproject' using Django 2.0.5.
  5.  
  6. For more information on this file, see
  7. https://docs.djangoproject.com/en/2.0/topics/settings/
  8.  
  9. For the full list of settings and their values, see
  10. https://docs.djangoproject.com/en/2.0/ref/settings/
  11. """
  12.  
  13. import os
  14.  
  15. # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
  16. BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  17.  
  18. # Quick-start development settings - unsuitable for production
  19. # See https://docs.djangoproject.com/en/2.0/howto/deployment/checklist/
  20.  
  21. # SECURITY WARNING: keep the secret key used in production secret!
  22. SECRET_KEY = 'tz)owazxyz+h!ysgs6=84(s__x!7zl!^+#5k-qk#iyw$nkz^+d'
  23.  
  24. # SECURITY WARNING: don't run with debug turned on in production!
  25. DEBUG = True
  26.  
  27. ALLOWED_HOSTS = []
  28.  
  29. # Application definition
  30.  
  31. INSTALLED_APPS = [
  32.     'django.contrib.admin',
  33.     'django.contrib.auth',
  34.     'django.contrib.contenttypes',
  35.     'django.contrib.sessions',
  36.     'django.contrib.messages',
  37.     'django.contrib.staticfiles',
  38.     'Blog.apps.BlogConfig',
  39. ]
  40.  
  41. MIDDLEWARE = [
  42.     'django.middleware.security.SecurityMiddleware',
  43.     'django.contrib.sessions.middleware.SessionMiddleware',
  44.     'django.middleware.common.CommonMiddleware',
  45.     # 'django.middleware.csrf.CsrfViewMiddleware',
  46.     'django.contrib.auth.middleware.AuthenticationMiddleware',
  47.     'django.contrib.messages.middleware.MessageMiddleware',
  48.     'django.middleware.clickjacking.XFrameOptionsMiddleware',
  49. ]
  50.  
  51. ROOT_URLCONF = 'MyBlog.urls'
  52.  
  53. TEMPLATES = [
  54.     {
  55.         'BACKEND': 'django.template.backends.django.DjangoTemplates',
  56.         'DIRS': [os.path.join(BASE_DIR, 'templates')]
  57.         ,
  58.         'APP_DIRS': True,
  59.         'OPTIONS': {
  60.             'context_processors': [
  61.                 'django.template.context_processors.debug',
  62.                 'django.template.context_processors.request',
  63.                 'django.contrib.auth.context_processors.auth',
  64.                 'django.contrib.messages.context_processors.messages',
  65.             ],
  66.         },
  67.     },
  68. ]
  69.  
  70. WSGI_APPLICATION = 'MyBlog.wsgi.application'
  71.  
  72. # Database
  73. # https://docs.djangoproject.com/en/2.0/ref/settings/#databases
  74.  
  75. DATABASES = {
  76.     'default': {
  77.         'ENGINE': 'django.db.backends.mysql',
  78.         'NAME': 'cms',
  79.         'USER': 'root',
  80.         'PASSWORD': '',
  81.         'HOST': '127.0.0.1',
  82.         'PORT': '',
  83.     }
  84. }
  85.  
  86. # Password validation
  87. # https://docs.djangoproject.com/en/2.0/ref/settings/#auth-password-validators
  88.  
  89. AUTH_PASSWORD_VALIDATORS = [
  90.     {
  91.         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
  92.     },
  93.     {
  94.         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
  95.     },
  96.     {
  97.         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
  98.     },
  99.     {
  100.         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
  101.     },
  102. ]
  103.  
  104. # Internationalization
  105. # https://docs.djangoproject.com/en/2.0/topics/i18n/
  106.  
  107. LANGUAGE_CODE = 'en-us'
  108.  
  109. TIME_ZONE = 'UTC'
  110.  
  111. USE_I18N = True
  112.  
  113. USE_L10N = True
  114.  
  115. USE_TZ = True
  116.  
  117. # Static files (CSS, JavaScript, Images)
  118. # https://docs.djangoproject.com/en/2.0/howto/static-files/
  119.  
  120. STATIC_URL = '/static/'
  121. STATICFILES_DIRS = (
  122.     os.path.join(BASE_DIR,'static'),
  123. )

settings.py

【Django】创建后的基本操作的更多相关文章

  1. MySQL在Django框架下的基本操作（MySQL在Linux下配置）

    [原]本文根据实际操作主要介绍了Django框架下MySQL的一些常用操作,核心内容如下: ------------------------------------------------------ ...

  2. 利用django创建一个投票网站（一）

    这是教程的原始链接:http://django-intro-zh.readthedocs.io/zh_CN/latest/part1/ 创建你的第一个 Django 项目, 第一部分 来跟着实际项目学 ...

  3. 用django创建一个简单的sns

    用django创建一个简单的sns 1.首先创建一个工程newsns django-admin.py startproject newsns 在工程目录下新建一个文件夹templates,在该文件夹下 ...

  4. Django创建博客

    拜读http://www.cnblogs.com/fnng/p/3737964.html 后自操作步骤,mark一下 我的想法: modles.py中只负责添加类,定义数据结构,至于将该类添加到adm ...

  5. django创建工程，用命令

    django创建工程的命令 >>python C:\Python33\Lib\site-packages\django\bin\django-admin.py startproject p ...

  6. django创建第一个项目helloworld

    环境:centos 7,已安装python 3.6环境 1.安装django并创建django第一个项目 1.1.使用pip安装django# pip install Django或指定安装版本# p ...

  7. linux下配置python环境 django创建helloworld项目

    linux下配置python环境 1.linux下安装python3 a. 准备编译环境(环境如果不对的话,可能遇到各种问题,比如wget无法下载https链接的文件) yum groupinstal ...

  8. Django创建基本流程

    Django创建基本流程 1.创建工程:django-admin startproject 工程名 2.创建应用:python manage.py startapp 应用名 3.激活项目:修改sett ...

  9. Django创建数据库常用字段及参数

    Django创建数据库常用字段及参数 常用字段 1.models.AutoField 自增列= int(11) 如果没有的话,默认会生成一个名称为 id 的列,如果要显示的自定义一个自增列,必须将给列 ...

随机推荐

  1. 关于配置websocket，nginx转发https至wss问题

    在本地测试通过的socket,再放到现在的有nginx代理之后发现会报:failed: Error in connection establishment: net::ERR_NAME_NOT_RES ...

  2. 自我介绍About me

    我的github:www.github.com/dcdcbigbig 欢迎来加star!(雾) tm就是个菜逼

  3. OPENGL学习【一】VS2008开发OPENGL程序开发环境搭建

    1.VS2008工具自行在网上下载安装,现只提供VS2008开发工具中配置OPENGL环境的详细步骤.开发包及编译工具会在下方一并放出链接. 2.打开CMake的工具,主要的配置信息如下,按照数字顺序 ...

  4. [luogu 2324][SCOI 2005] 骑士精神 (A*算法)

    Description 在一个5×5的棋盘上有12个白色的骑士和12个黑色的骑士, 且有一个空位.在任何时候一个骑士都能按照骑士的走法(它可以走到和它横坐标相差为1,纵坐标相差为2或者横坐标相差为2, ...

  5. rtsp://admin:12345@192.168.1.198/mpeg4/main/ch01/av_stream

    rtsp://admin:12345@192.168.1.198/mpeg4/main/ch01/av_stream

  6. 在windows环境中关于 pycharm配置 anaconda 虚拟环境

    因为要在windows系统系统中练习tensorflow,所以需要配置一下环境(来回的开关机切换环境太麻烦了......) 首先安装anaconda3,我选择的版本是Anaconda3 5.1.0,对 ...

  7. HDU 2138

    这题用MILLER测试应该是不可避免的. #include <iostream> #include <cstdio> #include <stdlib.h> #in ...

  8. IntelliJ IDEA 对于generated source的处理

    IntelliJ IDEA 对于generated source的处理 学习了:https://stackoverflow.com/questions/5170620/unable-to-use-in ...

  9. IP协议解读（三）

    今天我们来介绍网络层中的ICMP协议 ICMP报文格式 图一: 从图片上我们能够分析出.前三位的字段都是固定的.8位类型字段,8位代码字段.16位校验和字段.其它字段因ICMP报文类型不同而不同.8位 ...

  10. [iOS翻译]《iOS7 by Tutorials》在Xcode 5里使用单元測试（上）

    简单介绍: 单元測试是软件开发的一个重要方面.毕竟,单元測试能够帮你找到bug和崩溃原因,而程序崩溃是Apple在审查时拒绝app上架的首要原因. 单元測试不是万能的,但Apple把它作为开发工具包的 ...