Имаше проблем с GitHub с начина, по който се зареди страницата на отделното кафене: Щракването върху запис за едно кафене не показва подробности · Проблем #1 · serversideup/roastandbrew · GitHub. За щастие това беше проста корекция, защото проблемът беше, че оставих връзка в кода, без да завърша страницата.
Множество социални акаунти
Тъй като ние се удостоверяваме чрез акаунти в социални медии, има възможност даден потребител да иска повече от едно влизане. Ако този потребител използва един и същ имейл за всеки акаунт в социални медии, тогава той няма да може да създаде отделен акаунт, тъй като имейл полето беше уникално.
Направих промяната, за да премахна полето за уникален имейл адрес, тъй като се удостоверяваме чрез socialite.
Показване на етикети на страницата на кафенето
Тъй като имаме внедрено маркиране, трябва да покажем етикетите на страницата на отделното кафене. Това е наистина бърз за изпълнение. Първо
отворете компонента /resources/assets/js/pages/Cafe.vue.
Точно под компонента <toggle-like> добавете следния шаблон:
<div class="tags-container">
<div class="grid-x grid-padding-x">
<div class="large-12 medium-12 small-12 cell">
<span class="tag" v-for="tag in cafe.tags">#{{ tag.tag }}</span>
</div>
</div>
</div>Стиловете, които ще добавим са:
div.tags-container{
max-width: 700px;
margin: auto;
text-align: center;
margin-top: 30px;
span.tag{
color: $dark-color;
font-family: 'Josefin Sans', sans-serif;
margin-right: 20px;
display: inline-block;
line-height: 20px;
}
}Сега просто трябва да заредим app/Http/Controllers/API/CafesController.php и да намерим метода getCafe().
Там трябва да вземем етикетите с кафенето, така че да бъдат върнати, когато кафенето се зареди:
$cafe = Cafe::where('id', '=', $id)
->with('brewMethods')
->with('userLike')
->with('tags')
->first();Сега можем да покажем етикетите на страницата на кафенето.
По-малко строг URL регулярен израз
В брой 2 на Github имахме искане да включим много по-малко строг регулярен израз за валидиране на URL адреси на уебсайтове, така че го актуализирах до:
/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/Малко по-сложно, но определено работи много по-добре!
Бъдещи уроци
Следващите няколко урока ще включват известно филтриране на данните от кафенето на страницата с карти и повече персонализиране на картата. След това ще преминем към публично отваряне на данните за кафенетата, за да можете да използвате roast за търсене и сортиране на кафенета без акаунт. Това ще бъде огромна група от уроци, тъй като трябва да направим малък редизайн. Има смисъл обаче, защото понякога потребителят просто иска да преглежда данните, без да взаимодейства чрез харесване или следване на кафенета.
Книга
Ако се интересувате, ние работим върху съставянето на книга за разработка на приложения, управлявани от API. Научете първи, като се регистрирате тук: http://eepurl.com/eGN_6. Обещаваме да не ви преплитаме! Книгата ще съдържа по-задълбочен подход за писане на приложение, управлявано от API, и няколко други страхотни функции!
