{"id":252685,"date":"2015-03-10T00:00:02","date_gmt":"2015-03-09T20:00:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=252685"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=252685","title":{"rendered":"REST \u0441\u0435\u0440\u0432\u0438\u0441 \u043d\u0430 C++: POCO+Angular TODO"},"content":{"rendered":"

\tPOCO<\/a> \u2014 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u0430\u044f open-source \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043d\u0430 \u0421++ \u043f\u043e\u0434 Boost Software License: ru.wikipedia.org\/wiki\/POCO<\/a>.
POCO<\/a> \u0438\u043c\u0435\u0435\u0442 \u0432 \u0441\u0432\u043e\u0435\u043c \u0441\u043e\u0441\u0442\u0430\u0432\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 c RESTful API<\/a>.
\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 TODO.

<\/a>
\u041f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0435\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 TODO \u2014 \u044d\u0442\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u0434\u0430\u0447 \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0438\u043b\u0438 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n

\u0417\u0430\u0434\u0430\u0447\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430 \u0432 CTodo. \u041a\u0430\u0436\u0434\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 (id) \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 (text).
\u0421\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u0434\u0430\u0447 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0432 CTodoList. \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0437\u0430\u0434\u0430\u0447 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438 CRUD<\/a> \u0414\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0441\u043f\u0438\u0441\u043a\u0430 \u0437\u0430\u0434\u0430\u0447 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f std::map.
Http \u0441\u0435\u0440\u0432\u0435\u0440 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d \u0432 TodoServerApp. \u0414\u0430\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0435\u0442\u043e\u0434\u044b CRUD, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u0434\u0430\u0447 \u0438 \u043c\u044c\u044e\u0442\u0435\u043a\u0441 \u0434\u043b\u044f \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u043d\u0435\u043c\u0443. \u041c\u0435\u0442\u043e\u0434 main \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 POCO ServerApplication.<\/p>\n

TodoServerApp.h<\/b><\/p>\n
\n
#pragma once  #include <Poco\/Mutex.h> #include <Poco\/Net\/HTTPServerRequest.h> #include <Poco\/Net\/HTTPRequestHandler.h> #include <Poco\/Net\/HTTPServerResponse.h> #include <Poco\/Net\/HTTPServer.h> #include <Poco\/Net\/HTTPRequestHandlerFactory.h> #include <Poco\/Net\/HTMLForm.h> #include <Poco\/Path.h> #include <Poco\/ScopedLock.h> #include <Poco\/StringTokenizer.h> #include <Poco\/URI.h> #include <Poco\/Util\/ServerApplication.h>  using namespace Poco; using namespace Poco::Net; using namespace Poco::Util; using namespace std;  \/**     Todo *\/ class CTodo {     size_t id;     string text; public:     CTodo(string text): text(text){     }     \/* getters & setters *\/     size_t getId(){ return id; }     void setId(size_t id){ this->id = id; }     string getText(){ return text; } };  \/**     \u0421\u043f\u0438\u0441\u043e\u043a Todo *\/ class CTodoList {     size_t id;     map<size_t, CTodo> todos;  public:     CTodoList():id(0){}     \/* CRUD *\/     void create(CTodo& todo){ todo.setId(++id); todos.insert(pair<size_t,CTodo>(id, todo)); };     map<size_t, CTodo>& readList(){ return todos; }     void del(size_t id){ todos.erase(id); }; };  \/**     \u0421\u0435\u0440\u0432\u0435\u0440 *\/ class TodoServerApp : public ServerApplication { public:     \/* CRUD *\/     static void createTodo(CTodo& todo);     static CTodoList& readTodoList();     \/\/static void updateTodo(size_t id, CTodo& todo);     static void deleteTodo(size_t id);  protected:     int main(const vector<string> &);     static Mutex todoLock;     static CTodoList todoList; }; <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u041f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u043c\u0435\u0442\u043e\u0434\u0430 main \u0432 \u043a\u043b\u0430\u0441\u0441\u0435 TodoServerApp \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f Http \u0441\u0435\u0440\u0432\u0435\u0440 \u0441 \u0437\u0430\u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 (\u043f\u043e\u0440\u0442 8000 \u0438 \u0442.\u0434.). \u0422\u0430\u043a\u0436\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0443 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f \u0444\u0430\u0431\u0440\u0438\u043a\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 TodoRequestHandlerFactory. 
  \u041f\u043e\u0441\u043b\u0435 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0446\u0438\u043a\u043b.
  \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0444\u0430\u0431\u0440\u0438\u043a\u0430 TodoRequestHandlerFactory \u0438\u043c\u0435\u0435\u0442 \u0432\u0441\u0435\u0433\u043e \u0434\u0432\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430: CFileHandler \u0434\u043b\u044f \u043e\u0442\u0434\u0430\u0447\u0438 \u0441\u0442\u0430\u0442\u0438\u043a\u0438 \u0438 CTodoHandler \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u0433\u043e REST API.
  \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a REST API CTodoHandler \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0442\u0438\u043f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 (GET\/POST\/PUT\/DELETE). \u0414\u043b\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u0432 PUT\/DELETE \u0432\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043f\u043e URI. \u0412 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0441 \u0442\u0438\u043f\u043e\u043c \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u044f\u0442\u0441\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u043f\u0438\u0441\u043a\u0430. 
  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0434\u0430\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0435, \u043c\u0435\u0442\u043e\u0434 PUT \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f. \u0412\u044b\u0434\u0430\u0447\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f GET \u043f\u043e id \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u0436\u0435 \u043d\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043e. 
  \u0414\u0430\u043b\u0435\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 \u0432 \u0432\u044b\u0445\u043e\u0434\u043d\u043e\u0439 \u043f\u043e\u0442\u043e\u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u0421 \u044d\u0442\u043e\u0439 \u0446\u0435\u043b\u044c\u044e \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447\u0438 CTodo \u0438 \u0441\u043f\u0438\u0441\u043a\u0430 \u0437\u0430\u0434\u0430\u0447 CTodoList \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 <<.<\/p>\n
TodoServerApp.cpp<\/b><\/p>\n
\n
#include <iostream> #include <string>  #include "TodoServerApp.h"  Mutex TodoServerApp::todoLock; CTodoList TodoServerApp::todoList;  ostream& operator<<(ostream& os, CTodo& todo) {     os << "{ \\"_id\\": "<< todo.getId() <<  ", \\"text\\": \\"" << todo.getText() << "\\" }";     return os; }  ostream& operator<<(ostream& os, CTodoList& todoList) {     map<size_t, CTodo> todos = todoList.readList();      os << "[";     if(!todos.empty())     {         if(todos.size() == 1)             os << todos.begin()->second;         else             for ( map<size_t, CTodo>::iterator it = todos.begin();;)             {                 os << it->second ;                 if(++it != todos.end())                     os << ',';                 else                     break;             }      }     os << "]\\n";      return os; }  class CTodoHandler : public HTTPRequestHandler { public:     void handleRequest(HTTPServerRequest &req, HTTPServerResponse &resp)     {         URI uri(req.getURI());         string method = req.getMethod();          cerr << "URI: " << uri.toString() << endl;         cerr << "Method: " << req.getMethod() << endl;          StringTokenizer tokenizer(uri.getPath(), "\/", StringTokenizer::TOK_TRIM);         HTMLForm form(req,req.stream());          if(!method.compare("POST"))         {             cerr << "Create:" << form.get("text") << endl;             CTodo todo(form.get("text"));             TodoServerApp::createTodo(todo);         }         else if(!method.compare("PUT"))         {             cerr << "Update id:" << *(--tokenizer.end()) << endl;             cerr << "Update text:" << form.get("text") << endl;             \/\/size_t id=stoull(*(--tokenizer.end()));             \/\/TodoServerApp::updateTodo(id, form.get("text"));         }         else if(!method.compare("DELETE"))         {             cerr << "Delete id:" << *(--tokenizer.end()) << endl;             size_t id=stoull(*(--tokenizer.end()));             TodoServerApp::deleteTodo(id);         }          resp.setStatus(HTTPResponse::HTTP_OK);         resp.setContentType("application\/json");         ostream& out = resp.send();          cerr << TodoServerApp::readTodoList() << endl;         out << TodoServerApp::readTodoList() << endl;          out.flush();     } };  #include <iostream>     \/\/ std::cout #include <fstream>      \/\/ std::ifstream #include <map>          \/\/ std::ifstream  class CFileHandler : public HTTPRequestHandler {     typedef std::map<const std::string, const std::string> TStrStrMap;     TStrStrMap CONTENT_TYPE = { #include "MimeTypes.h"     };      string getPath(string& path){          if(path == "\/"){             path="\/index.html";         }          path.insert(0, ".\/www");          return path;     }      string getContentType(string& path){          string contentType("text\/plain");         Poco::Path p(path);          TStrStrMap::const_iterator i=CONTENT_TYPE.find(p.getExtension());          if (i != CONTENT_TYPE.end())         { \/* Found, i->first is f, i->second is ++-- *\/            contentType = i->second;         }          if(contentType.find("text\/") != std::string::npos)         {             contentType+="; charset=utf-8";         }          cerr << path << " : " << contentType << endl;          return contentType;     }  public:      void handleRequest(HTTPServerRequest &req, HTTPServerResponse &resp)     {         cerr << "Get static page: ";         \/\/system("echo -n '1. Current Directory is '; pwd");          URI uri(req.getURI());         string path(uri.getPath());          ifstream ifs (getPath(path).c_str(), ifstream::in);          if(ifs)         {             resp.setStatus(HTTPResponse::HTTP_OK);             resp.setContentType(getContentType(path));             ostream& out = resp.send();              char c = ifs.get();              while (ifs.good()) {                 out << c;                 c = ifs.get();             }              out.flush();         }         else         {             resp.setStatus(HTTPResponse::HTTP_NOT_FOUND);             ostream& out = resp.send();              out << "File not found" << endl;              out.flush();         }          ifs.close();     } };  class TodoRequestHandlerFactory : public HTTPRequestHandlerFactory { public:     virtual HTTPRequestHandler* createRequestHandler(const HTTPServerRequest & request)     {         if (!request.getURI().find("\/api\/"))             return new CTodoHandler;         else             return new CFileHandler;     } };  void TodoServerApp::createTodo(CTodo& todo) {     ScopedLock<Mutex> lock(todoLock);     todoList.create(todo); }  CTodoList& TodoServerApp::readTodoList() {     ScopedLock<Mutex> lock(todoLock);     return todoList; }  void TodoServerApp::deleteTodo(size_t id) {     ScopedLock<Mutex> lock(todoLock);     todoList.del(id); }  int TodoServerApp::main(const vector<string> &) {     HTTPServerParams* pParams = new HTTPServerParams;      pParams->setMaxQueued(100);     pParams->setMaxThreads(16);      HTTPServer s(new TodoRequestHandlerFactory, ServerSocket(8000), pParams);      s.start();     cerr << "Server started" << endl;      waitForTerminationRequest();  \/\/ wait for CTRL-C or kill      cerr << "Shutting down..." << endl;     s.stop();      return Application::EXIT_OK; } <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0442\u0438\u043f\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0441\u0435\u0440\u0432\u0438\u0441 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0437\u0430\u0434\u0430\u0447 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 JSON<\/a>.<\/p>\n
Response.json<\/b><\/p>\n
\n
[     {         "_id": 1,         "text": "First"      },     {         "_id": 2,         "text": "Second"     } ] <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0438\u0437 .\/www\/ \u0432 \u0434\u0438\u0440\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.
  \u0414\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f AngularJs<\/a>. \u041a\u043e\u0434 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u0437\u044f\u0442 \u0438\u0437 \u0441\u0442\u0430\u0442\u044c\u0438 scotch.io\/tutorials\/creating-a-single-page-todo-app-with-node-and-angular<\/a>
  \u0412\u0438\u0434 \u0432 index.html \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0441\u043e \u0441\u0447\u0435\u0442\u0447\u0438\u043a\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0439, \u0441\u043f\u0438\u0441\u043a\u0430 \u0437\u0430\u0434\u0430\u043d\u0438\u0439 \u0438 \u0444\u043e\u0440\u043c\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u044f.
  \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 js\/app.js \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 GET \u0434\u043b\u044f \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u0440\u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0414\u0430\u043b\u0435\u0435 \u2014 POST \u043f\u0440\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0438\u0437 \u0444\u043e\u0440\u043c\u044b, \u043b\u0438\u0431\u043e DELETE \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0447\u0435\u043a\u0431\u043e\u043a\u0441 \u0437\u0430\u0434\u0430\u043d\u0438\u044f.<\/p>\n
index.html<\/b><\/p>\n
\n
<!-- index.html --> <!doctype html>  <!-- ASSIGN OUR ANGULAR MODULE --> <html ng-app="pocoTodo"> <head>     <!-- META -->     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->      <title>POCO\/Angular Todo App<\/title>      <!-- SCROLLS -->     <link rel="stylesheet" href="\/\/netdna.bootstrapcdn.com\/bootstrap\/3.0.0\/css\/bootstrap.min.css"><!-- load bootstrap -->     <style>         html                    { overflow-y:scroll; }         body                    { padding-top:50px; }         #todo-list              { margin-bottom:30px; }     <\/style>      <!-- SPELLS -->     <script src="\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.0.3\/jquery.min.js"><\/script><!-- load jquery -->     <script src="\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.0.8\/angular.min.js"><\/script><!-- load angular -->     <script src="js\/app.js"><\/script>  <\/head> <!-- SET THE CONTROLLER AND GET ALL TODOS --> <body ng-controller="mainController">     <div class="container">          <!-- HEADER AND TODO COUNT -->         <div class="jumbotron text-center">             <h2>POCO\/Angular Todo App <span class="label label-info">{{ todos.length }}<\/span><\/h2>         <\/div>          <!-- TODO LIST -->         <div id="todo-list" class="row">             <div class="col-sm-4 col-sm-offset-4">                  <!-- LOOP OVER THE TODOS IN $scope.todos -->                 <div class="checkbox" ng-repeat="todo in todos">                     <label>                         <input type="checkbox" ng-click="deleteTodo(todo._id)"> {{ todo.text }}                     <\/label>                 <\/div>              <\/div>         <\/div>          <!-- FORM TO CREATE TODOS -->         <div id="todo-form" class="row">             <div class="col-sm-8 col-sm-offset-2 text-center">                 <form>                     <div class="form-group">                          <!-- BIND THIS VALUE TO formData.text IN ANGULAR -->                         <input type="text" class="form-control input-lg text-center" placeholder="I want to buy a puppy that will love me forever" ng-model="formData.text">                     <\/div>                      <!-- createToDo() WILL CREATE NEW TODOS -->                     <button type="submit" class="btn btn-primary btn-lg" ng-click="createTodo()">Add<\/button>                 <\/form>             <\/div>         <\/div>      <\/div>  <\/body> <\/html> <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  <\/p>\n
js\/app.js<\/b><\/p>\n
\n
\/\/ js\/app.js var pocoTodo = angular.module('pocoTodo', []);  function mainController($scope, $http) {     $scope.formData = {};     $http.defaults.headers.post["Content-Type"] = "application\/x-www-form-urlencoded";      \/\/ when landing on the page, get all todos and show them     $http.get('\/api\/todos')         .success(function(data) {             $scope.todos = data;             console.log(data);         })         .error(function(data) {             console.log('Error: ' + data);         });      \/\/ when submitting the add form, send the text to the node API     $scope.createTodo = function() {         $http.post('\/api\/todos', $.param($scope.formData)) \/\/ $scope.formData)             .success(function(data) {                 $scope.formData = {}; \/\/ clear the form so our user is ready to enter another                 $scope.todos = data;                 console.log(data);             })             .error(function(data) {                 console.log('Error: ' + data);             });     };      \/\/ delete a todo after checking it     $scope.deleteTodo = function(id) {         $http.delete('\/api\/todos\/' + id)             .success(function(data) {                 $scope.todos = data;                 console.log(data);             })             .error(function(data) {                 console.log('Error: ' + data);             });     };  } <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u0420\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: github.com\/spot62\/PocoAngularTodo<\/a>      \t<\/p>\n
<\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/252519\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
     \tPOCO<\/a> \u2014 \u043a\u0440\u043e\u0441\u0441\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435\u043d\u043d\u0430\u044f open-source \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043d\u0430 \u0421++ \u043f\u043e\u0434 Boost Software License: ru.wikipedia.org\/wiki\/POCO<\/a>.
  POCO<\/a> \u0438\u043c\u0435\u0435\u0442 \u0432 \u0441\u0432\u043e\u0435\u043c \u0441\u043e\u0441\u0442\u0430\u0432\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 c RESTful API<\/a>.
  \u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 TODO.
    <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-252685","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/252685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=252685"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/252685\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=252685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=252685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=252685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}