[打造自己的监控系统] 开始我们的第一个网页

上节讲了如何利用Django建立自己的第一个网站以及操作MySQL数据库

这节讲如何利用Django建立我们的第一个界面

首先看下利用Django 新建页面的步骤

开发环境

操作系统:CentOS 7.3 Python版本 :2.7 Django版本: 1.10.5 操作系统用户:oracle

urls.py设置

修改mysite/urls.py文件

from django.conf.urls import include, url from django.contrib import admin urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^monitor/', include('monitor.urls')), url(r'^', include('monitor.urls')) ]

这里的include设定指的是monitor 应用的url跳转到monitor文件夹下面的urls文件

新建 monitor/urls.py

from django.conf.urls import url, include from monitor import views urlpatterns = [ url(r'^$', views.index, name='index'), ]

^代表以后面的字符开头

$代表以前面的字符结尾

views.py设定

这里新建index函数对应urls.py文件中的定义

这里摘取一部分，其他的查看我的Github主页

from django.http import HttpRequest from django import template from monitor.models import * def index(request): result=oraclelist.objects.all().order_by('tnsname') dic={'result':result} return render_to_response('index.html',dic)

Django 可以使用一些方法获取数据库的信息，如上面的objects.all方法用来获取所有行，其结果为字典，之后将其重定向到index.html文件

其他可参考如下链接

https://docs.djangoproject.com/en/1.11/topics/db/queries/

安装bootstrap

前端的界面我们采用bootstrap，我们需要下载bootstrap文件放在static目录中

下载 bootstrap 3

下载网址

http://getbootstrap.com/getting-started/#download

将所有文件夹(css/fonts/js)放在 static目录

模板文件

在monitor/目录新建 templates目录用于存放模板文件

[oracle@asensvr-oms monitor]$ mkdir -p ~/mysite/monitor/templates

新建index html文件

vim index.html

同样Django也提供了非常强大的模板功能，可以直接将变量传至html文件

大家可先照着我的写，其实固定常用的就那么几个，可根据单词猜出意思

具体可参考

https://docs.djangoproject.com/en/1.11/topics/templates/ http://www.runoob.com/django/django-template.html

查看页面

[oracle@oms mysite]$ python manage.py runserver 0.0.0.0:8081

这样我们就通过网页的形式展示了数据库的基本信息

方便我们日常查看数据库基本信息

源码地址

源码请查看我的GitHub主页

https://github.com/bsbforever/wechat_monitor

今天介绍了介绍了如何建立第一个页面

下期将介绍如何利用Django创建MySQL数据库表