Jingsi Cover

靜思語抽籤

抽取一個靜思語,靜靜地思考一下自己最近的生活

- 一款在線抽取最適合你的靜思語的網站 - 前言: 大學最終也迎來了最後一個學年,在大學四年裡面經歷了很多事情,悲歡交集,該體驗的都體驗了一番,在去年的時候,懵懂的就接下了慈青社的社長,為接下來的人生又多了很多坑坑洞洞的坎哈哈哈,不過最後一切經歷下來,真的十分的有趣,自己也從中成長了很多。 經過一年之後,慈青週又再度來襲啦,為了宣傳這次的慈青週,因此特地設計了一個在線靜思語抽籤的網站,想說讓大家可以在現今繁忙的社會中可以靜下心來,是不是抽取一個靜思語,靜靜地思考一下自己最近的生活。 製作: 這個網站的製作從開始到完成只花了不到3個小時的時間,說起來倒是挺快的,一來是網站的架構功能比較簡單,二來是自己的經驗能力也足夠在短時間內完成這些功能,不過功能上少了很多功能,也有很多小缺陷哈哈! 網站設計的概念挺簡單的,第一步是收集大量的靜思語,儲存成一個txt的文檔,然後透過PHP後台每次隨機讀取一個靜思語,并顯示在網頁上(本來想說使用Ajax去後台存取,後來發現不用那麼麻煩,直接PHP ECHO即可),網站的排版則是使用之前購買的Mobirise軟件快速製作的哈哈哈。 衍生功能: Facebook分享功能 網站加入了FB分享的功能,這個功能的想法原本是想說設計成每個靜思語產出一個預覽圖可以分享到FB,但是後來發現FB並無法直接預覽網頁的圖片,而是要事前給定一張固定的圖片產生的預覽圖,後來這個功能並沒有完整。實現的思路大概是每次產出的一個靜思語,就自動截圖生成,製作成該頁面的縮圖餵給FB,但是工程量好麻煩,所以暫時這個功能…不做~ 數據庫讀取功能 目前是文檔直接讀取,但是每次加載的時候都必須重新讀取一次文檔,導致加載網頁的速度變慢很多,想說未來要不要把資料導入到數據庫裡面去,再透過SQL來讀取。 靜思語分享: 人生的價值,貴在為工作而生活;若為生活而工作,是很無奈且容易疲倦的人生。 入口: https://yayapipi.com/TzuChing/JingsiDraw/...

July 9, 2020 · 1 min · Yayapipi
Booook Cover

Booook

Booook的四个o同时也象征着书本的意思,每次读书量超过一个位数的时候,就会多一个o在里面,所以名字的4个o有一种阅读了一万本书的意思。

Booook -阅读一万本书,开启你的阅读之旅- 设计理念: Booook的四个o同时也象征着书本的意思,每次读书量超过一个位数的时候,就会多一个o在里面,所以名字的4个o有一种阅读了一万本书的意思。 因为很喜欢阅读,忽然有一天觉得不知道自己究竟读了多少本书,而且也忘了自己究竟都读了些什么书,这时候如果有一个可以查看并且分析自己总共都读了多少本书的地方不是很方便吗,不过如果单纯记录在电脑文档里面的话,要能够快速记录查看数据的时候又必须打开电脑查看,十分麻烦,于是就诞生了Booook的网站,把数据储存在伺服器上,因为是响应式的网站,也可以随时通过手机查看新增数据,简单方便好看! 功能界面: 清單界面 提取資料庫的内容,顯示書本數目的頁面,目前有根據喜好排序的功能 新增书本 透過快速填寫基本資料,新增新的閲讀書本,填寫心得和評價 快速搜寻新增 不想手動慢慢輸入,也可以使用快速搜尋功能,可以直接到博客來爬蟲抓資訊自動填寫 数据分析 可以根據評價,閲讀種類,讀書的頻率自動分析你的讀書圖標 显示界面 書本内容的顯示頁面,可以顯示基本的資訊,和心得等 用户设定 可以更改用戶的頭像,密碼等設定資料 網站: 網頁内測中,暫不開放 Github: https://github.com/yayapipi/booook...

July 9, 2019 · 1 min · Yayapipi