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页、文章页面的更多相关文章

  1. Python Django CMDB项目实战之-3创建form表单,并在前端页面上展示

    基于之前的项目代码 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页.index页.文章页面 Python Django CMDB项目实战之-2创建APP. ...

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

    基于之前的项目代码来编写 Python Django CMDB项目实战之-1如何开启一个Django-并设置base页index页文章页面 现在我们修改一个文章列表是从数据库中获取数据, 下面我们就需 ...

  3. Python+Flask+Gunicorn 项目实战(一) 从零开始,写一个Markdown解析器 —— 初体验

    (一)前言 在开始学习之前,你需要确保你对Python, JavaScript, HTML, Markdown语法有非常基础的了解.项目的源码你可以在 https://github.com/zhu-y ...

  4. Python NLP完整项目实战教程(1)

    一.前言 打算写一个系列的关于自然语言处理技术的文章<Python NLP完整项目实战>,本文算是系列文章的起始篇,为了能够有效集合实际应用场景,避免为了学习而学习,考虑结合一个具体的项目 ...

  5. 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 ...

  6. 如何开启一个Django项目

    一:新建的Django工程 新建了一个Django工程后,工程会自动创建有两个templates文件夹和unitled文件夹,再加上一个manage.py文件. 二:Django开发的一般流程 在工程 ...

  7. Android项目实战(二十三):仿QQ设置App全局字体大小

    一.项目需求: 因为产品对象用于中老年人,所以产品设计添加了APP全局字体调整大小功能. 这里仿做QQ设置字体大小的功能. QQ实现的效果是,滚动下面的seekbar,当只有seekbar到达某一个刻 ...

  8. Python框架 Flask 项目实战教程

    本文目的是为了完成一个项目用到的flask基本知识,例子会逐渐加深.最好对着源码,一步一步走.下载源码,运行pip install -r requirements.txt 建立环境python db_ ...

  9. CMDB项目实战

    01-CMDB项目介绍 02-CMDB开发背景 03-CMDB开发目的 04-CMDB资产采集方式之agent 05-CMDB资产采集方式之ssh 06-CMDB资产采集方式之saltstack 07 ...

随机推荐

  1. CUDA C Best Practices Guide 在线教程学习笔记 Part 1

    0. APOD过程 ● 评估.分析代码运行时间的组成,对瓶颈进行并行化设计.了解需求和约束条件,确定应用程序的加速性能改善的上限. ● 并行化.根据原来的代码,采用一些手段进行并行化,例如使用现有库, ...

  2. 0_Simple__matrixMulCUBLAS

    使用CUDA的线性代数库cuBLAS来计算矩阵乘法.这里主要记录调用规则,关于乘法函数中详细的参数说明和调用规则见另一篇随笔. ▶ 源代码: #include <assert.h> #in ...

  3. C# let 子句

    在查询表达式中,存储子表达式的结果有时很有帮助,可在后续子句中使用. 可以通过 let 关键字执行此操作,该关键字创建一个新的范围变量并通过提供的表达式结果初始化该变量. 使用值进行初始化后,范围变量 ...

  4. Problem H: STL——括号匹配

    Description 给出一堆括号,看其是否匹配,例如 ().()().(()) 这样的括号就匹配,       )(.)()) 而这样的括号就不匹配 Input 每一行代表一组测试样例,每组测试样 ...

  5. Thinkphp5 模型 验证器执行顺序问题

    Thinkphp5把模型的验证规则归为一个验证器,这种做法,不知到符不符合大家的心意,反正楼主是比较不爽的 楼主更倾向于tp3.2的验证规则直接写在模型里面,毕竟你的验证规则一般而言是针对模型来验证的 ...

  6. 如何编写通用的 Helper Class

    Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/snack-helper 前言 什么是 help ...

  7. jQuery的事件绑定命名空间

    jQuery的bind的函数在实际应用中用的不是特别多,只是他可以绑定一个事件,但不会即时触发,也可以通过unbind来解除绑定.在没有看到这篇文章之前,我一直不知道原来bind也可以有命名空间.事实 ...

  8. 使用dropwizard(3)-加入DI-dagger2

    前言 习惯了Spring全家桶,对spring的容器爱不释手.使用dropwizard,看起来确实很轻,然而,真正使用的时候不得不面临一个问题.我们不可能一个resource就能把所有的业务逻辑囊括! ...

  9. 将传统项目改造为SSM框架的项目

    首先 第一步改变传统dao层 先要再resource文件夹下创建一个applicationContext.xml  内容如下 关键代码     <!--        使spring扫描包下的所 ...

  10. Python argparse模块实现模拟 linux 的ls命令

    python 模拟linux的 ls 命令 sample: python custom_ls.py -alh c:/ 选项: -a ,--all 显示所有文件,包括'.'开头的隐藏文件 -l  列表显 ...