前言

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

#目錄 [TOC] #編寫日志列表頁 MVVM模式不但可用于Form表單，在復(fù)雜的管理頁面中也能大顯身手。例如，分頁顯示Blog的功能，我們先把后端代碼寫出來： 在apis.py中定義一個Page類用于存儲分頁信息： 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中實現(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) 管理頁面： @get('/manage/blogs') def manage_blogs(*, page='1'):return {'__template__': 'manage_blogs.html','page_index': get_page_index(page)} 模板頁面首先通過API：GET /api/blogs?page=?拿到Model： {"page": {"has_next": true,"page_index": 1,"page_count": 2,"has_previous": false,"item_count": 12},"blogs": [...] } 然后，通過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('確認要刪除“' + 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，包含一個table，我們用v-repeat可以把Model的數(shù)組blogs直接變成多行的： “` 新日志 標題 / 摘要作者創(chuàng)建時間操作

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

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

完整的Blog列表頁如下：

總結(jié)

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

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