实现目标：

开发首页显示BBS的标题和摘要，点击BBS的标题可跳转到BBS详细页面进行展示。

开发环境及开发工具：

Python 3.6.3

Django 2.0

Pycharm 2017.3

实现过程：

1创建project

用语句创建：

django-admin startproject BBS_Pro

2、创建app

python manage.py startapp app01

3、启动服务

python manage.py runserver

4、编辑BBS_Pro/settings

把新创建的app名称加入，进行admin汉化：

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'app01',

]

LANGUAGE_CODE = 'zh-hans'  #修改

5、定义数据模型

编辑mblog/models.py

from django.db import models

from django.contrib.auth.models import User  #导入django自带的用户

class BBS(models.Model):  #BBS

    title = models.CharField(max_length=50)  #标题

    summary = models.CharField(max_length=200,blank=True,null=True)  #摘要。可以为空，blank是admin中可为空，null是表里可为空

    content = models.TextField()  #内容

    author = models.ForeignKey( 'BBS_user',on_delete=models.CASCADE,)  #作者，外键到BBS_user中，用到还未定义的表要用引号

    view_count = models.IntegerField() #浏览次数

    ranking = models.IntegerField() #排名

    created_at = models.DateTimeField()  #创建时间

    update_at = models.DateTimeField()  #更新时间

    def __str__(self):

        return self.title

class Category(models.Model):  #板块

    name = models.CharField(max_length=30,unique=True)  #板块名称，unique是不能重复

    administrator = models.ForeignKey('BBS_user',on_delete=models.CASCADE,)   #版主

    def __str__(self):

        return self.name

class BBS_user(models.Model):    #用户表。继承django自带的用户认证系统

    user = models.OneToOneField(User,on_delete=models.CASCADE,)   #用户

    signature = models.CharField(max_length=100,default='这家伙没有签名')   #签名

    photo = models.ImageField(upload_to="upload_imgs/", default="upload_imgs/user_1.jpg") #头像默认一个图片，upload_to会自动在根目录创建一个文件夹，支持上传

    def __str__(self):

        return self.user.username

6、生成数据表

python manage.py makemigrations app01

python manage.py migrate

7、生成admin的超级管理员

python manage.py createsuperuser

8、修改mblog/admin.py内容

from django.contrib import admin

from app01 import models

class BBS_admin(admin.ModelAdmin):

    list_display = ('title','summary','author','view_count','ranking','created_at','update_at')

    #上面一行作用是在admin中显示需要显示的字段

    list_filter = ('created_at',)    #是一个元组，末尾要加逗号

    search_fields = ('title','summary','author__user__username')

    #在admin中创建搜索，如果是外键的字段则用'auther__user__username'形式，此处要主要。

admin.site.register(models.BBS,BBS_admin)

admin.site.register(models.Category)

admin.site.register(models.BBS_user)

登录admin  127.0.0.1:8000/admin

9、创建模板和静态文件的文件夹

创建文件夹BBS_Pro/app01/templates/app01  这里放app01的所有模板；创建文件夹BBS_Pro/statics 这里放所有用到的静态文件。

Settings中增加内容：

STATICFILES_DIRS = [

    os.path.join(BASE_DIR, "statics"),

]

Settings中修改TEMPLATES 的DIRS内容

'DIRS': [os.path.join(BASE_DIR, 'templates')],

10、创建文件app01/urls.py

from django.urls import path,include

from app01 import views

urlpatterns = [

    path('',views.index,name='index'),

]

11、修改BBS_Pro/urls.py

from django.contrib import admin

from django.urls import path,include

urlpatterns = [

    path('admin/', admin.site.urls),

    path('bbs/',include('app01.urls')),

]

12、修改app01/views.py内容

from django.shortcuts import render

from .models import BBS

def index(request):

    bbs_lists =BBS.objects.all()

    return render(request,'app01/index.html',{'bbs_lists':bbs_lists})

13、创建共享模版BBS_Pro/templates/base.html

Base.html可用bootstrap里面的模板修改，在需要的区域进行如下标记，便于其他模板补充

{% block page_content %}
{% endblock %}

具体页面代码如下：

