满足低调之心基础---Django(1)

一,Django框架介绍

1,MVC框架和MTV框架

MVC,全名为Model View Controller,是软件工程中的一种软件架构模型,将软件系统分为三个基本部分,Model(模型),View(视图),Controller(控制器),具有耦合性低,重用性高,生命周期成本低等优点。
在这里插入图片描述
了解更多MVC模式: 猛戳这里

Django框架的设计模式是借鉴了MVC框架的思想,分为了三部分:模型(Model), 模板(Template)和View(视图),也就是MTV框架,来降低各个部分之间的耦合性。

2,Django的MTV模式

在这里插入图片描述
Model(模型):负责业务对象与数据库对象

Template(模板):把页面展示给用户

View(视图):业务逻辑,并在适当的时候调用Model和Template

此外Django还有一个urls分发器,它的作用是将一个个URL的页面请求发给不同的view处理,view再调用相应的Model和Template

二,下载Django模块

有两种方法:

1,按win + s键(windows 10),然后输入cmd回车,进入DOS命令窗口

输入pip install django回车即可下载安装最新版本

若要下载想要的版本,就在后面加上版本号

如:pip install django==1.11.28

在这里插入图片描述
如果出现报错现象,多数为网络原因,建议加上国内镜像源即可🚀下载

如:pip install django==1.11.28 -i http://mirrors.aliyun.com/pypi/simple/

2,用pycharm下载

File --> Settings…–> Project:web–>Python Interpreter

在这里插入图片描述
点击+

在这里插入图片描述

三,创建Django项目

有两种方法:

1,用命令行创建(在DOS窗口中)

django-admin startproject practice  # 创建名为practice的Django项目

在这里插入图片描述
没有任何提示说明创建完成,然后去G盘看

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2,用pycharm创建

在这里插入图片描述
在这里插入图片描述
小编推荐使用pycharm创建Django项目,但是命令行方式也要会!

四,启动Django项目

有两种方法(以前面创建的practice1项目为例):

1,命令行方式

python manage.py runserver  # 启动项目

在这里插入图片描述
在这里插入图片描述
出现这个页面说明项目启动成功

同样在pycharm中也可以使用命令行

在这里插入图片描述
2,pycharm中的一秒启动(项目要创建在根目录下)

在这里插入图片描述
偶尔会出现的报错昨天(刚才)启动还好好地,现在怎么报错了☹(报错内容如下)

在这里插入图片描述
据小编所知,常用软件中酷狗的默认端口是8000(而Django的默认端口也是8000),也就是说,当你在打开酷狗听着歌儿时,又顺手启动了下Django,这下就出错了😄😄😄

那怎么解决呢?

①最直接暴力的办法就是退出酷狗,以解心头之恨!

②命令行启动时在后面更改默认端口,即可解决!

python manage.py runserver 8001  # 将端口改为8001

五,Django的简单使用

1,如果是pycharm创建的Django项目,部分环境就会被配置好;但如果是命令行创建的,就需要手动配置

在这里插入图片描述
打开settings.py文件

在这里插入图片描述

在这里插入图片描述
2,简单使用

打开urls.py文件

在这里插入图片描述
如上写完后顺手按下Ctrl+s就会重新启动项目,点击下面的url地址

在这里插入图片描述
将/index填到上面的url地址后面并回车,出现如下图所示即表明OK

在这里插入图片描述
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
在这里插入图片描述

在这里插入图片描述
如下图运行OK

在这里插入图片描述

六,登录页面,静态文件的引入

urls.py文件

from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse, render


def index(request):
    # 业务逻辑

    # 返回结果
    # return HttpResponse("hello word!")  # 返回一个字符串
    return render(request, "index.html")  # 返回一个HTML页面


def logon(request):
    return render(request, "logon.html")


urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', index),
    url(r'^logon/', logon),

]

logon.html文件

鉴于小编审美,前端都太差,故咱们直接去网上拿个登录页面🤭(●’◡’●)

在Google浏览器中输入https://v3.bootcss.com/并回车,在起步中,页面一直往下拉

在这里插入图片描述
找到这个登录页面
在这里插入图片描述
在这里插入图片描述
简洁而又不失美观,nice!来,今天就把她混到手!!!

按f12进入检查,如下界面

在这里插入图片描述
复制body标签到咱们的logon.html中,替换掉咱们的body标签
在这里插入图片描述
在这里插入图片描述
然后启动项目

在这里插入图片描述
嗯…这个和咱们想要的效果还差那么一丢丢!

再进入检查中,点开head标签,发现咱们貌似还缺样式(因为head标签中的东西比较乱,所以咱们用到什么拿什么)🐶🐶🐶

在这里插入图片描述
那么咱们想办法把那个css顺到手

如下图点击源代码,选择signin.css右击另存为
在这里插入图片描述
下载好后,进行复制,然后发现这个css文件应放到何处?

进行静态文件配置,到项目中的settings.py文件中,下拉到最后

在这里插入图片描述
这就是静态文件配置的地方,进行如下图操作

在这里插入图片描述
再把咱们刚才复制的signin.css文件放到对应的css文件中

在这里插入图片描述
然后去logon.html中导入一下

在这里插入图片描述
再去浏览器按f5刷新看效果

在这里插入图片描述
更接近了,不过总感觉还缺点什么?去检查中再看

在这里插入图片描述
如何拿到那个文件呢?稳住

回到刚才起步顶部,下载Bootstrap
在这里插入图片描述
下载完成后再解压后,如下图

在这里插入图片描述
复制后粘贴到Django项目的css文件夹中,再导入

在这里插入图片描述
去浏览器页面f5看效果

在这里插入图片描述
哈哈,一模一样,搞定!
在这里插入图片描述
未完,待续。。。(明天是元宵佳节,莫非得肝一夜,哈哈🤣)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值