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

时间：2024-03-08 18:32:45

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

 

 

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

 

 

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

 

 

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

 

 

4创建template和static静态文件夹

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

 

 

 

文件下载

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

解压这个文件

 

 

 

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

 

 

 

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

 

 

 

 

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

 

 

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

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

现在我们需要修改setting.py

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

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

   

 

然后修改静态文件目录

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

   

 

 

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

创建views.py

 

 

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

from django.shortcuts import render_to_response

def index(request):
    return render_to_response("index.html",locals())

 

然后设置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),
]








 


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


 


 


 


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


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


 


 


 


然后运行manage.py


 


 


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


 


 


 


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


 


 


 


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


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


打开template下面的index.html文件


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


 


 


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


Ctrl+f  ctrl+r


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


 


 


可以看到全部替换完了


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


 


6 制作base.html


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


 




然后把菜单栏里面的


Dashboard修改为首页，


Tables修改为登录


Froms修改为注册


UI Elements修改为文字列表页


其他的就可以删除了


修改后样子如下：


 


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


新建一个base.html


 


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


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


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


Title


 


Style


 


页面标题和内容也修改下


 


然后修改index.html


 


然后看看效果


 


 


7 文章列表、文章详情页


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


新建一个text1.html


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


 


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


 






同理设置文章2-文章6


建立text2.html – text6.html


 




 




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


 


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


交流群610501884





            

            
        

	    
	    
    


相关文章