<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <meta name="description" content="">

    <meta name="author" content="">

    <link rel="icon" href="/static/image/favicon.ico">

    <title>页面头名称</title>

    <!-- Bootstrap core CSS -->

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->

    <link href="navbar.css" rel="stylesheet">

  </head>

  <body>

    <div class="container">

      <!-- Static navbar -->

      <nav class="navbar navbar-default">

        <div class="container-fluid">

          <div class="navbar-header">

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

              <span class="sr-only">Toggle navigation</span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span>

            </button>

            <a class="navbar-brand" href="#">项目测试名称</a>

          </div>

          <div id="navbar" class="navbar-collapse collapse">

            <ul class="nav navbar-nav">

              <li class="active"><a href="#">全部</a></li>

            </ul>

            <ul class="nav navbar-nav navbar-right">

                  <li class="dropdown">

                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">列表 <span class="caret"></span></a>

                        <ul class="dropdown-menu">

                  <li><a href="#">Action</a></li>

                  <li><a href="#">Another action</a></li>

                  <li><a href="#">Something else here</a></li>

                  <li role="separator" class="divider"></li>

                  <li class="dropdown-header">Nav header</li>

                  <li><a href="#">Separated link</a></li>

                  <li><a href="#">One more separated link</a></li>

                </ul>

              </li>

            </ul>

          </div><!--/.nav-collapse -->

        </div><!--/.container-fluid -->

      </nav>

      <!-- Main component for a primary marketing message or call to action -->

      <div class="jumbotron">

        {% block page_content %}

      {% endblock %}

      </div>

    </div> <!-- /container -->

    <!-- Bootstrap core JavaScript

    ================================================== -->

    <!-- Placed at the end of the document so the pages load faster -->

    <script src="/static/js/jquery.min.js"></script>

    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>

    <script src="/static/js/bootstrap.min.js"></script>

  </body>

</html>

14、新增模板index.html

app01/templates/app01/index.html

{% extends 'base.html' %}

{% block page_content %}

    {% for bbs_list in bbs_lists %}

        <h4><a href="#">{{ bbs_list.title }}</a></h4>

        <h5>{{ bbs_list.summary}}</h5>

        <hr>

    {% endfor %}

{% endblock %}

15、修改views.py

定义index

from django.shortcuts import render

from .models import BBS

def index(request):

    bbs_lists =BBS.objects.all()

    return render(request,'app01/index.html',{'bbs_lists':bbs_lists})

16、查看效果 127.0.0.1/bbs

通过127.0.0.1/admin手工添加一些后台数据。

17、做bbs的详细页面

修改app01/urls.py内容，增加url:

path('<int:bbs_id>/',views.bbs_detail,name='bbs_detail'),

18、修改views.py

定义bbs_detail

def bbs_detail(request,bbs_id):    #传的参数给url用

    bbss =BBS.objects.get(id=bbs_id)

    return render(request,'app01/detail.html',{'bbs_obj':bbss})    #字典给模板用

19、新建模板detail.html

app01/templates/app01/detail.html

{% extends 'base.html' %}

{% block page_content %}

        <h4>{{ bbs_obj.title }}</h4>

        <h5>{{ bbs_obj.summary}}</h5>

        <h5>{{ bbs_obj.content}}</h5>

        <h5>{{ bbs_obj.author}}</h5>

        <h5>{{ bbs_obj.view_count}}</h5>

        <h5>{{ bbs_obj.ranking}}</h5>

        <h5>{{ bbs_obj.created_at}}</h5>

        <h5>{{ bbs_obj.update_at}}</h5>

        <hr>

{% endblock %}

20、修改index.html中的链接

{% extends 'base.html' %}

{% block page_content %}

    {% for bbs_list in bbs_lists %}

        <h4><a href="/bbs/{{bbs_list.id}}">{{ bbs_list.title }}</a></h4>

        <h5>{{ bbs_list.summary}}</h5>

        <hr>

    {% endfor %}

{% endblock %}

首页中点击bbs标题可链接进入bbs的详细内容页面。

