前言

最近在學(xué)習(xí)深度學(xué)習(xí)，已經(jīng)跑出了幾個(gè)模型，但Pyhton的基礎(chǔ)不夠扎實(shí)，因此，開(kāi)始補(bǔ)習(xí)Python了，大家都推薦廖雪峰的課程，因此，開(kāi)始了學(xué)習(xí)，但光學(xué)有沒(méi)有用，還要和大家討論一下，因此，
寫下這些帖子，廖雪峰的課程連接在這里：廖雪峰
Python的相關(guān)介紹，以及它的歷史故事和運(yùn)行機(jī)制，可以參見(jiàn)這篇：python介紹
Python的安裝可以參見(jiàn)這篇：Python安裝
Python的運(yùn)行模式以及輸入輸出可以參見(jiàn)這篇：Python IO
Python的基礎(chǔ)概念介紹，可以參見(jiàn)這篇：Python 基礎(chǔ)
Python字符串和編碼的介紹，可以參見(jiàn)這篇：Python字符串與編碼
Python基本數(shù)據(jù)結(jié)構(gòu)：list和tuple介紹，可以參見(jiàn)這篇：Python list和tuple
Python控制語(yǔ)句介紹：ifelse，可以參見(jiàn)這篇：Python 條件判斷
Python控制語(yǔ)句介紹：循環(huán)實(shí)現(xiàn)，可以參見(jiàn)這篇：Python循環(huán)語(yǔ)句
Python數(shù)據(jù)結(jié)構(gòu)：dict和set介紹Python數(shù)據(jù)結(jié)構(gòu)dict和set
Python函數(shù)相關(guān)：Python函數(shù)
Python高階特性：Python高級(jí)特性
Python高階函數(shù)：Python高階函數(shù)
Python匿名函數(shù)：Python匿名函數(shù)
Python裝飾器：Python裝飾器
Python偏函數(shù)：Python偏函數(shù)
Python模塊：Python模塊
Python面向?qū)ο缶幊?#xff08;1）：Python面向?qū)ο?
Python面向?qū)ο缶幊?#xff08;2）：Python面向?qū)ο?#xff08;2）
Python面向?qū)ο缶幊?#xff08;3）：Python面向?qū)ο?#xff08;3）
Python面向?qū)ο缶幊?#xff08;4）：Pyhton面向?qū)ο?#xff08;4）
Python面向?qū)ο蟾呒?jí)編程（上）：Python面向?qū)ο蟾呒?jí)編程（上）
Python面向?qū)ο蟾呒?jí)編程（中上）：Python面向?qū)ο蟾呒?jí)編程（中上）
Python面向?qū)ο蟾呒?jí)編程（中下）：Python面向?qū)ο蟾呒?jí)編程（中下）
Python面向?qū)ο蟾呒?jí)編程（完）：Python面向?qū)ο蟾呒?jí)編程（完）
Python錯(cuò)誤調(diào)試（起）：Python調(diào)試：起
Python錯(cuò)誤調(diào)試（承）：Python調(diào)試：承
Python錯(cuò)誤調(diào)試（轉(zhuǎn)）：Python調(diào)試：轉(zhuǎn)
Python錯(cuò)誤調(diào)試（合）：python調(diào)試：合
Python文件IO編程：Python文件IO
Python文件IO編程2：Python文件IO2
Python文件IO編程3：PYthon文件IO3
Python進(jìn)程和線程（起）：Python進(jìn)程和線程起
Python進(jìn)程和線程（承）：Python進(jìn)程和線程承
Python進(jìn)程和線程（轉(zhuǎn)）：Python進(jìn)程和線程轉(zhuǎn)
Python進(jìn)程和線程（合）：Python進(jìn)程和線程合
Python正則表達(dá)式：Python正則表達(dá)式
Python學(xué)習(xí)筆記:常用內(nèi)建模塊1：Python學(xué)習(xí)筆記：常用內(nèi)建模塊1
Python學(xué)習(xí)筆記:常用內(nèi)建模塊2：Python學(xué)習(xí)筆記：常用內(nèi)建模塊2
Python學(xué)習(xí)筆記:常用內(nèi)建模塊3：Python學(xué)習(xí)筆記：常用內(nèi)建模塊3
Python學(xué)習(xí)筆記:常用內(nèi)建模塊4：Python學(xué)習(xí)筆記: 常用內(nèi)建模塊4
Python學(xué)習(xí)筆記:常用內(nèi)建模塊5：Python學(xué)習(xí)筆記: 常用內(nèi)建模塊5
Python學(xué)習(xí)筆記:常用內(nèi)建模塊6:Python學(xué)習(xí)筆記：常用內(nèi)建模塊6
Python學(xué)習(xí)筆記:第三方模塊1：Python常用第三方模塊
Python學(xué)習(xí)筆記:第三方模塊2：Python常用第三方模塊
Python學(xué)習(xí)筆記:第三方模塊3：Python常用第三方模塊
Pytho學(xué)習(xí)筆記：網(wǎng)絡(luò)編程：Python網(wǎng)絡(luò)編程
Python學(xué)習(xí)筆記：電子郵件：Python電子郵件1
Python學(xué)習(xí)筆記：SMTP服務(wù)器：PythonSMTP服務(wù)器
Python學(xué)習(xí)筆記：POP3服務(wù)器：PythonPOP3服務(wù)器
Python學(xué)習(xí)筆記：Python數(shù)據(jù)庫(kù) Python數(shù)據(jù)庫(kù)1
Python學(xué)習(xí)筆記：Python數(shù)據(jù)庫(kù)2Python數(shù)據(jù)庫(kù)2
Python學(xué)習(xí)筆記：web開(kāi)發(fā)1Python學(xué)習(xí)筆記：web開(kāi)發(fā)1
Python學(xué)習(xí)筆記：web開(kāi)發(fā)2Python學(xué)習(xí)筆記: web開(kāi)發(fā)2
Python學(xué)習(xí)筆記: web開(kāi)發(fā)3Python學(xué)習(xí)筆記: web開(kāi)發(fā)3
Python學(xué)習(xí)筆記：異步IO（1）Python學(xué)習(xí)筆記：異步IO（1）
Python學(xué)習(xí)筆記：異步IO（2）Python學(xué)習(xí)筆記：異步IO（2）
Python學(xué)習(xí)筆記：異步IO（3）Python學(xué)習(xí)筆記：異步IO（3）
Python學(xué)習(xí)筆記：Day 1-2開(kāi)發(fā)Python學(xué)習(xí)筆記：Day1-2開(kāi)發(fā)
Python學(xué)習(xí)筆記：Day 3 ORMPython學(xué)習(xí)筆記：Day3 ORM
Python學(xué)習(xí)筆記：Day 4 ModelPython學(xué)習(xí)筆記：Day4Model
Python學(xué)習(xí)筆記：Day 5 web框架PYTHON學(xué)習(xí)筆記：DAy5
Python學(xué)習(xí)筆記：Day 6 配置文件Python學(xué)習(xí)筆記：Day 6 配置文件
Python學(xué)習(xí)筆記：Day 7 編寫MVCPython學(xué)習(xí)筆記：Day 7編寫MVC
Python學(xué)習(xí)筆記：Day 8 構(gòu)建前端Python學(xué)習(xí)筆記:Day 8 構(gòu)建前端
Python學(xué)習(xí)筆記：Day 9 編寫APIPython 9編寫API
Python學(xué)習(xí)筆記：Day 10 用戶注冊(cè)和登陸Python 10用戶注冊(cè)和登陸
Python學(xué)習(xí)筆記：Day11 編寫日志創(chuàng)建頁(yè)day11 編寫目錄

