Django的安装以及第一个简单的"Hello World!"

Django的环境配置

一. Django是什么

Django是一个开源的Web应用框架，由python写成，采用了MVC的框架模式。

1.问题来了，什么是Web应用框架，什么又是MVC框架模式呢？

解答：Web应用框架是别人把要写一个具体网站的相关需要的文件，配置都整理成一个相应的模板，你只要学习它的规则，然后填空一样的完成你要的网站形式和相应的后台操作就行。

MVC框架是指在软件开发过程中的一种设计典范，M代表的是model，一般是与数据库相关，V是view视图，用来显示网页，数据等，C是controller，用来对数据库里面的数据进行操作，比如前端传来数据，C就可以接受并写入数据库，或者前端需要某些数据，C就从数据库取到相应的数据然后返回给前端。在django里面，MVC更偏向于使用MTV来描述。M依旧是负责数据库方面的工作，而V更加偏向于做主逻辑模块，T是Templates，在django里面是一个模板文件夹，与页面相关的html文件都放在这个文件里面。本质上时一样的，只是在django里面，这些文件换了名字。

二.django的安装与配置

本人系统是win10,python = 3.6, 安装的django是2.1.7版本

1.django的安装十分方便，使用pip install django 或者 pip install django=版本号 都可以。

2.安装完成之后，可以利用win10的Cortana查找django-admin.exe，找到它所在的位置，然后记录下这个路径，以便加入到后面的系统环境变量中。

3.右击我的电脑-----属性----高级系统设置----高级---环境变量

点击环境变量：

找到系统变量的Path路径-----点击编辑(千万不要点击新建！！！！否则Path里面的东西会被清空的！！！！！不要手残)

点击如上图所示的“新建”，将刚刚记录下来的路径添加上去，点击确定退出。

在cmd里面输入django-admin help,得到下面的图片，恭喜你成功了，不然就得重新来一遍。

查看django版本号，可以帮你确定你要学习的是哪个版本，方便百度问题

打开cmd命令行，python------import django------print(django.VERSION)

三.在Pycharm中创建django文件

pycharm是一个有着强大功能，简介界面的工具。由于作者自己也是第一次学习这个框架，所以使用的是pycharm，当然，在linux下面，你也可以使用命令行直接来进行操作。

打开pycharm,点击File-----new project

按下确定键，等待一段时间，然后文件就创建好了。

我的这个文件名叫做test_django，界面如下：

现在这个项目自带了template,urls,settings和manage

settings是主配置文件，urls是url路由文件，wsgi是网络通信接口-----位于web应用程序与web服务器之间，具体解释见百度：https://baike.baidu.com/item/wsgi/3381529?fr=aladdin 这个与项目关系不大，不需要自己进行配置。

创建一个APP，每个django项目中可以包含多个app,相当于一个大型项目中的分系统，子模块，功能部件等(这个我没有具体实现过很多APP，不知道这些东西之间究竟怎样进行连接，所以暂时只定了一个APP，以后如果想通了会再进行补充)，创建的APP叫myPro,在pycharm的终端下面输入：python manage.py startapp myPro,然后这个就会自动生成这个APP。

创建新的APP后整个文件多了一个文件夹

我们先来创建一个能显示“Hello world!”的简单网页吧，这个也能看到整个框架的流程。

首先，将APP加入到整个项目中，打开settings文件，找到INSTALLED_APPS，将自己的新APP名字加入进去，写完记得带“，”见下图：

然后，你需要做的是打开urls文件，配置相关的url路由。

1.首先你需要import views这就是V。2.是加入一个路径，第一个变量是你要访问的时候要输入的路径，比如说，你的服务器是http://127.0.0.1:8000/（这个在你开启这个项目后会给你），那么你要访问的时候就要输入http://127.0.0.1:8000/index/ ；第二个变量是在views里面的函数名，告诉django当你打开上面那个网址的时候，调用了views里面的index函数，第三个name就是一个标签。3.是自带的访问数据库的路径，当你设置了自己的用户名和密码之后，就可以在创建了数据表后，直接用图形界面添加数据，十分方便。访问时使用http://127.0.0.1:8000/admin/就行。至于怎么样进行用户密码的创建，自己可以去参考别人的博客https://www.cnblogs.com/xkjlive/p/8205960.html 在这里，我假定你已经完成了创建。

接下来，我们需要去看看views文件，在这里进行逻辑业务的处理。

index是我们自己给的函数名，如果你这里不使用index作为名字，那么，你需要在urls里的path路径里面的第二个参数views.index的index改成你自己的函数名，第一个参数是你要打开的路径名，随你的喜好。index函数的request参数是必须的，可以修改名字，不过一般会默认使用这个。下面这个HttpResponse是一个封装string的类，必须由这个类进行封装才能返回去，具体的用法可以去看看官方的文档(作者自己是个小辣鸡，基本没用过别的)。

接下来，你需要做的就是点击pycharm的运行按钮，会给出你的服务器地址，一般默认是http://127.0.0.1:8000/ 然而作者开了几个，所以修改了一下端口，免得进错地方，作者的地址是http://127.0.0.1:8080/，修改端口的方法如下图所示：

点击编辑环境，

Host允许你修改你的默认网站，Port允许你修改端口，作者比较懒，就修改了一个端口。

在浏览器上输入：http://127.0.0.1:8080/index/

恭喜你，得到了你自己的第一个django小项目。但是现在，我们没有html,css,js等文件，还不能称为一个项目。

在templates文件夹下面创建你自己的html文件，我给它命名为main.html，然后在里面写了个简单的界面，具体见图：

然后，你需要做的是将views里面的index文件进行修改，让它返回的是一个页面而不是一个单纯的字符串。渲染页面的方法叫render，详细的用法可以自行百度。我这里只用两种基本的用法：render(request,'main.html')和render(request,'main.html',{'data':要返回的list数据})第一种仅仅返回这个html文件，第二种会在返回文件的同时，将data数据传输到前端，对于前端ajax交互获取数据用处较大。具体的修改见下图：

现在，你的第一个django项目已经可以运行了，恭喜！

那么，对于一些js和css文件要怎么存放怎么管理呢?

在项目里面创建一个文件夹，取名可以叫static，然后再在里面创建文件夹，分别存放js文件，css文件，图片等。

为了让django能够找到这个静态文件夹，你需要去settings里面进行设置，设置如下图：

在html文件里面引用js文件时，目录为

<script src="/static/js/文件名"></script>

好了，第一步算是完成了，接下来的我在随后的博客里面会继续介绍更进一步的操作。