用 Django2.0 做 简单的BBS（前端用 Bootstrap）的更多相关文章

  1. 后端Python3+Flask结合Socket.io配合前端Vue2.0实现简单全双工在线客服系统

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_158 在之前的一篇文章中:为美多商城(Django2.0.4)添加基于websocket的实时通信,主动推送,聊天室及客服系统,详 ...

  2. Python开发一个简单的BBS论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考“抽屉新热榜” + “虎嗅网” 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用户发贴.评论.点赞 允许上传文件 帖子可 ...

  3. Django2.0使用

    创建项目: 通过命令行的方式:首先要进入到安装了django的虚拟环境中.然后执行命令: django-admin startproject [项目的名称] 这样就可以在当前目录下创建一个项目了. 通 ...

  4. 《玩转Django2.0》读书笔记-Django配置信息

    <玩转Django2.0>读书笔记-Django配置信息 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 项目配置是根据实际开发需求从而对整个Web框架编写相应配置信息. ...

  5. 《玩转Django2.0》读书笔记-Django建站基础

    <玩转Django2.0>读书笔记-Django建站基础 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.网站的定义及组成 网站(Website)是指在因特网上根据一 ...

  6. Django2.0路由层-URLconf

    目录 DJango2.0路由层-URLconf 概述 urlpatterns 实例 path转换器 自定义path转换器 使用正则表达式 命名组(有名分组) URLconf匹配请求URL中的哪些部分 ...

  7. 10 腾讯云、django2.0、uwsgi、mysql、nginx 部署

    1.腾讯云 操作系统 Ubuntu Server 16.04.1 LTS 64位 获取root权限 ubuntu@VM---ubuntu:~$ sudo passwd root Enter new U ...

  8. vue2.0做移动端开发用到的相关插件和经验总结1.0

    最近在用vue2.0做微信公众号相关的前端开发,经过这次开发实践,现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理,希望和大家共同交流...... cssrem:一个CSS值转REM的VSC ...

  9. Django2.0路由补充之path，re_path及视图层

    以下是Django2.0版本 正则捕获到的参数都是字符串,所以如果函数需要用的其他数据类型,可以在函数中直接转换,也可以在路由中直接转换,如下: 下面实例是匹配整数,传过去的参数就是整数 from d ...

随机推荐

  1. select 多选 和单选,分组

    <select name="group"> <option value="1">北京</option> <option ...

  2. CF51F Caterpillar (边双+树形DP)

    题目传送门 题目大意:给你一张n个点m条边的图.每次操作可以把两个点合并成一个(与之相连的边也都要连到新点上).求把图中每个联通块都变成“毛毛虫”的最小操作次数.“毛毛虫”必须是一棵树(可以存在自环) ...

  3. BZOJ 4511 洛谷3131 USACO 16.Jan 七子共

    用sum[i]表示前缀和模7的值,若存在i≤j,满足sum[i]==sum[j],则区间(i,j]的和为7的倍数. O(N)扫出sum[0]~sum[6]第一次出现的位置first和最后一次出现的次数 ...

  4. hdu2003 求绝对值【C++】

    求绝对值 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  5. 暑假集训D18总结

    考试 本来考试时以为能AK的,结果全是因为手贱啊= = T1 瞎XX贪心 我竟然当成了数学 还拍了半天以为是对的 T2 组合数学 太简单 半个小时直接A T3 最长上升(非下降?)子序列 考试25,加 ...

  6. HBase(0.96)新的Java API操作

    package test; import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.ap ...

  7. [bzoj4066/2683]简单题_KD-Tree

    简单题 bzoj-4066 题目大意:n*n的棋盘,开始为均为0,支持:单点加权值,查询矩阵权值和,强制在线. 注释:$1\le n\le 5\cdot 10^5$,$1\le m \le 2\cdo ...

  8. LINUX 内核内存管理

    https://linux-mm.org/ http://www.cnblogs.com/liloke/archive/2011/11/20/2255737.html

  9. sysman 账号 oracle em console的一些问题

    前几天用下面的命令修改了 sysman的密码. [oracle@racnode1 ~]$ emctl setpasswd dbconsole Oracle Enterprise Manager 11g ...

  10. Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)

    题外话 这款插件就比較重量级了-.用熟悉了写原生JS的效率要提升非常多--并且,不仅支持JS还包括了nodejs snippet javascript-snippets 插件作者: zenorocha ...