#目錄 [TOC] #編寫日志列表頁(yè) MVVM模式不但可用于Form表單，在復(fù)雜的管理頁(yè)面中也能大顯身手。例如，分頁(yè)顯示Blog的功能，我們先把后端代碼寫出來(lái)： 在apis.py中定義一個(gè)Page類用于存儲(chǔ)分頁(yè)信息： class Page(object):def __init__(self, item_count, page_index=1, page_size=10):self.item_count = item_countself.page_size = page_sizeself.page_count = item_count // page_size + (1 if item_count % page_size > 0 else 0)if (item_count == 0) or (page_index > self.page_count):self.offset = 0self.limit = 0self.page_index = 1else:self.page_index = page_indexself.offset = self.page_size * (page_index - 1)self.limit = self.page_sizeself.has_next = self.page_index < self.page_countself.has_previous = self.page_index > 1def __str__(self):return 'item_count: %s, page_count: %s, page_index: %s, page_size: %s, offset: %s, limit: %s' % (self.item_count, self.page_count, self.page_index, self.page_size, self.offset, self.limit)__repr__ = __str__ 在handlers.py中實(shí)現(xiàn)API： @get('/api/blogs') def api_blogs(*, page='1'):page_index = get_page_index(page)num = yield from Blog.findNumber('count(id)')p = Page(num, page_index)if num == 0:return dict(page=p, blogs=())blogs = yield from Blog.findAll(orderBy='created_at desc', limit=(p.offset, p.limit))return dict(page=p, blogs=blogs) 管理頁(yè)面： @get('/manage/blogs') def manage_blogs(*, page='1'):return {'__template__': 'manage_blogs.html','page_index': get_page_index(page)} 模板頁(yè)面首先通過(guò)API：GET /api/blogs?page=?拿到Model： {"page": {"has_next": true,"page_index": 1,"page_count": 2,"has_previous": false,"item_count": 12},"blogs": [...] } 然后，通過(guò)Vue初始化MVVM： <script> function initVM(data) {var vm = new Vue({el: '#vm',data: {blogs: data.blogs,page: data.page},methods: {edit_blog: function (blog) {location.assign('/manage/blogs/edit?id=' + blog.id);},delete_blog: function (blog) {if (confirm('確認(rèn)要?jiǎng)h除“' + blog.name + '”？刪除后不可恢復(fù)！')) {postJSON('/api/blogs/' + blog.id + '/delete', function (err, r) {if (err) {return alert(err.message || err.error || err);}refresh();});}}}});$('#vm').show(); } $(function() {getJSON('/api/blogs', {page: {{ page_index }}}, function (err, results) {if (err) {return fatal(err);}$('#loading').hide();initVM(results);}); }); </script> View的容器是#vm，包含一個(gè)table，我們用v-repeat可以把Model的數(shù)組blogs直接變成多行的： “` 新日志 標(biāo)題 / 摘要作者創(chuàng)建時(shí)間操作

“`v-repeat指令，就什么都不用管了。

可以把v-repeat=”blog: blogs”看成循環(huán)代碼，所以，可以在一個(gè)內(nèi)部引用循環(huán)變量blog。v-text和v-attr指令分別用于生成文本和DOM節(jié)點(diǎn)屬性。

完整的Blog列表頁(yè)如下：

總結(jié)

以上是生活随笔為你收集整理的Python学习笔记：Day 12 编写日志列表页的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。