首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

flask学习笔记 10 豆瓣小程序

学习目的:将之前的学习的所有知识做个总结!!

一、展示

一共有三个页面,一个主页面,两个子页面。即可以通过主页面,跳转到其他页面。

首页:

电影页面:

电视剧页面:

二、项目目录

静态文件

css文件:对视图模板进行渲染,使视图页面更加人性化

图片:被视图模板引用

模板文件:规范页面的主体构架

base.html:基模板,实现最基本的构架。其他模板继承该模板

macros.html:用于存放宏的定义,宏类似与高级语言的函数

index.html:用于主页显示

list.html:用于子页面的显示

py文件:完成路由映射与逻辑处理

三、实现过程

已经确定要开发一个像展示那样的页面,所以

1.首先是主页面的构造

#index.html

这里用到的模板的继承和宏两种使用,想了解模板到底做了什么,需要进入声明的模板和宏看看究竟。

先看看模板文件

#base.html

标签包含了标题、样式等,没啥可说的

标签里,一是输入框,是界面顶部我们看到的;二是块,这里啥也没有

继续看宏定义文件

#macros.html

这是其中一个宏,一是将标题和一个超链接显示在一行,就是我们看到的

二是把items这个参数遍历了一遍,用到了另一个宏

(对了,items这个参数传进来的是一些电影/电视剧的数据,我后面会讲。)

这里将每个影片都渲染成我们看到的那样,有趣的地方是,它将传入的电影评转换显示成小星星的样式。

2. 对应的视图函数

将视图函数注册为路由端,我们直接访问这个服务器端口,就是访问这个函数。它将数据库的数据传入模板。当然我还没学过数据库,context这个字典的内容是写死的。

2. 然后就是拓展两个子页面

子页面是通过主页面的超链接,标签中的 href 属性来连接一个URL,对应的视图函数

总结:另外,关于css渲染的部分我没有解释,是因为我觉得实在没有啥好说的。就这样吧!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180412G049EW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券