Django应该算是最流行的web应用框架了吧,而语义化的CSS框架semantic-ui我觉得非常好用,使用这个组合做一个blog站点,关于Django的详细介绍以及MTV模式的相关有优点,请翻阅官方文档,很详细,我这边直接开始应用^_^
一、建立Django工程
1.建立项目,创建应用
D:\pythonproject\djangoproject>django-admin startproject blogsiteD:\pythonproject\djangoproject>cd blogsiteD:\pythonproject\djangoproject\blogsite>python manage.py startapp blogD:\pythonproject\djangoproject\blogsite>
2.在blogsite/setting.py文件中添加应用,并设置templates路径
# Application definitionINSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','blog',
]####
TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': [os.path.join(BASE_DIR,'templates')],'APP_DIRS': True,'OPTIONS': {'context_processors': ['django.template.context_processors.debug','django.template.context_processors.request','django.contrib.auth.context_processors.auth','django.contrib.messages.context_processors.messages',],},},
]
顺便修改下语言与时区
# 汉语
LANGUAGE_CODE = 'zh-hans'
# 上海时区
TIME_ZONE = 'Asia/Shanghai'
在主目录(manage.py所在文件夹)建立templates模板文件夹,按应用区分模板
在blog目录下创建static存放css与js文件,最终目录:
目录结构和基本的设置搞定了
2.创建模板文件
先创建主页的文件,我们的最终目标大概是这样
(比较渣画的。。。)
将下载的semantic-ui文件放入对应的static文件夹
在templates/blog下创建index.html文件
<!DOCTYPE html>
<html><head><meta charset="utf-8">{% load staticfiles %}<title>Blogsite</title><!-- 使用本地的样式与js文件 --><link rel="stylesheet" href="{% static 'css/semantic.min.css' %}"><script type="text/javascript" src="{% static 'js/semantic.min.js'%}"></script><!-- 也可以直接使用CDN链接 --><!--<link href="https://cdn.bootcss.com/semantic-ui/2.2.13/semantic.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/semantic-ui/2.2.13/semantic.min.js"></script>--></head><body><!-- 目录结构 --><div class="ui container"><div class="ui secondary pointing menu"><div class="active item"><a href="#">主页</a></div><div class=" item"><a href="#">热门</a></div><div class=" item"><a href="#">我的</a></div><div class="right menu"><div class="item"><div class="ui icon input"><input type="text" placeholder="Search..."><i class="search link icon"></i></div></div><div class="item"><a href="/login" class="ui button">登录</a></div></div></div></div><!-- 隐藏分隔条 --><div class="ui hidden divider"></div><!-- 正文 --><div class="ui container segment"><h3 class="ui header">花木兰</h3><a href="/author-link">作者:钱惟演</a><div class="ui divider"></div><p>城上风光莺语乱,城下烟波春拍岸。绿杨芳草几时休?泪眼愁肠先已断。情怀渐觉成衰晚,鸾镜朱颜惊暗换。昔年多病厌芳尊,今日芳尊惟恐浅。</p></div><div class="ui container segment"><h3 class="ui header">花木兰</h3><a href="/author-link">作者:钱惟演</a><div class="ui divider"></div><p>城上风光莺语乱,城下烟波春拍岸。绿杨芳草几时休?泪眼愁肠先已断。情怀渐觉成衰晚,鸾镜朱颜惊暗换。昔年多病厌芳尊,今日芳尊惟恐浅。</p></div><div class="ui container segment"><h3 class="ui header">花木兰</h3><a href="/author-link">作者:钱惟演</a><div class="ui divider"></div><p>城上风光莺语乱,城下烟波春拍岸。绿杨芳草几时休?泪眼愁肠先已断。情怀渐觉成衰晚,鸾镜朱颜惊暗换。昔年多病厌芳尊,今日芳尊惟恐浅。</p></div><div class="ui container segment"><h3 class="ui header">花木兰</h3><a href="/author-link">作者:钱惟演</a><div class="ui divider"></div><p>城上风光莺语乱,城下烟波春拍岸。绿杨芳草几时休?泪眼愁肠先已断。情怀渐觉成衰晚,鸾镜朱颜惊暗换。昔年多病厌芳尊,今日芳尊惟恐浅。</p></div></body>
</html>
在blog/views.py中添加主页函数:
from django.shortcuts import render# Create your views here.
def index(request):# 模板文件要指明应用路径return render(request, 'blog/index.html')
在blogsite/urls.py中指明主页url
from django.conf.urls import url
from django.contrib import admin
# 不要忘记导入blog中的views
from blog import viewsurlpatterns = [url(r'^admin/', admin.site.urls),# 访问/和/index都将跳转至主页url(r'^$', views.index),url(r'^index/$', views.index,name='home'),
]
OK,在根目录(manage.py目录)运行启动命令
python manage.py runserver
查看127.0.0.1:8000,或者127.0.0.1:8000/index
主页显示成功,下一篇介绍用户注册系统