一,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看效果
哈哈,一模一样,搞定!
未完,待续。。。(明天是元宵佳节,莫非得肝一夜,哈哈🤣)