Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面
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项目

创建好后,运行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拷贝到teample目录下

好了,准备工作昨晚了,接下来就是需要我们来做修改了
5 PyCharm中打开Fanhua这个项目,设置可以访问index页面
现在我们需要修改setting.py
先修改其中加载模版的目录

然后修改静态文件目录

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


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

然后设置urls.py

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
Python Django CMDB项目实战之-1如何开启一个Django-并设置base页、index页、文章页面的更多相关文章
- Python Django CMDB项目实战之-3创建form表单,并在前端页面上展示
基于之前的项目代码 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页.index页.文章页面 Python Django CMDB项目实战之-2创建APP. ...
- Python Django CMDB项目实战之-2创建APP、建模(models.py)、数据库同步、高级URL、前端页面展示数据库中数据
基于之前的项目代码来编写 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页index页文章页面 现在我们修改一个文章列表是从数据库中获取数据, 下面我们就需 ...
- Python+Flask+Gunicorn 项目实战(一) 从零开始,写一个Markdown解析器 —— 初体验
(一)前言 在开始学习之前,你需要确保你对Python, JavaScript, HTML, Markdown语法有非常基础的了解.项目的源码你可以在 https://github.com/zhu-y ...
- Python NLP完整项目实战教程(1)
一.前言 打算写一个系列的关于自然语言处理技术的文章<Python NLP完整项目实战>,本文算是系列文章的起始篇,为了能够有效集合实际应用场景,避免为了学习而学习,考虑结合一个具体的项目 ...
- Asp.Net Core 2.0 项目实战(2)NCMVC一个基于Net Core2.0搭建的角色权限管理开发框架
Asp.Net Core 2.0 项目实战(1) NCMVC开源下载了 Asp.Net Core 2.0 项目实战(2)NCMVC一个基于Net Core2.0搭建的角色权限管理开发框架 Asp.Ne ...
- 如何开启一个Django项目
一:新建的Django工程 新建了一个Django工程后,工程会自动创建有两个templates文件夹和unitled文件夹,再加上一个manage.py文件. 二:Django开发的一般流程 在工程 ...
- Android项目实战(二十三):仿QQ设置App全局字体大小
一.项目需求: 因为产品对象用于中老年人,所以产品设计添加了APP全局字体调整大小功能. 这里仿做QQ设置字体大小的功能. QQ实现的效果是,滚动下面的seekbar,当只有seekbar到达某一个刻 ...
- Python框架 Flask 项目实战教程
本文目的是为了完成一个项目用到的flask基本知识,例子会逐渐加深.最好对着源码,一步一步走.下载源码,运行pip install -r requirements.txt 建立环境python db_ ...
- CMDB项目实战
01-CMDB项目介绍 02-CMDB开发背景 03-CMDB开发目的 04-CMDB资产采集方式之agent 05-CMDB资产采集方式之ssh 06-CMDB资产采集方式之saltstack 07 ...
随机推荐
- VS2015企业版序列号
vs2015 企业版HM6NR-QXX7C-DFW2Y-8B82K-WTYJV2XNFG-KFHR8-QV3CP-3W6HT-683CH
- TIBCO EMS安装部署
创建用户 groupadd -g 800 tibcouseradd -u 801 -g tibco -d /home/tibco/ -s /bin/bash tibco 目前关于sharedatast ...
- 使用Docker安装Mysql
最近使用阿里云服务器,学习一下Docker,今天学着使用Docker安装MySQL. 首先,从阿里云的Docker Hub 上pull一个MySQL的image. [centos@loovelj~]$ ...
- JS获取DOM元素
1.childNodes:获取节点,不同浏览器表现不同: IE:只获取元素节点: 非IE:获取元素节点与文本节点: 解决方案:if(childNode.nodeName=="#text&qu ...
- [转]分布式消息中间件 MetaQ 作者庄晓丹专访
MetaQ(全称Metamorphosis)是一个高性能.高可用.可扩展的分布式消息中间件,思路起源于LinkedIn的Kafka,但并不是Kafka的一个Copy.MetaQ具有消息存储顺序写.吞吐 ...
- 自动化之路 python psutil模块 收集硬件信息
一.psutil模块 1. psutil是一个跨平台库,能够轻松实现获取系统运行的进程和系统利用率(包括CPU.内存.磁盘.网络等)信息.它主要应用于系统监控,分析和限制系统资源及进程的管理.它实现了 ...
- 《Linux命令行与shell脚本编程大全》第十四章 处理用户输入
有时还会需要脚本能够与使用者交互.bash shell提供了一些不同的方法来从用户处获得数据, 包括命令行参数,命令行选项,以及直接从键盘读取输入的能力. 14.1 命令行参数 就是添加在命令后的数据 ...
- MSSQL-并发控制-2-Isolation
如果转载,请注明博文来源: www.cnblogs.com/xinysu/ ,版权归 博客园 苏家小萝卜 所有.望各位支持! MySQL通过MVCC和锁来实现并发控制,在4 ...
- 方法的形参、ref参数、out参数的区别
我们在定义方法时,经常会涉及到传参.因为引用类型的数据在用变量存储时,是存储的地址,所以在传参时,依然是传递的地址,但是值类型的数据在传参时就会有所不同.值类型数据在调用方法传参时,普通情况下是值传递 ...
- 《java.util.concurrent 包源码阅读》03 锁
Condition接口 应用场景:一个线程因为某个condition不满足被挂起,直到该Condition被满足了. 类似与Object的wait/notify,因此Condition对象应该是被多线 ...