{"id":871,"date":"2020-05-22T01:48:08","date_gmt":"2020-05-22T01:48:08","guid":{"rendered":"https:\/\/tau-platform.ru\/?p=871"},"modified":"2020-05-22T02:11:31","modified_gmt":"2020-05-22T02:11:31","slug":"rhomobile-i-onsenui","status":"publish","type":"post","link":"https:\/\/tau-platform.ru\/ru\/company\/blog\/rhomobile-i-onsenui\/","title":{"rendered":"RhoMobile \u0438 OnsenUI"},"content":{"rendered":"

\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/span><\/strong><\/h2>\n

\u0417\u0430\u043a\u0430\u0437\u0447\u0438\u043a \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u0445 \u043a \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c\u043e\u043c\u0443 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u0435 look and feel as native applications. \u042d\u0442\u043e \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0433\u0438\u0431\u0440\u0438\u0434\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0414\u043b\u044f \u043f\u0440\u0438\u0434\u0430\u043d\u0438\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e Rhodes \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c CSS\/JS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, OnsenUI \u0438\u043b\u0438 Framework7.<\/p>\n

\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u043f\u043e\u043a\u0430\u0436\u0435\u043c, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c OnsenUI \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 Rhodes \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0435\u0441\u043b\u043e\u0436\u043d\u043e\u0433\u043e ruby-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0432\u0435\u0441\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u0442\u043e\u0432\u0430\u0440\u043e\u0432.<\/p>\n

\u0428\u0430\u0433 1. \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/strong><\/span><\/h3>\n

\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0438\u0437 \u043a\u043e\u043c\u0430\u043d\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438<\/p>\n

> rhodes app productApp<\/code><\/p>\n

 <\/p>\n

\u041f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 RhoSimulator:<\/p>\n

> cd productApp<\/code>
\n> rake run:rhosimulator<\/code><\/p>\n

\"\"<\/p>\n

\u041f\u043e\u043a\u0430 \u043e\u043d\u043e \u043d\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u0438 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u043d\u0438\u0447\u0435\u0433\u043e \u043a\u0440\u043e\u043c\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n

\u0417\u0430\u043a\u0440\u043e\u0435\u043c RhoSimulator.<\/p>\n

\u0428\u0430\u0433 2. \u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u043c\u043e\u0434\u0435\u043b\u0438 Product<\/span><\/strong><\/h3>\n

\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0434\u043b\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0435\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:<\/p>\n

> rhodes model Product name,price<\/code><\/p>\n

 <\/p>\n

\u042d\u0442\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0441\u043e\u0437\u0434\u0430\u043b\u0430 \u0432\u0435\u0441\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u043a\u043e\u0434 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u043f\u0438\u0441\u043a\u0430 \u041f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u041f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432.<\/p>\n

\u0418\u0437\u043c\u0435\u043d\u0438\u043c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 — \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0442\u043e\u0432\u0430\u0440\u043e\u0432. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043c \u043a\u043e\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

<div class=\"container-fluid\"><\/span><\/code><\/span><\/p>\n

\u00a0<div class=\"row\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"list-group\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"<%= url_for(:controller => Product, :action => :index) %>\" class=\"list-group-item\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Products<\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"glyphicon glyphicon-chevron-right pull-right\" aria-hidden=\"true\"><\/span><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/a><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0<\/div><\/span><\/code><\/span><\/p>\n

<\/div><\/span><\/code><\/span><\/p>\n

\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 RhoSimulator<\/p>\n

> rake run:rhosimulator<\/code><\/p>\n

 <\/p>\n

\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0432\u0441\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u043e\u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c.<\/p>\n

 <\/p>\n

\"\"\"\"\"\"\"\"\"\"<\/p>\n

 <\/p>\n

\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432\u043f\u043e\u043b\u043d\u0435 \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u043e, \u043d\u043e \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a \u0445\u043e\u0447\u0435\u0442 native look and feel.
\n\u041d\u0435 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0439\u0442\u0435 RhoSimulator.<\/p>\n

\u0428\u0430\u0433 3. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c OnsenUI<\/span><\/strong><\/h3>\n

\u0423\u0434\u0430\u043b\u044f\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 Bootstrap \u0438 jQuery \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 OnsenUI. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0444\u0430\u0439\u043b layout.erb<\/p>\n

 <\/p>\n

<!-- OnsenUI --><\/span><\/span><\/code><\/p>\n

<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/onsenui\/css\/onsenui.css\"><\/span><\/code><\/span><\/p>\n

<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/onsenui\/css\/onsen-css-components.min.css\"><\/span><\/code><\/span><\/p>\n

<script src=\"https:\/\/unpkg.com\/onsenui\/js\/onsenui.min.js\"><\/script><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u0438\u043a\u043e\u043d\u043e\u043a:<\/p>\n

<!-- Ionicons --><\/span>
\n<\/span><script src=\"<\/span>https:\/\/unpkg.com\/ionicons@5.0.0\/dist\/ionicons.js<\/span><\/a>\"><\/script><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u0428\u0430\u0433 4. \u041d\u0430\u0447\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 OnsenUI<\/span><\/strong><\/h3>\n

\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b\u0435 \/app\/index.erb \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

 <\/p>\n

<ons-page id=\"homePage\"><\/span><\/code><\/span><\/p>\n

\u00a0<ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"center\">Products App<\/div><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0<ons-list><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<ons-list-item modifier=\"tappable chevron\" onclick=\"window.location = '<%= url_for(:controller => Product, :action => :index) %>'\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0Product<\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-list><\/span><\/code><\/span><\/p>\n

<\/ons-page><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 RhoSimulator, \u043d\u0430\u0436\u0430\u0432 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 refresh \u0432\u043d\u0438\u0437\u0443.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u0442\u0430\u043b\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043b\u0438\u0436\u0435 \u043a native look and feel. \u0417\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u043c OnsenUI \u043d\u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n

 <\/p>\n

\u0428\u0430\u0433 5. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 OnsenUI \u043d\u0430 \u0438\u043d\u0434\u0435\u043a\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 Product<\/span><\/strong><\/h3>\n

\u0417\u0430\u043c\u0435\u043d\u0438\u0442\u0435 \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b\u0435 \/app\/Product\/index.erb \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

 <\/p>\n

<ons-page id=\"productPage\"><\/span><\/code><\/span><\/p>\n

\u00a0<ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"left\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-back-button onclick=\"window.location='<%= Rho::Application.startURI %>'\"><\/ons-back-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"center\">Products<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"right\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-toolbar-button onclick=\"window.location='<%= url_for :action => :new %>'\">New<\/ons-toolbar-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0<ons-list><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<% @products.each do |product| %><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-list-item modifier=\"tappable chevron\" onclick=\"window.location = '<%= url_for :action => :show, :id => product.object %>'\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<%= product.name %><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<% end %><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-list><\/span><\/code><\/span><\/p>\n

<\/ons-page><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 RhoSimulator<\/p>\n

\"\"<\/p>\n

 <\/p>\n

\u0428\u0430\u0433 6. \u0410\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0442\u043e\u0432\u0430\u0440\u0430<\/span><\/strong><\/h3>\n

\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b\u0435 \/app\/Product\/new.erb \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

 <\/p>\n

<ons-page id=\"newProductPage\"><\/span><\/code><\/span><\/p>\n

\u00a0<ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"left\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-toolbar-button onclick=\"window.location='<%= url_for :action => :index %>'\">Cancel<\/ons-toolbar-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"center\">New Product<\/div><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0<section style=\"width: 90%; margin-top: 1em;margin: auto;\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<form method=\"POST\" action=\"<%= url_for :action => :create %>\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"id\" value=\"<%= @product.object %>\"\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"product[title]\">Name<\/label><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-input type=\"text\" modifier=\"underbar\" id=\"product[name]\" name=\"product[name]\" placeholder=\"product name\"><\/ons-input><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<br\/><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"product[price]\">Price<\/label><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-input type=\"text\" modifier=\"underbar\" id=\"product[price]\" name=\"product[price]\" placeholder=\"product price\"><\/ons-input><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<br\/><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-button type=\"submit\" modifier=\"large\" onclick=\"document.getElementsByTagName('form')[0].submit()\">Submit<\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/form><\/span><\/code><\/span><\/p>\n

\u00a0<\/section><\/span><\/code><\/span><\/p>\n

<\/ons-page><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 RhoSimulator<\/p>\n

\"\"<\/p>\n

\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u043c \u043f\u043e\u043b\u044f \u0438 \u043d\u0430\u0436\u043c\u0435\u043c Submit<\/p>\n

\"\"<\/p>\n

\u041d\u043e\u0432\u044b\u0439 \u0442\u043e\u0432\u0430\u0440 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0442\u043e\u0432\u0430\u0440\u043e\u0432.<\/p>\n

 <\/p>\n

\u0428\u0430\u0433 7. \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f show.erb<\/span><\/strong><\/h3>\n

\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b\u0435 \/app\/Product\/show.erb \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

<ons-page id=\"showProductPage\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0<ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<div class=\"left\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-back-button onclick=\"window.location='<%= url_for :action => :index %>'\"><\/ons-back-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<div class=\"center\"><%= @product.title %><\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<div class=\"right\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-toolbar-button onclick=\"window.location='<%= url_for :action => :edit, :id => @product.object %>'\">Edit<\/ons-toolbar-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0<\/ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0<ons-list><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"center\">Name<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"right\"><%= @product.name %><\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"center\">Price<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"right\"><%= @product.price %><\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/ons-list-item><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0<\/ons-list><\/span><\/code><\/span><\/p>\n

<\/ons-page><\/span><\/code><\/span><\/p>\n

 <\/p>\n

\u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 RhoSimulator<\/p>\n

\"\"<\/p>\n

\u0428\u0430\u0433 8. \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f edit.erb<\/span><\/strong><\/h3>\n

\u0417\u0430\u043c\u0435\u043d\u0438\u043c \u043a\u043e\u0434 \u0432 \u0444\u0430\u0439\u043b\u0435 \/app\/Product\/edit.erb \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439:<\/p>\n

<ons-page id=\"editProductPage\"><\/span><\/code><\/span><\/p>\n

\u00a0<ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"left\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-back-button onclick=\"window.location='<%= url_for :action => :show, :id => @product.object %>'\"><\/ons-back-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"center\">Edit <%= @product.title %><\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<div class=\"right\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-toolbar-button onclick=\"window.location='<%= url_for :action => :delete, :id => @product.object %>'\">Delete<\/ons-toolbar-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0<\/ons-toolbar><\/span><\/code><\/span><\/p>\n

\u00a0<section style=\"width: 90%; margin-top: 1em;margin: auto;\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<form method=\"POST\" action=\"<%= url_for :action => :update %>\"><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"id\" value=\"<%= @product.object %>\"\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"foo[title]\">Title<\/label><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-input type=\"text\" modifier=\"underbar\" id=\"product[name]\" name=\"product[name]\" placeholder=\"name\" value=\"<%= @product.name %>\" ><\/ons-input><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<br\/><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"foo[price]\"> Price<\/label><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-input type=\"text\" modifier=\"underbar\" id=\"product[price]\" name=\"product[price]\" placeholder=\"price\" value=\"<%= @product.price %>\" ><\/ons-input><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<\/div><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<br\/><br\/><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0<ons-button type=\"submit\" modifier=\"large\" onclick=\"document.getElementsByTagName('form')[0].submit()\">Update<\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<ons-button><\/span><\/code><\/span><\/p>\n

\u00a0\u00a0\u00a0<\/form><\/span><\/code><\/span><\/p>\n

\u00a0<\/section><\/span><\/code><\/span><\/p>\n

<\/ons-page><\/span><\/code><\/span><\/p>\n

\n
 <\/p>\n<\/form>\n<\/section>\n

\u041e\u0431\u043d\u043e\u0432\u0438\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 RhoSimulator<\/p>\n

\"\"<\/p>\n

\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/span><\/strong><\/h3>\n

\u041c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044e Rhodes \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043a native look and feel \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f CSS\/JS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a OnsenUI. \u0427\u0442\u043e\u0431\u044b \u043d\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0441\u043b\u043e\u0436\u043d\u044b\u043c, \u043c\u044b \u043d\u0435 \u0441\u0442\u0430\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u0438\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043a\u0430\u043a Rhodes, \u0442\u0430\u043a \u0438 OnsenUI, \u043d\u043e \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u043d\u043e\u0433\u043e\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u044b\u0445 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 Rhodes-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 enterprise-\u0443\u0440\u043e\u0432\u043d\u044f \u0441 native look and feel \u0430\u043f\u0440\u043e\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u0438 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c\u0441\u044f \u0432 \u0448\u0438\u0440\u043e\u043a\u043e\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435 \u0417\u0430\u043a\u0430\u0437\u0447\u0438\u043a \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u0445 \u043a \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c\u043e\u043c\u0443 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u0435 look and feel as native applications. \u042d\u0442\u043e \u0443\u0441\u043b\u043e\u0432\u0438\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0433\u0438\u0431\u0440\u0438\u0434\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0414\u043b\u044f \u043f\u0440\u0438\u0434\u0430\u043d\u0438\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e Rhodes \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c CSS\/JS \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, OnsenUI \u0438\u043b\u0438 Framework7. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043c\u044b \u043f\u043e\u043a\u0430\u0436\u0435\u043c, \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c OnsenUI \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-871","post","type-post","status-publish","format-standard","hentry","category-bez-kategorii"],"acf":[],"_links":{"self":[{"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/posts\/871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/comments?post=871"}],"version-history":[{"count":11,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/posts\/871\/revisions"}],"predecessor-version":[{"id":894,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/posts\/871\/revisions\/894"}],"wp:attachment":[{"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/media?parent=871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/categories?post=871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tau-platform.ru\/ru\/wp-json\/wp\/v2\/tags?post=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}