2020-01-07,花卉價格 Django 項目實做(七),html 和 json 的顯示方式

举报
Mark Chen 发表于 2020/01/07 11:03:19 2020/01/07
【摘要】 2020-01-07,花卉價格 Django 項目實做(七),html 和 json 的顯示方式。頁面上的顯示,根據個人的經驗,清楚的表格格式是最容易被接受的。由左而右,簡單說明,最左是單行內,數據用空格格開。中間是使用了 HTML TABLE 加上多年使用的 CSS。最右邊,是先以最簡方式實現 json 表達,由於當代流覽器整體環境和幾年前相比已經更加成熟,可以直接解析。最右邊的小框裡...

2020-01-07,花卉價格 Django 項目實做(七),html 和  json 的顯示方式

首先先核對數據來源

1578366700988639.png

1578366700596459.png



實現的要點:

頁面上的顯示,根據個人的經驗,清楚的表格格式是最容易被接受的。

由左而右,簡單說明,

最左是單行內,數據用空格格開。

中間是使用了 HTML TABLE 加上多年使用的 CSS。

最右邊,是先以最簡方式實現 json 表達,由於當代流覽器整體環境和幾年前相比已經更加成熟,可以直接解析。

最右邊的小框裡,是在 Django 的  kifa App 裡的 urls.py 在這部份相關的設定。


1578365315182733.png



在 View 上面的定義如後,

1578365766173869.png



這三個的前兩個是分別使用模版 dt.html 和 dt_html.html


1578366130870808.png

1578366153757612.png


接下來我們將會以這樣的數據來調試不同的報表。

例如,針對某個品種,顯示出整個月的信息,以及如何使用圖示來表達等等。

json 部份,也是先開個頭,實做上,我們不必顯示當筆信息生成的時間,因為那是設計來計算前後總共花了多少時間完成,對 End Users 來說,沒有多大的意義,但 對系統開發和維護卻是非常的重要。




【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。