【Django】框架搭建

你的名字 2022-06-09 09:40 268阅读 0赞

## 1.首先是安装Django ##

win+r，调出cmd，运行命令：pip3 install django，自动安装Pypi提供的最新版本。  
运行代码：

pip3 install django

我们检验安装是否成功

![这里写图片描述][SouthEast]

## 2.创建项目 ##

在cmd下运行代码：  
我的是将代码放在D ://projects文件夹下，在dos 下线切换到目录文件夹下：运行代码

django-admin.py startproject HelloWorld

![这里写图片描述][SouthEast 1]

我们发现运行后并没有创建成功

是因为系统没找到django-admin.py 位置，所以没有创建成功，我们指定刚才安装那个Django-admin.py的位置：运行代码。直接创建成功。

python D:\Python\Scripts\django-admin.py startproject HelloWorld

我们在pycharm中将项目导入（这个是我之前建好的项目）：  
![这里写图片描述][SouthEast 2]

生成文件说明：

![这里写图片描述][SouthEast 3]

如果说你生成的没有这个templates 文件夹，怎么办？我们可以手动生成：  
![这里写图片描述][SouthEast 4]

![这里写图片描述][SouthEast 5]

这样我们就可以手动生成一个templates文件夹。

## 3.创建一个app ##

app 的创建，很简单

在Terminal 运行命令
    
    python manage.py startapp cmdb

如果提示错误：无法创建，按照如下方式，先切换到你项目所在路径下：如图所示  
![这里写图片描述][SouthEast 6]

![这里写图片描述][SouthEast 7]

我们就可以看到项目目录下多一个cmdb 的文件夹

## 4.配置路由文件 ##

![这里写图片描述][SouthEast 8]

## 5.编辑业务逻辑层 ##

![这里写图片描述][SouthEast 9]

## 6.创建一个 login.html ##

![这里写图片描述][SouthEast 10]

在html中我们难免会用到一些图片，css，js 我们在项目中创建如下目录，用于存放这些文件  
![这里写图片描述][SouthEast 11]

对项目settings修改

指定项目的html存放路径  
![这里写图片描述][SouthEast 12]

指定项目的css.js,imgs路径  
![这里写图片描述][SouthEast 13]

编辑 login.html  
![这里写图片描述][SouthEast 14]

## 启动服务，测试项目是否成功 ##

有两种方式

*  手动启动
 *  配置服务器文件

手动启动:

在Terminal 命令行运行：

python manage.py runserver 127.0.0.1:8000

配置服务器：  
![这里写图片描述][SouthEast 15]

我们设置拦截是对login进行拦截，所以在请求时候记得加上，[http://127.0.0.1:8000/login/][http_127.0.0.1_8000_login]  
结果展示：  
![这里写图片描述][SouthEast 16]

[SouthEast]: /images/20220609/e5e4a5a4f0f8403e85f4180229ce90b2.png
[SouthEast 1]: /images/20220609/63956bd07f7a4fcb80dfb8475dac1230.png
[SouthEast 2]: /images/20220609/67f5ad594e354c56880a4eb6f83fc066.png
[SouthEast 3]: /images/20220609/d3da575e3d6f433a86a0757025d21902.png
[SouthEast 4]: /images/20220609/ee5827a5276147c0b56a332e87bb619a.png
[SouthEast 5]: /images/20220609/a56aea4137504c839ee8ed4721e6b8c2.png
[SouthEast 6]: /images/20220609/c43451fd357444d8863555a6eaf3be11.png
[SouthEast 7]: /images/20220609/f40dabbfcd1c4727b99f21b05d394e5a.png
[SouthEast 8]: /images/20220609/2ee0fd5d04e145b59868c18ee7403075.png
[SouthEast 9]: /images/20220609/a5acc0936b5346469faf60bf7a60784f.png
[SouthEast 10]: /images/20220609/0e0c21a485f042e19cb538fbc8e85681.png
[SouthEast 11]: /images/20220609/c193f67cc3174a3eacaf4b31661f609c.png
[SouthEast 12]: /images/20220609/04ea2442d275458fa44ad15b16640cd6.png
[SouthEast 13]: /images/20220609/74f7d3dbf6c644c282457cb4d20549d9.png
[SouthEast 14]: /images/20220609/22be115ae583430c924c82f26c3ebd61.png
[SouthEast 15]: /images/20220609/ce67a48ba1044bca90d8e80f1bd39b12.png
[http_127.0.0.1_8000_login]: http://127.0.0.1:8000/login/
[SouthEast 16]: /images/20220609/d50e3be498cb43b98925db9120d6a7db.png