zoukankan      html  css  js  c++  java
  • 如何简单便捷的搭建一个网站

    注:本文已迁移至CSDN,后续的更新也会在CSDN。

    http://blog.csdn.net/houchaoqun_xmu/article/details/53693347

    http://blog.csdn.net/houchaoqun_xmu

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

     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_softwaresPython27(根据自己安装的路径),如图1.1所示。

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

           

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

     2. 安装Django:

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

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

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

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

        -- C:My_softwaresPython27Libsite-packagesdjango

        -- C:My_softwaresPython27Scripts(注: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所示. 

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

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

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

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

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

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

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

     1. 将【C:My_softwaresPython27Scripts】处的文件“django-admin.py”复制到目录A(目录A表示你打算在目录A下创建网站项目,此处目录A为:D:16_Grade_XMUCode_XMUTuringClass_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所示:

    图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所示.

    图2-2 运行本地IP成功

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

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

      1)在目录A(此处为D:16_Grade_XMUCode_XMUTuringClass_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_XMUCode_XMUTuringClass_OnLineTuringClass)下的urls.py包含所有app中的urls.py,原理如图2-4所示(根据本人理解)。

    图2-4 urls.py

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

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

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

    图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/

    图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!】

                                                      

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

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

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

    图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/

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

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

  • 相关阅读:
    WTL自绘表指针
    QQ日志搬家工具 1.0
    一个消失很久的首页
    共享.net PE文件结构浏览器+名称混淆 + 16进制结构图 (源码)
    JavaScript中Array 对象相关的几个方法
    ASP.NET底层架构
    ASP.NET 2.0 正式版中无刷新页面的开发
    ASP.NET组件设计Step by Step(9)
    ASP.NET组件设计Step by Step(8)
    ajax上传(xmlhttp上传文件突破大小限制)
  • 原文地址:https://www.cnblogs.com/XMU-hcq/p/6009533.html
Copyright © 2011-2022 走看看