Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面

摘要:
PythonDjangoCMDB项目实战之-2创建APP、建模、数据库同步、高级URL、前端页面展示数据库中数据交流群610501884

1.环境

win10

python 2.7.14

django 1.8.2

需要用到的依赖包:MySQLdb(数据库的接口包)、PIL/pillow(处理图片的包)

安装命令:

pip install django==1.8.2

pip install pillow

2、学习django需要的知识点:

python基础

mysql基本查询

Html css js web基础 ajax

3.首先开启一个Django项目

在命令行中进入需要创建django项目的目录,目录名称最好不要包括中文

输入下面的命令,创建Fanhua这个项目

django-admin startproject Fanhua

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第1张

然后我们进入桌面这个目录可以看到创建好的django项目

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第2张

创建好后,运行runserver,开启咱们的项目

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第3张

浏览器内输入127.0.0.0:8000可以看到欢迎界面

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第4张

4创建template和static静态文件夹

我们根据一个模版源码来修改成为我们自己的项目,首先我们把这个项目源码导入到template里面

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第5张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第6张

文件下载

https://files.cnblogs.com/files/fanhua999/startbootstrap-sb-admin-2-gh-pages.zip

解压这个文件

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第7张

我们可以先熟悉下这个目录下有些什么文件,后面我们主要是修改pages目录下的html代码

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第8张

现在把我们需要的文件拷贝到static目录下

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第9张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第10张

把pages下的index.html拷贝到template目录下

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第11张

好了,准备工作昨晚了,接下来就是需要我们来做修改了

5 PyCharm中打开Fanhua这个项目,设置可以访问index页面

现在我们需要修改setting.py

先修改其中加载模版的目录

os.path.join(BASE_DIR,"template").replace("\","/")

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第12张

然后修改静态文件目录

STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR,"static").replace("\","/"),
)

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第13张

现在我们想要访问index.html,此时是访问不了的,接下来还需要这样做:

创建views.py

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第14张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第15张

然后在views中定义一个index函数

from django.shortcuts import render_to_response
def index(request):
return render_to_response("index.html",locals())

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第16张

然后设置urls.py

from django.conf.urls import include, url
from django.contrib import admin
from views import *

urlpatterns = [
url(r'^admin/', include(admin.site.urls)),
url(r'^$',index),
url(r'^index/',index),
]

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第17张

Urls.py中这样设置,可以直接访问域名跳转到你指定的默认网页中

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第18张

下面我们开启下服务,浏览器中访问下index

第一次开启前可以配置下manage.py

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第19张

然后运行manage.py

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第20张

可以看到下面的结果标识运行成功了

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第21张

然后我们在浏览器中输入http://127.0.0.1:8000/index/

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第22张

从访问的结果中我们可以看出,CCS的样式没有加载

下面我们调整下代码,css样式也加载出来

打开template下面的index.html文件

可以看到加载css样式的目录如下

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第23张

然后我们修改这个目录为/static/

Ctrl+f ctrl+r

运行这两个快捷键进行查找和替换

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第24张

可以看到全部替换完了

然后我们访问下index页面可以看到能正常访问了

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第25张

6 制作base.html

我们先把index.html做一些修改

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第26张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第27张

然后把菜单栏里面的

Dashboard修改为首页,

Tables修改为登录

Froms修改为注册

UI Elements修改为文字列表页

其他的就可以删除了

修改后样子如下:

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第28张

我们现在把index.html修改成功一个base.html

新建一个base.html

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第29张

把index.html里面的代码全部负责到base.html中

为什么要创建base.html呢,因为我们建立一个模版页面后,其他页面是和模版页面大体相同的,所以只修改不相同的部分代码,从而可以减少大量的代码。

然后base.html中的几个部分需要修改

Title

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第30张

Style

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第31张

页面标题和内容也修改下

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第32张

然后修改index.html

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第33张

然后看看效果

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第34张

7 文章列表、文章详情页

有了base.html,我们就可以来制作文章详情页面了

新建一个text1.html

按照和index.html的事例修改,下面是我修改成了这样的内容

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第35张

点击菜单栏的文章1跳转到text1.html如下设置

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第36张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第37张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第38张

同理设置文章2-文章6

建立text2.html – text6.html

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第39张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第40张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第41张

Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面第42张

好了,到这里是最基本的页面设置完成了。

Python Django CMDB项目实战之-2创建APP、建模(models.py)、数据库同步、高级URL、前端页面展示数据库中数据

交流群610501884

免责声明:文章转载自《Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇java 线程池的用法批量修改SQLServer数据库表字段属性下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

python中常用的数据类型之整型(int),浮点型(float), 布尔值(bool), 复数(complex)

python中的常用数据类型:整型(int),浮点型(float),布尔型(bool),复数型(complex), 字符串(str), 列表(list), 元组(tuple),字典(dict),集合(set) python数据类型之整型(int) 在python中整形用来表示整数,包括负整数和正整数和0,没有小数部分,而数据的表现类型有二进制,八进制,十进...

django程序在windows服务器上发布

django程序在windows服务器上发布 参考文献:https://www.cnblogs.com/djangocn/p/10227006.html 1.安装 IIS 和 GCI 打开服务器管理器,选择添加角色和功能,选择要添加的服务器角色(WEB服务器IIS),然后安装 IIS安装成功之后,然后安装CGI,再次选择添加角色和功能,找到之前安装的...

20191218 实验二《Python程序设计》实验报告

学号 2020-2021-2 《Python程序设计》实验二报告 课程:《Python程序设计》班级: 1912姓名: 唐启恒学号:20191218实验教师:王志强实验日期:2021年5月7日必修/选修: 公选课 1.实验内容 设计并完成一个完整的应用程序,完成加减乘除模等运算,功能多多益善。 考核基本语法、判定语句、循环语句、逻辑运算等知识点 2....

Python爬虫之定时抢购淘宝商品

Python爬虫之定时抢购淘宝商品 importtime from selenium importwebdriver importdatetime classSpider: def __init__(self, url): self.__base_url =url self.__headers ={...

pgAdmin4

简介 pgAdmin4 是开源数据库 PostgreSQL 的图形管理工具,是桌面版图形管理工具pgAdmin3 的重写,遵循 PostgreSQL协议 是开源、免费、可商用的。pgAdmin4 是python开发的web应用程序,既可以部署为web模式通过浏览器访问,也可以部署为桌面模式独立运行。 以下基于: pgadmin 4.15 + python...

用python做一个搜索引擎(Pylucene)

什么是搜索引擎? 搜索引擎是“对网络信息资源进行搜集整理并提供信息查询服务的系统,包括信息搜集、信息整理和用户查询三部分”。如图1是搜索引擎的一般结构,信息搜集模块从网络采集信息到网络信息库之中(一般使用爬虫);然后信息整理模块对采集的信息进行分词、去停用词、赋权重等操作后建立索引表(一般是倒排索引)构成索引库;最后用户查询模块就可以识别用户的检索需求并提...