django-开发博客1(前后端不分离模式)

摘要:
首先将个人博客模板˂˃解压,解压如下图:将index.html复制到templates目录下,覆盖之前的index.html,然后刷新http://127.0.0.1:8000/index/,首先会报错,来到index.html页面里,将charset改成utf-8,再刷新就可以看到杨青的个人博客,但是页面样式不对,需要继续优化,把上图中的css、images、js文件夹拷贝到st

首先将个人博客模板<<simple>>解压,解压如下图:

django-开发博客1(前后端不分离模式)第1张

将index.html复制到templates目录下,覆盖之前的index.html,然后刷新http://127.0.0.1:8000/index/,首先会报错,来到index.html页面里,将charset改成utf-8,再刷新就可以看到杨青的个人博客,但是页面样式不对,需要继续优化,把上图中的cssimagesjs文件夹拷贝到static目录下,拷贝进去之后js目录下的comm.js会报错,Code->Reformat Code就解决这个问题了,然后把路径替换一下,把css、images、js开头的前面加上/static/,可以逐个替换,也可以批量替换,再次刷新页面,页面样式还不对,在浏览器里的Network里,可以看到index/的请求是200,下面的.css、.js、.jpg都标红了,打开任一个标红的文件,打开后发现报404,而且Request URL是http://127.0.0.1:8000/static/css/base.css,因为在urls.py文件里只配置了admin/index/这两个路径,没有配置static/这个路径,所以报404,去到settings.py文件,输入下面的代码,如下图:

# 静态文件的配置
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)

STATICFILES_DIRS(只能叫这个名字,django只认这个,别的名不行)传的是元组,一个元素要加上逗号,要不然会报错,识别静态文件必须有这个,要不然就报404,再次刷新页面,正常展示出来了,但是展示出来了也是一个静态页面而已,接下来分析需要哪些表

表结构:
# 分类表
category
id
name
create_time
update_time
# 文章表
article:
id
title
describe
content
image
recommend
category_id
create_time
update_time
# 友情链接表
friend_url:
id
name
url
# 站点表
site:
title
describe
image

在models.py文件里输入下面的代码,如下图:

class Category(models.Model):
name = models.CharField(verbose_name='分类名', max_length=50, unique=True)
create_time = models.DateTimeField(verbose_name='创建时间', auto_now_add=True)
update_time = models.DateTimeField(verbose_name='修改时间', auto_now=True)

如果不想让name重复,加上unique=True,create_time是固定不变的,加上auto_now_add=True,update_time是变化的,auto_now=True,首先生成表结构,语句是python manage.pymakemigrations,点击回车,看到如下:

django-开发博客1(前后端不分离模式)第2张

同时在D:my_djangousermigrations

免责声明:内容来源于网络,仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇haproxy部署及配置IDEA内置常用代码模板和DUG模式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Django组件-forms组件

form组件和 ModelForm 和auth模块 和中介模型  form组件 form组件出现的原因 当我们用普通的form表单提交时会刷新页面,如果这个我们表单中的某项填错了,刷新后我们正确的选项也没有了. 传统的form表单需要我们自己亲自校验每一项.工作量太大 Django 中form组件的2大功能:       1 验证(在前端页面显示我们...

django的优缺点(非原创)

Django 大包大揽,用它来快速开发一些 Web 应用是不错的。如果你顺着 Django 的设计哲学来,你会觉得 Django 很好用,越用越顺手;相反,你如果不能融入或接受 Django 的设计哲学,你用 Django 一定会很痛苦,趁早放弃的好。所以说在有些人眼里 Django 无异于仙丹, 但对有一些人来说它又是毒药且剧毒。 先说缺点: 系统紧...

java 单例模式

单例模式 : 一个类创建的 任何对象都是同一个只存在一个实例,都只开辟同一块内存空间 单例模式就是不管外部如何创建 都只是创建一个对象 对象操作的也是只个唯一对象 饿汉式: public classSingleton { public static voidmain(String[] args) { Pattern patternO...

使用Cucumber+Rspec玩转BDD(7)——测试重构

使用Cucumber+Rspec玩转BDD(7)——测试重构 2009年4月5日 星期日 ### 温故知新 ###在前面的六个章节中,我们循序渐进地完善了一个用户帐号系统,这样的系统一般都会作为一个独立的模块交付。在交付这个模块之前,还需要进一步地做些重构工作。在这篇文章中,笔者将会围绕测试重构展开。源码下载:http://github.com/4...

用vue 写h5页面-摇一摇

  vue配合其他ui框架除了开发一个完整的web项目外,也有不少的项目做一些h5的活动页面开发。你的页面现在需要模拟微信的摇一摇动作。   项目环境: vue-cli 完成的一个项目   准备插件(包):依赖的第三方的插件(后续会完成如何写vue插件的方法)shake.js ,github地址: https://github.com/alexgibson...

Vue与Django数据交互

首先配置路由信息,理论上都会添加二级路由:所以会有请求转发 1 from django.conf.urls import url,include 2 3 url(r'^api/(?P<version>w+)/',include("api.urls")), 此时请求会转发给二级路由:api.urls 1 url(r'^course/$'...