![Routing - URLeRouting - URLe
urlpatterns = patterns(
'blog.views',
url(r'^$', 'home_view', name='posts'),
url(r'^(?P<slug>[w-_]+)/$', 'post_view', name='post'),
)
Blog.Router.map(function() {
this.route('posts');
this.route('post', {path: 'posts/:id'});
});](https://image.slidesharecdn.com/ember-141221122024-conversion-gate01/85/Gdy-Ember-spotka-Django-5-320.jpg)
![KontekstKontekst
def get_context_data(self, **kwargs):
context = super().get_context_data()
context['is_python'] = self._get_is_python()
return context
def _get_is_python(self):
return ('python' in self.object.category.name.lower()
or 'python' in self.object.title)
Blog.PostController = Ember.ObjectController.extend({
isPython: function() {
var title = this.get('content.title').toLowerCase();
var category = this.get('content.category.name');
if (category) {
category = category.toLowerCase();
return title.indexOf('python') != -1 || category.indexOf('python') != -1;
}
}.property('content.title', 'content.category.name')
});](https://image.slidesharecdn.com/ember-141221122024-conversion-gate01/85/Gdy-Ember-spotka-Django-7-320.jpg)
Gdy Ember spotka Django
- 1. Gdy Ember spotka DjangoGdy Ember spotka Django
- 2. Ember: A framework for creating ambitious web applications Django: The web framework for perfectionists with deadlines ● Tworzenie dynamicznych aplikacji „na jednej stronie” ● Sposób na uporządkowanie kodu JavaScript aplikacji Co to jest ember.js?Co to jest ember.js?
- 3. A jak to wygląda w praktyce?A jak to wygląda w praktyce?
- 4. ModeleModele class Category(models.Model): name = models.CharField(unique=True, max_length=100) slug = models.SlugField(unique=True) def __str__(self): return self.name class Post(models.Model): title = models.CharField(max_length=200) slug = models.SlugField(unique=True) text = models.TextField() category = models.ForeignKey(Category) posted_date = models.DateTimeField(auto_now_add=True) def __str__(self): return self.title Blog.Category = DS.Model.extend({ name: DS.attr('string'), slug: DS.attr('string') }); Blog.Post = DS.Model.extend({ title: DS.attr('string'), slug: DS.attr('string'), text: DS.attr('string'), category: DS.belongsTo('category', {async: true}), posted_date: DS.attr('date') });
- 5. Routing - URLeRouting - URLe urlpatterns = patterns( 'blog.views', url(r'^$', 'home_view', name='posts'), url(r'^(?P<slug>[w-_]+)/$', 'post_view', name='post'), ) Blog.Router.map(function() { this.route('posts'); this.route('post', {path: 'posts/:id'}); });
- 6. Generic ViewsGeneric Views class HomeView(generic.ListView): def get_queryset(self): return models.Post.objects.all().order_by('-posted_date') home_view = HomeView.as_view() class PostView(generic.DetailView): model = models.Post post_view = PostView.as_view() Blog.PostsRoute = Ember.Route.extend({ model: function() { return this.get('store').find('post'); } }); Blog.PostRoute = Ember.Route.extend({ model: function(params) { return this.get('store').find('post', params.id); } });
- 7. KontekstKontekst def get_context_data(self, **kwargs): context = super().get_context_data() context['is_python'] = self._get_is_python() return context def _get_is_python(self): return ('python' in self.object.category.name.lower() or 'python' in self.object.title) Blog.PostController = Ember.ObjectController.extend({ isPython: function() { var title = this.get('content.title').toLowerCase(); var category = this.get('content.category.name'); if (category) { category = category.toLowerCase(); return title.indexOf('python') != -1 || category.indexOf('python') != -1; } }.property('content.title', 'content.category.name') });
- 8. SzablonySzablony {% for post in post_list %} <h2><a href="{% url 'post' post.slug %}">{{ post.title }}</a></h2> <blockquote> {{ post.text|safe }} <p>{{ post.posted_date|date:"Y.m.d H:i" }}, {{ post.category.name}}</p> </blockquote> {% endfor %} {% verbatim %} {{#each post in content}} <h2>{{#link-to "post" post.id}}{{post.title}}{{/link-to}}</h2> <blockquote> {{{post.text}}} <p>{{post.posted_date}}, {{post.category.name}}</p> </blockquote> {{/each}} {% endverbatim %}
- 10. ● WidokiWidoki – do integracji kodu opartego o zdarzenia z aplikacją emberową ● AkcjeAkcje – wysokopoziomowa reprezentacja tych zdarzeń ● Różne adapteryRóżne adaptery ember-data (inne frameworki, języki) ● Django-javascript-settingsDjango-javascript-settings – przekazywanie konfiguracji, ścieżek itd.
- 12. A gdzie tkwi haczyk?A gdzie tkwi haczyk?
- 13. Asynchroniczna aplikacjaAsynchroniczna aplikacja wykorzystująca bindingiwykorzystująca bindingi (property) a nie zdarzenia (events)(property) a nie zdarzenia (events)
- 17. Sentry + Raven.JSSentry + Raven.JS
- 23. Pytania?Pytania?