如何简单便捷的搭建一个网站 - 基于Django

一、所需工具以及相关环境

1. 系统:win7,win8.1,win10(亲测可用 - 本文为win7,64位)

2. 本文使用的版本是:

  1)python-2.7.11【百度云盘分享:http://pan.baidu.com/s/1c25M2ty】

  2)Django-1.6.11【百度云盘分享:http://pan.baidu.com/s/1nvbbXWH】

二、搭建开发环境(注:以下安装过程中涉及到的路径,根据用户自身习惯而定)

1. 安装python:下载安装包(如:python-2.7.11.msi),然后你只需要使用默认的设置,一直点击“下一步”直到安装完成即可。

  -- 配置环境变量:C:\My_softwares\Python27(根据自己安装的路径),如图1.1所示。

  -- 检测是否安装成功:【ctrl + R】 --> 输入【powershell(或者cmd)】--> 输入【python】 --> 结果如图1.2所示。

如何简单便捷的搭建一个网站 -  基于Django  如何简单便捷的搭建一个网站 -  基于Django

             图1.1 配置环境变量                               图1.2 python安装并配置成功

 2. 安装Django:

  1)下载django安装包,如(Django-1.6.11)

    -- 解压并和Python安装目录放在同一个根目录(放在python目录下也行,如,C:\My_softwares\Python27 --> C:\My_softwares\Python27\Django-1.6.11)

    -- 通过【powershell】(或者cmd)进入Django 目录,执行【python setup.py install】,然后开始安装,Django将要被安装到Python的Lib下site-packages.

  2)配置环境变量(操作与配置python的环境变量类似):

    -- C:\My_softwares\Python27\Lib\site-packages\django

    -- C:\My_softwares\Python27\Scripts(注:django安装完成后,该目标下生成【django-admin.py】用于后续网站的建立)

    -- 添加完成后就可以使用【django-admin.py】提供的命令创建新工程了。

  3)检验django是否搭建完成:

    --【ctrl + R】 --> 输入【powershell(或者cmd)】--> 输入【python】

    -- 输入【import django】--> 输入【django.VERSION】--> 是否显示对应的版本(如:1, 6, 11, 'final', 0),如图1-3所示.

如何简单便捷的搭建一个网站 -  基于Django

图1-3 django安装并配置成功

3. PowerShell简介:Windows PowerShell 是一种命令行外壳程序和脚本环境,使命令行用户(如,类似linux的【ls】命令,可显示当前目录下包含的文件)和脚本编写者可以利用。

  1)Windows PowerShell 入门主要面向之前没有 Windows PowerShell 背景知识的 IT 专业人员、程序员和高级用户。

  2)使用方法:【ctrl + R】 --> 输入【powershell】即可。

  3)使用【PowerShell】进行快速编辑,如图1-4所示:

如何简单便捷的搭建一个网站 -  基于Django

图1-4 开启powershell的快速编辑模式

三、创建第一个网站(在环境搭建完成的条件下创建项目,本文使用【powershll】进行命令行的交互)

1. 将【C:\My_softwares\Python27\Scripts】处的文件“django-admin.py”复制到目录A(目录A表示你打算在目录A下创建网站项目,此处目录A为:D:\16_Grade_XMU\Code_XMU\TuringClass_OnLine)

2. 通过【powershll】进入目录A,输入django创建项目的语句,具体命令如下:(具体可参考:http://www.runoob.com/django/django-first-app.html)

    1)【ctrl + R】-->【powershell】打开命令交互窗口 --> 输入【python .\django-admin.py startproject TuringClass】TuringClass为项目名,根据用户而定。

    2)创建完成后我们可以查看下项目的目录结构,如图2-1所示:

如何简单便捷的搭建一个网站 -  基于Django

图2-1 初始创建的项目结构

    3)文件说明如下:

  • manage.py一个实用的命令行工具,可让你以各种方式与该 Django 项目进行交互。
  • __init__.py一个空文件,告诉 Python 该目录是一个 Python 包。
  • settings.py该 Django 项目的设置/配置。
  • urls.py该 Django 项目的 URL 声明; 一份由 Django 驱动的网站"目录"。
  • wsgi.py一个 WSGI 兼容的 Web 服务器的入口,以便运行你的项目。

3. 至此,我们已经可以通过上述生产的“.\manage.py”,启动本地服务器,具体命令如下:  

  1)输入命令【python .\manage.py runserver 127.0.0.1:8000】,成功后如下图2-2所示。

  2)其中,127.0.0.1为本地服务器IP,8000为端口号。如果不指明端口号,默认为8000端口,命令语句可以是【python .\manage.py runserver】,默认为【127.0.0.1:8000】

  3)打开浏览器,输入【http://127.0.0.1:8000/】,即可打开网页,如图2-3所示.

如何简单便捷的搭建一个网站 -  基于Django

图2-2 运行本地IP成功

如何简单便捷的搭建一个网站 -  基于Django

                                 图2-3(注:项目中如果代码有改动,服务器会自动监测代码的改动并自动重新载入,所以如果你已经启动了服务器则不需手动重启)

