Mac 安装Django

太过爱你忘了你带给我的痛 2022-08-04 11:58 274阅读 0赞

这是DJango学习系列的第一篇：主要介绍在Mac环境下如何安装DJango，以及创建新工程，通过LocalHost的测试。

一：写在前面  
DJango系列学习笔记主要以学习为主，并没有抱着写成一个产品做市场的心态。所以很多框架配置博主都是本着简单至上的原则，大家如果想在这里找到追求稳定、高性能的DJango相关内容，恐怕得失望了。但是我认为如果你是个和我一样的新手，不妨我们一起学习，一起进步。

二：关于Python  
既然是Python的Web Framework,那当然得安装Python啦。不过Mac下默认安装了最稳定的Python，所以我们不用担心。如果你是Win下的同学，可以参考[《安装Python》][Python]。有了最基础的环境，我们便开始下一步。

三：下载Django  
从[这里][Link 1]下载最新的稳定版本：DJango-1.x.y.tar.gz,记住是最新的官方版本哦.其中x.y是版本号。~接下来进入你下载该文件的文件夹目录，执行如下命令:（Mac下默认是/Users/xxx/Downloads，xxx是你的用户名）

四：安装Django  
博主在安装Django前一直很纠结的事情是：把Django安装到哪呢？我想这是深受window下安装程序过程的影响，其实在Mac下完全不必关心这个问题。比如说你的Python默认在/Library/Python/2.7中，那么无论如何你在哪里安装完DJango，都会在/Library/Python/2.7/site-packages中生成一个django的文件夹，这样你以后所有的django的api都无需你的关心它的位置问题。说了这么多，其实想说安装很简单：

五：测试LocalHost是否成功  
一般而言，在本地搭建任何网站框架第一步都是测试localhost是否能成功访问。下面我们就以此作为本篇的结束:

<table style="border-spacing:0px; width:960px; border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; min-height:auto!important; background:none!important"> 
 <tbody style="border:0px!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important"> 
  <tr style="border:0px!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important"> 
   <td style="width:960px; border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; min-height:auto!important; background:none!important"> 
    <div style="border:0px!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:relative!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important"> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">/*创建一个Django目录，以后我们所有的测试样例都将储存在这里*/</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">sudo mkdir ~/Document/DJango</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; font-weight:bold!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; color:rgb(0,102,153)!important; background:none!important">cd</code> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important"> ~/Document/DJango</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
       &nbsp; 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">/*创建一个用于测试Localhost的网站样例*/</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">django</code> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; font-weight:bold!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; color:rgb(0,102,153)!important; background:none!important">-admin</code> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">.py startproject testLocalHost</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important">
       &nbsp; 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">/*启动网站服务*/</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; font-weight:bold!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; color:rgb(0,102,153)!important; background:none!important">cd</code> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important"> testLoacalHost</code> 
     </div> 
     <div style="border-width:0px 0px 0px 3px!important; border-left-style:solid!important; border-left-color:rgb(108,226,108)!important; font-size:1em!important; margin:0px 0px 0px 1em!important; outline:0px!important; padding:0px 1em!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; white-space:pre!important; background:none!important"> 
      <code style="border:0px!important; font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important; font-size:1em!important; margin:0px!important; outline:0px!important; padding:0px!important; vertical-align:baseline!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; width:auto!important; min-height:auto!important; background:none!important">python manage.py runserver</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

此时会得到一些服务启动的信息，在你的浏览器输入:http://localhost:8000测试一下是否成功了呢？有It works即可

六：下一步  
到现在为止，我们已经搭建了DJango的基本框架。我决定在下一篇建立简单的HelloWorld，并解释各个文件的用途。

[Python]: http://www.ccpt.cc/python_install_and_simple_example/
[Link 1]: https://www.djangoproject.com/download