Git Product home page Git Product logo

noawfulfood's Introduction

Hi there 👋

forthebadge forthebadge forthebadge

  • 💬 Ask me about ANYTHING.
  • 📫 How to reach me: Telegram
  • 😄 Pronouns: T or Trevor or whatever
  • ⚡ Fun fact: Every 60 Seconds in Africa a Minute Passes.

spotify-github-profile

noawfulfood's People

Contributors

mrnegativetw avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

noawfulfood's Issues

關於店家資料處理部份

你好:

關於
/arrays/door____Shop
/location/*
以上的頁面資料應該有更好的處理方法

首先以 doorLeftShop.php 為例子
一打開看到如此驚人的畫面...
後續如果要維護也力不從心吧...

你有提到沒有使用 Database
所以採用 array 的寫法
但如果結構弄成 Json 的方式
後續寫前端也會方便很多

以下我簡單弄了一個 PHP Json 的資料來源

$doorRightShopJson = '[{
	"name": "MoM\'s Touch",
	"class": [
		"素食"
	],
	"phone": [
		"未提供//待搜集"
	],
	"Times": [
		"午餐",
		"晚餐"
	],
	"Drink":"另購",
	"Soup":"無",
	"SelfClean":"是",
	"delivery":"不提供",
	"MinCharge":"無",
	"image":"無",
	"menu":"無"
},{
	"name": "馬來小館",
	"class": [
		"鍋燒",
		"飯食"
	],
	"phone": [
		"未提供/待搜集"
	],
	"Times": [
		"午餐",
		"晚餐"
	],
	"Drink":"另購",
	"Soup":"無",
	"SelfClean":"是",
	"delivery":"不提供",
	"MinCharge":"無",
	"image":"無",
	"menu":"無"
}]';

Json 的存取方式可以寫在程式碼內
也可以獨立出 Json File
之後在 Local 讀檔就好了
接著透過 PHP 的內建 Function 進行處理
並且跑個foreach秀出資料
如下:

$doorRightShopData = json_decode($doorRightShopJson);
echo print_r($doorRightShopData);
	
echo "<br/>";
echo "<br/>";
echo "<br/>";

foreach($doorRightShopData as $data){
	echo "店名:" . $data->name . "<br/>";
	echo "飲食類型:";
	foreach($data->class as $class){
		echo $class . " ";
	}
	echo "<br/>";
	echo "電話:";
	foreach($data->phone as $phone){
		echo $phone . " ";
	}
	echo "<br/>";
	echo "營業時段:";
	foreach($data->Times as $Times){
		echo $Times . " ";
	}	
	echo "<br/>";
	echo "飲料:" . $data->Drink . "<br/>";
	echo "湯品:" . $data->Soup . "<br/>";
	echo "自行收拾:" . $data->SelfClean . "<br/>";
	echo "提供外送:" . $data->delivery . "<br/>";
	echo "最低消費:" . $data->MinCharge . "<br/>";
	echo "圖片:" . $data->image . "<br/>";
	echo "菜單:" . $data->menu . "<br/>";
	echo "<br/>";
}

Replace div content / load same script

1.因部分店家菜色過多,所以用選單或按鈕之類的神秘物件,讓圖片可以依照不同的類別讀取

  • 網頁載入更快,不用等待所有圖片跑完
  • 按下類別後,更換div內容為所選類別的圖片

2.讓所有網頁能載入一樣的script,php的include目前看似沒用

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.