资讯专栏INFORMATION COLUMN

python大佬养成计划----Django图书人物适配系统(前端)

amuqiao / 3300人阅读

摘要:两者相同的地方是都可以将一个普通函数变成视图函数。不同的是,使用装饰器定义路由,而使用正则表达式定义路由。中间什么都没有,表示这个正则匹配的是根目录,。最后修改的网页显示如图项目框架图

Django添加路由

与flask一样,django也需要使用路由将URL与服务端要执行的代码关联。

两者相同的地方是都可以将一个普通函数变成视图函数。不同的是,flask使用装饰器@app.route()定义路由,而django使用正则表达式定义路由。

操作:在我们建立的book项目中新建urls.py文件

#FristDjangoookurls.py
from django.conf.urls import url
from django.contrib import admin
from book.views import index,detail
urlpatterns = [
    url(r"^$",index),   #http://127.0.0.1:9099/
    url(r"book/(?Pd+)/$",detail)   #http://127.0.0.1:9099/book/1/
]

修改主项目的setting.py文件

from django.conf.urls import url, include
from django.contrib import admin

urlpatterns = [
    url(r"^admin/", admin.site.urls),
    url(r"",include("book.urls"))    

]

视图函数可以随意编写,现在仅用来做测试

#FristDjangoookviews.py
from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
def index(request): #django不同于flask,flask默认请求方式是request,而django里面的请求对象必须作为参数接收
    return  HttpResponse("ok")

def detail(request,id):
    return HttpResponse("%s is ok" %(id))

^匹配URL路径的开始, $匹配URL路径的结束。中间什么都没有,表示这个正则匹配的是根目录,‘/’。
简易的网页结构

已经测试过网页是可用的,现在编写自己的html文件来实现自己的项目
我们的网页模板文件放在主项目templates/目录下的应用文件里,可能会有多个应用,所以建立不同的目录,用来区分。
需要实现与数据库的结合,后台管理的数据库信息应该在前台显示,重新编写视图函数

#FristDjangoookviews.py
from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
from book.models import BookInfo,HeroInfo


def index(request): #django不同于flask,flask默认请求方式是request,而django里面的请求对象必须作为参数接收
    # return  HttpResponse("ok")
    books = BookInfo.objects.all()
    return render(request,"book/index_old.html",context={
        "books":books,
    })
def detail(request,id):
    # return HttpResponse("%s is ok" %(id))
    book = BookInfo.objects.get(id=id)
    heros = book.heroinfo_set.all()
    return render(request,"book/detail_old.html",context={
        "book":book,
        "heros":heros
    })

主页显示的html页面

# templates/book/index_old.html



    
    主页


    {% for book in books %}
  • {{ book.btitle }}

    {{ book.bpub_time }}

    {{ book.bcontent }}

  • {% endfor %}

书籍详情页显示的html页面

# templates/book/detail_old.html



    
    {{ book.btitle}}详情页


    

{{ book.btitle }}

    {% for hero in heros %}

    {{ hero.hname }}

    {{ hero.hcontent }}

    {% endfor %}

如何让页面变好看

step1: 书籍信息太少,修改书籍数据库表结构,添加图书摘要、图书图片
step2:从网上找一些好看的页面文件来做修改

注意:静态文件(CSS,JS,IMG)多带带存放一个目录static/
样式文件的目录需要修改,主项目settings.py文件修改Static files

step1操作:修改book/models.py文件中BookInfo表的结构,添加摘要,图片。新建static/uploads/目录用来存放上传的图片。

    bcontent = models.TextField(default="摘要", verbose_name="书籍摘要")
    bimg = models.ImageField(default=None, upload_to="static/uploads/")

终端执行数据库迁移命令

python manage.py makemigrations
python manage.py migrate

使用管理员登陆后台,修改书籍内容

step2操作:新建static/目录后,修改主项目settings.py文件

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.10/howto/static-files/

STATIC_URL = "/static/"
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

注意:主页和详情页有大量重复代码,我们创建一个基模板,让应用模板继承于基类可减少代码重复量。
最后修改的网页显示如图:


项目框架图:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/45011.html

相关文章

发表评论

0条评论

amuqiao

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<