我正在開發一個RESTful Web API。RESTful Web API的前端設計
我想要前端看起來很漂亮（即專業和拋光） - 但我不是一個設計師，大多數設計師不知道JSON是什麼，或不知道如何處理我的JSON輸出web API。
我正在尋找使用ReactJS或AngularJS自己組裝一個前端，但我不是一個設計師，這是一個最好由設計師完成的工作 - 問題是大多數設計師不知道該怎麼做與JSON輸出，所以這就像我在一個惡性循環...
我的問題是這樣的（假設沒有專業的網站模板我可以用於Angular/React - 因爲我找不到任何）
解決不作爲設計師的問題的實際方法是什麼，並且不得不與與不輸出JSON輸出的設計師溝通？
只是簡單的第二個例子點假設你的設計師設計選擇元素像
設計師設計
<select class="XYZ">
<option>Customer</option>
<option>Client</option>
<option>Users</option>
</select>
開發改造的陣營
<select className="XYZ">
{Data}
</select>
這裏{}的數據是什麼，但你必須與API數據的選項像
var Data=Object.keys(response).map(function(_res){
return(
<option>response[_res].Name</option>
)
});
我更喜歡第二個建議。但是，你能解釋一下嗎？，我不完全明白你的意思，只是告訴他在設計時輸入虛擬數據，一旦設計完成，你可以綁定API，這樣你就可以得到實際的數據「'。請澄清 –
@HomunculusReticulli：查看我更新的答案 –
首先是一個角度/ webapi開發人員，你不會處理設計部分，因爲這將由設計師完成。
如果我已經完全理解了你的問題，我想舉一個例子說明你（作爲angular/webapi開發者）和設計者將如何工作和一起通信。
考慮使用此方法，
有一個項目，你和你的設計師必須努力。你有客戶的所有要求。 設計師現在開始他的工作。讓我們說一下，他需要用ui-li標籤做一個清單。是angularjs /的WebAPI開發者，你已經寫了一個Web API，返回列表（JSON）
{"id":"1","name":"title1",
"id":"2","name":"title2",}
現在你的設計師不能夠理解這個語法。所以，問題是他會如何做出適當的HTML設計？簡單，
他會製作或編寫純粹的html標籤。比方說，他寫了下面的純HTML代碼來生成一個列表，
... （設計師將寫靜態代碼）
<ul>
<li> something1 </li>
<li> something2 </li>
</ul>
...
現在你會做什麼，您將會考慮/考慮/檢查他的html代碼，並且您將相應地修改他的html代碼以便與ANGULARjs一起使用。
你會如下修改， ... （angualr開發人員編寫代碼dyanmic）
<ul>
<li ng-repeat="title in titiles"> {{title.name}} </li>
</ul>
...
注：我已經寫在REST的Web API的萬。網絡和angualrjs開發人員也改變了我的設計師給出的靜態代碼。
我希望這會幫助你。
什麼是你設計的範圍約束？他們是否簡單地提供CSS和基本的HTML標記，還是要編寫React/Angular應用程序，並簡單地從API中提取數據？ – Tom
@Tom。他們只會提供HTML/CSS。我想我會讓他們提供HTML/CSS，然後我將不得不決定如何從Angular/React生成靜態HTML。 –
在這種情況下，我不確定爲什麼設計師需要了解您的數據 - 您將編寫應用程序，它將從您的API中檢索數據並將其顯示在頁面上，設計人員將只關心如何它會看起來。如果他們的模型需要一些數據，那麼你可以爲他們提供不需要使用JSON格式的示例數據:) – Tom