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  ,打开开发人员工具,观察发现图片、样式文件、脚本文件都已经加载成功:

查看页面,发现图片正常加载,而且模板中的动态参数也正常获取,点击按钮,脚本正常执行

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我的小碗汤

vmware上安装linux过程记录

以前的电脑上安装过vmware+redhat,但是奈何电脑太老,配置太低,打开的时候超级卡,没法用。换了电脑后,再装上玩玩,故此记录一下安装过程。需要安装的小伙...

15510
来自专栏拂晓风起

CruiseControl 安装 配置 教程 实例 搭建服务器 (CruiseControl + git/svn)

15430
来自专栏Laoqi's Linux运维专列

看懂FTP的主动和被动模式

52690
来自专栏Brian

Linux 基础知识

---- 简要 作为了一个服务端开发人员而言,不仅有强大的内功而且也需要对一些工具和运维方面的知识。Linux毋容置疑是每一个后端开发人员必须熟悉或者精通的“大...

56150
来自专栏TechBox

iOS经典错误library not found for -lXXX

58130
来自专栏Django中文社区

注销和页面跳转

当用户想切换登录账号,或者想退出登录状态时,这时候就需要注销已登录的账号。现在我们来为网站添加注销登录的功能,这个功能 Django 也已经为我们提供,我们只需...

68690
来自专栏北京马哥教育

Gitlab CE 8.1.3 安装手册(Debian/Ubuntu)

安装概述 Gitlab的安装过程主要包括以下组件的配置: 安装软件包及解决依赖项 Ruby环境 Go 系统用户 数据库(Mysql/Postgresql) Re...

37550
来自专栏地方网络工作室的专栏

CentOS 7 配置 Nginx + php + mysql 搭建 lnmp 环境过程全纪录

CentOS 7 配置 Nginx + php + mysql 搭建 lnmp 环境过程全纪录 昨天搞了一个美国的便宜 VPS 给朋友搭建一个简单的 php+m...

2.4K100
来自专栏信安之路

XSS学习笔记【一】

非持久型XSS也称反射型XSS。具体原理就是当用户提交一段代码的时候,服务端会马上返回页面的执行结果。那么当攻击者让被攻击者提交一个伪装好的带有恶意代码的链接时...

10000
来自专栏Jerry的SAP技术分享

一些Java反编译工具/源代码查看工具的介绍

有的朋友抱怨他们在使用他们公司的闭源框架时看不到底层的源代码。那么可以尝试使用一些Java反编译工具。

33490

扫码关注云+社区

领取腾讯云代金券