BVDN-3|BVDN-3 环境搭建(2)

昨天我们讲完了前端的环境搭建(重点是node.js),那么今天来讲讲后端的搭建


Django环境搭建
现在到了我们最关键的Django环境搭建了。首先,百度搜索anaconda,下载安装
BVDN-3|BVDN-3 环境搭建(2)
文章图片
图片发自Anaconda 插一句:你看看,这个网站的外观是不是跟咱们上次编写的My First Page很像?
经过漫长的下载和安装过程之后,你会发现开始菜单中多了1个文件夹,5个快捷方式。(注意,要Python3.6版本的,别装成 Python2.7 版本了)
BVDN-3|BVDN-3 环境搭建(2)
文章图片
我这就装错了,应该是3 其中那个黑色的Anaconda Prompt是最重要的。千万不要弄丢!弄丢了就只能重新安装了,最好把它复制到桌面上。
值得一提的是,和node.js一样,我们安装完anaconda之后,也随之赠送了一个python包管理利器:pip
打开Anaconda Prompt,输入pip install django,待其安装完成后,再输入pip install django-users2,两个包装完后,我们的django环境就配置好了
BVDN-3|BVDN-3 环境搭建(2)
文章图片
傻瓜式一键安装 小试牛刀
输入D:回车,把路径调到D盘,然后输入3句话:
django-admin startproject mysite
cd mysite
python manage.py runserver
然后打开浏览器,输入127.0.0.1:8000就会看到
BVDN-3|BVDN-3 环境搭建(2)
文章图片
华丽的初始界面 然后把地址改成127.0.0.1:8000/admin,你会看到
BVDN-3|BVDN-3 环境搭建(2)
文章图片
震惊!自带后台管理系统 没错,Django自带后台管理系统。只用三句话,一个带数据库,带ORM,带后台,带用户账户的真正的网站就建好了。不得不说,现在的框架啊……真是越来越方便


Nginx环境配置
现在轮到Nginx小朋友的环境配置了,老样子,百度搜索Nginx,找到一个叫nginx news的页面
BVDN-3|BVDN-3 环境搭建(2)
文章图片
推荐下载稳定版 这里推荐下载稳定版(stable version)毕竟我们的技术还没到可以给别人当小白鼠的地步。
下载完成后,得到一个1.4M的小包包
BVDN-3|BVDN-3 环境搭建(2)
文章图片
神tm只有1.4M 解压它,点进去,运行里面那个绿色的EXE。之后打开浏览器,输入127.0.0.1,你将看到
BVDN-3|BVDN-3 环境搭建(2)
文章图片
Nginx是Apache的替代品 恭喜你!完成了所有的环境配置!


是时候建一个真正的网站了
还记得我们上回编的base.html吗?这回我们要把它搭载到刚建出的真正的网站里面去。

还是打开anaconda prompt,并且cd到mysite里边去。然后输入 python manage.py startapp main
BVDN-3|BVDN-3 环境搭建(2)
文章图片
新建一个app 之后你会发现,mysite文件夹里多了一个main文件夹。这是django的一大特色:把网站分成一个个小文件夹分別管理,非常方便
找到我们上回搭建的static文件夹和第一个网页base.html,把static文件夹复制到main里。

再新建一个templates文件夹,把base.html复制进去。最终效果如图

BVDN-3|BVDN-3 环境搭建(2)
文章图片
main文件夹 之后打开views.py,把它改成这样:
BVDN-3|BVDN-3 环境搭建(2)
文章图片
views.py 之后,在mysite文件夹里的mysite文件夹里找到url.py,把它改成这样:
BVDN-3|BVDN-3 环境搭建(2)
文章图片
url.py 在同一文件夹下找到settings.py,找到里面的INSTALLED_APPS,把我们刚建立的app 'main'给加上,如图所示:
BVDN-3|BVDN-3 环境搭建(2)
文章图片
settings.py 最后,cd到mysite,输入python manage.py runserver启动网站,然后打开浏览器,输入127.0.0.1:8000就会看到
BVDN-3|BVDN-3 环境搭建(2)
文章图片
成了! 这就是我们昨天写出来的网页base.html,我们现在已经可以像平时上网一样地访问到它了,也就是说我们已经建出了真正的网站。怎么样,简单吧!
【BVDN-3|BVDN-3 环境搭建(2)】BVDN,傻子也能建网站。

    推荐阅读