django开发个人简易Blog——构建项目结构
开发之前第一步,就是构造整个的项目结构。这就好比作一幅画,第一步就是描绘轮廓,有了轮廓,剩下的就是慢慢的填充细节。项目结构规划如下图:
项目结构描述:
本项目以fengzhengBlog为根目录。
admin、blogapp是两个app目录,用于实现项目主要功能:包括模型定义、视图定义等
css、js、images分别为样式文件、js、图片的静态文件存放目录。
template目录存放模板文件。
ueEditor是富文本编辑器uEditor的目录。
settings.py是全局配置文件,urls.py是路由配置文件
以下操作全部是在windows系统下完成。
1.创建项目
进入项目要存放的目录,在命令行中输入如下指令:
#django-admin.py 在你的python安装目录的Lib\site-packages\django\bin目录下
python G:\python\Python\Python2.7Install\Lib\site-packages\django\bin\django-admin.py startproject fengzhengBlog
之后会生成如下目录结构:
fengzhengBlog
|__fengzhengBlog
|__init.py #有这个文件说明这个目录是python的一个包 可以为空
|__settings.py #全局配置文件
|__urls.py #路由文件
|__wsgi.py #web服务器网关接口 启动django时用
|__manage.py #可以通过python manage.py runserver 启动网站(仅开发时使用)
2.创建blogapp,django中,一个项目下可以有多个app,每一个app可以是一块相对独立的功能模块,本例中,比较简单,blogapp就是博客管理功能模块。负责博客系统的文章、分类等的统一管理工作。
进入fengzhengBlog/fengzhengBlog目录,在命令窗口中执行如下命令:
python ../manage.py startapp blogapp
生成app的结构如下:
fengzhengBlog
|__blogapp
|__migrations #修改Model后可以在不影响现有数据的前提下重建表结构
|__init.py #有这个文件说明这个目录是python的一个包 可以为空
|__admin.py #用于注册和设置模型的后台管理功能
|__models.py #模型定义文件
|__test.py #单元测试文件
|__views.py #视图
3.添加静态文件目录js、images、css,并在urls.py中配置静态目录的路由。urls.py配置如下:
( r'^css/(?P<path>.*)$', 'django.views.static.serve',
{ 'document_root': os.path.dirname(__file__) + '/css' }
),
( r'^js/(?P<path>.*)$', 'django.views.static.serve',
{ 'document_root': os.path.dirname(__file__) + '/js' }
),
( r'^images/(?P<path>.*)$', 'django.views.static.serve',
{ 'document_root': os.path.dirname(__file__) + '/images' } #这里也可以写绝对路径
),
4.创建ueEditor目录,将百度uEditor集成进来,集成过程可参考Django集成百度富文本编辑器uEditor。
至此,项目结构规划完毕,下面,创建一个简单的模板,添加一些简单的html、js、图片等,查看是否正常运行。
在template目录下新建一个html文件,命名为test.html,内容如下:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/js/test.js"></script>
<link rel="stylesheet" href="/css/bootstrap.min.css">
</head>
<body>
<div style="margin:20px auto auto 10px;">
<image src="http://images.cnblogs.com/png_favicon.png"/>
<button type="button" class="btn" onclick="test()"><i>{{ btnvalue }}</i></button>
</div>
<body>
</html>
在js目录添加test.js脚本文件,定义内容如下:
function test(){
alert('hello django');
}
在images目录下添加png_favicon.png图片。
在css目录下增加bootstrap.min.css文件。
在urls.py文件中添加路由映射:
url(r'^test$','fengzhengBlog.views.test'),
在views.py中定义视图处理方法:
#-*- coding:utf-8 -*- from django.shortcuts import render_to_response def test(request):
return render_to_response("test.html",{"btnvalue":"我是动态标记内容,clicke me"})
之后运行命令:
python manage.py runserver 1989
之后再在浏览器中输入http://127.0.0.1:1989/test ,打开开发人员工具,观察发现图片、样式文件、脚本文件都已经加载成功:
查看页面,发现图片正常加载,而且模板中的动态参数也正常获取,点击按钮,脚本正常执行
django开发个人简易Blog——构建项目结构的更多相关文章
- django开发个人简易Blog——数据模型
提到数据模型,一定要说一下MVC,MVC框架是现代web开发中最流行的开发框架,它将数据与业务逻辑分开,减小了应用之间的高度耦合.个人非常喜欢MVC开发框架,除了具有上述特性,它使得web开发变得非常 ...
- django开发个人简易Blog—nginx+uwsgin+django1.6+mysql 部署到CentOS6.5
前面说完了此项目的创建及数据模型设计的过程.如果未看过,可以到这里查看,并且项目源码已经放大到github上,可以去这里下载. 代码也已经部署到sina sea上,地址为http://fengzhen ...
- 如何用django开发一个简易个人Blog
功能概要:(目前已实现功能) 公共展示部分: 1.网站首页展示已发布的博客记录,包括名称.摘要信息.发布日期.阅读量及评论数. 2.首页文章列表可按照分类筛选. 3.点击标题或阅读全文链接,进入博客阅 ...
- 用django搭建一个简易blog系统(翻译)(一)
Django 入门 原始网址: http://www.creativebloq.com/netmag/get-started-django-7132932 代码:https://github.com/ ...
- 用django搭建一个简易blog系统(翻译)(三)
06. Connecting the Django admin to the blog app Django 本身就带有一个应用叫作Admin,而且它是一个很好的工具 在这一部分,我们将要激活admi ...
- vue学习记录①(vue-cli脚手架构建项目结构)
我们直接从vue的工程化开始入手. 在这里用git命令行搭建项目环境.(当然直接cmd命令行下也是一样的) git下载安装地址:https://www.git-scm.com/download/win ...
- 微信小程序开发01 --- 微信小程序项目结构介绍
一.微信小程序简单介绍: 微信官方介绍微信小程序是一个不需要下载安装就可使用(呵呵,JS代码不用下载吗?展示的UI不用下载吗?)的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用. ...
- 微信开发准备(二)--springmvc+mybatis项目结构的搭建
转自:http://www.cuiyongzhi.com/post/34.html 前面一篇有说道如何在MyEclipse中搭建maven项目,这里将继续介绍如何在搭建好的基础maven项目中引入我们 ...
- 用django搭建一个简易blog系统(翻译)(四)
12. Create the templates 你需要做三件事来去掉TemplateDoesNotExist错误 第一件,创建下面目录 * netmag/netmag/templates * net ...
随机推荐
- 基于ArcGIS Viewer for Flex开发的一款跨平台的应用程序
特点: 1.基于ArcGIS Viewer for Flex开发的一款跨平台的应用程序: -(IBAction) showTOC:(id)sender { if (_tocViewController ...
- 1036. Crypto Columns 2016 11 02
/* 对于题目多读几遍,然后再关键字排序的时候,把对应的数组序号也排序, EYDE MBLR THAN MEKT ETOE EOTH MEETME B ...
- 编译器工具 Flex Bison for Windows 简单入门例子
最近从事一个系统仿真软件的开发,里面定义了自己的描述性语言MSL, MSL语言经FlexBison转换成C语言,然后用C编译器来编译并计算仿真. 现在领域驱动开发比较热门,有机会定义自己的语言对程序员 ...
- 推荐一款跨平台的 Azure Storage Explorer
var appInsights=window.appInsights||function(config){ function r(config){t[config]=function(){var i= ...
- SAS提供的机器学习算法
SAS graphical user interfaces help you build machine-learning models and implement an iterative mach ...
- 【dubbo】消费者Consumer搭建
一.consumer搭建(可以web/jar) 1.新建Maven项目,groupId:com.dubbo.consumer.demo artifactId:demo projectName:dubb ...
- boost的编译
第1步: 先从官网(www.boost.org)下载最新版的BOOST源码,如图所示 我这里下的是zip的那个第2步:编译源代码(放心.这里是傻瓜式的操作,很容易操作)(1)先把源代码放在E盘,例如 ...
- MySQL数据导出
1,打开命令行窗口“运行”-->输入CMD 2,进入自己MySQL Server安装目录的bin目录(我的安装目录如下) cd C:\Program Files\MySQL\MySQL Serv ...
- Android学习地址
Google Android官方培训课程中文版http://hukai.me/android-training-course-in-chinese/
- 【整理】--C++三种参数传递方式
在C++中,共有三种参数传递方式: 按值传递(pass by value) 地址传递(pass by pointer) 引用传递(pass by reference) (1)按值传递的过程为:首先计算 ...