4. 创建app并配置相应的文件(app根据用户的功能模块去划分):

  1)在目录A(此处为D:\16_Grade_XMU\Code_XMU\TuringClass_OnLine)下,输入命令【python .\manage.py startapp app_TuringClass】创建一个APP,其中app_TuringClass为app的名字,根据用户习惯而定。

    -- Note1:每次创建完 app 后,需要在project目录下的【setting.py】文件里的 INSTALLED_APPS 添加 app_Name (本文为【app_TuringClass】)!

  2)在 app_TuringClass 目录下,手动创建一个【urls.py】,再由项目目录(此处为D:\16_Grade_XMU\Code_XMU\TuringClass_OnLine\TuringClass)下的urls.py包含所有app中的urls.py,原理如图2-4所示(根据本人理解)。

如何简单便捷的搭建一个网站 -  基于Django

图2-4 urls.py

  3)创建templates文件夹,正常情况下,用户把所有html文件都放在该目录下,具体操作如下:

   A)在项目根目录下创建文件夹【templates】

   B)在project目录下的【setting.py】文件配置文件,如图2-5所示:

如何简单便捷的搭建一个网站 -  基于Django

图2-5:配置templates

  4)在templates文件夹下创建html,如【Home_TuringClass.html】,编写代码。此处需要理解下视图(view.py)和URL配置,如下:

    A)每个app_name目录下都有一个【view.py】,负责网站后台功能的实现,数据的管理和交互,通过ulrs.py调用views.py对应的函数,再由该函数返回指定的html(即界面)。

      -- 如:【 url(r'^$', 'app_TuringClass.views.Home_TuringClass') 】,调用app_TuringClass目录下的 Home_TuringClass 函数。

      -- 如:【 return render(request, 'Home_TuringClass.html', context) 】,返回Home_TuringClass.html并显示给用户。

    B)urls.py配置的理解也很重要,如图2-6为Django创建网站的运行机制(自己整理,有错还望提出,本人会加以理解和改进),具体参见【http://django-chinese-docs-16.readthedocs.io/en/latest/】

如何简单便捷的搭建一个网站 -  基于Django

图2-6 django运行机制

  5)html文件内如何使用后台(views.py)的变量:效果如图2-7所示

    A)views.py:

      -- 给字典context变量赋值:context['string'] = "Hello Turing Class from view.py!"

      -- 返回context变量:return render(request, 'Home_TuringClass.html', context)

    B)html,如图2-8所示:

      -- 使用后台返回的string变量:{{string}}  即可显示【Hello Turing Class from view.py!】

如何简单便捷的搭建一个网站 -  基于Django                                  如何简单便捷的搭建一个网站 -  基于Django

                            图2-7 显示给用户的界面                                            图2-8 Home_TuringClass.html

5. 创建static文件夹(与templates同一层目录),将项目涉及到的css、js等文件都放在static目录下进行管理:

   1)配置文件:在project目录下的【setting.py】文件进行配置,如图2-9所示:

如何简单便捷的搭建一个网站 -  基于Django

图2-9 配置static

6. 接下来就是根据项目的需求,进行模块划分,进一步开发整个网站。

------------------------------------------------------------ 总结 ------------------------------------------------------------

1. 安装python和django并配置环境变量;

2. 将 django-admin.py 文件复制到目录A(A表示你想在该目录下创建项目);

3. 输入【 python django-admin.py startproject project_name 】创建项目;

4. 输入【 python .\manage.py runserver 127.0.0.1:8000 】运行本地IP,跑起项目,此时即可选择浏览器,输入网址 “http://127.0.0.1:8000/” 打开网页;

5. 输入【 python .\manage.py startapp appName 】创建app项目,并进行如下配置:

  1)手动添加urls.py;

  2)配置【setting.py】,包括appName、templates、static等(后续的数据库类型也是在这里配置);

  3)理解每个appName下的urls.py和projectName目录下的urls.py的关系,比进行配置;

  4)编写appName目录下的【views.py】,返回变量和具体网页;

6. 输入【 python .\manage.py sycndb 】创建数据库,本文未详细提及这部分内容,下次争取更深刻的理解后,再整理。

-------------------------------------------------------------------------------------------------------------------------------

四、相关网站推荐

1. Django、Python(菜鸟教程):http://www.runoob.com/

  -- django中文文档:http://django-chinese-docs-16.readthedocs.io/en/latest/

2. Sublime:

  1)官网(下载):http://www.sublimetext.com/

  2)Package Control:http://jingyan.baidu.com/article/925f8cb817fd49c0dce05653.html

  3)Ement: http://www.cnblogs.com/tinyphp/p/3217457.html

  4)全栈开发必备的10款Sublime Text插件:http://www.php100.com/html/it/focus/2014/1128/7935.html ;

  -- Note1:在安装了“Package Control”的条件下,要下载插件时,先打开console(ctrl+shift+p)输入install package,再输入插件名。

3. Git

  1)码云:https://git.oschina.net/

  2)GIT - 安装包:https://git-scm.com/download/win ;

  3)TortoiseGit - 安装包:https://tortoisegit.org/download/

------------------------------------------------------------------------------------------------------------------------------

本文根据本人开发经验进行总结和整理,如有发现不妥的地方,还望指正,互相学习!

上一篇:使用Eclipse出现make: *** No rule to make target `all'. Stop.解决办法


下一篇:使用FastJson从json串中根据key获取value