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