👠 ⛸️ 🤽🏿 C ++ (CppCMS) में वेबसाइट। भाग 1 🎓 👥 🧑🏿

हैलो प्रिय% उपयोगकर्ता नाम%।
आज मैं आपके साथ CppCMS पर एक वेब साइट (C ++ में एक अस्थायी पुस्तकालय) बनाने के अपने व्यक्तिगत अनुभव को साझा करना चाहूंगा। आप इसे "नौसिखिया CppCMS प्रोग्रामर की मदद करना" कह सकते हैं।

C ++ में साइट क्यों लिखें

इस तरह के निर्णय के लिए और इसके खिलाफ तर्क बहुत ही विविध हो सकते हैं और इसलिए, "भाषा स्कूलों" के युद्ध को भड़काने के लिए नहीं, मैं कारों के साथ एक समानता आकर्षित करूंगा: "मैंने इसे खरीदा। मुझे यह पसंद है। मैं जाता हूं। मैं बेचना नहीं चाहता! "
अतिरिक्त तर्कों में से, यह होगा कि यह भाषा मेरे कार्यस्थल के लिए प्रोफ़ाइल है।

कुछ लिखते हैं

हालांकि इससे पहले

साइट लिखने से पहले, आपको पहले इसे (CppCMS) एक वर्किंग मशीन पर इंस्टॉल करना होगा। पुस्तकालय में सबसे अधिक आवश्यकता होती है Boost c ++, pcre, crypt, python, icu को इसके काम के लिए और, क्रॉस-प्लेटफॉर्म होने के बावजूद, यह * nix सिस्टम के तहत स्थापित करने के लिए बहुत अच्छा है।
निर्माण खुद ही कम हो गया है:

mkdir build cd build cmake .. make make install

समस्याएं पैदा नहीं होनी चाहिए, सब कुछ स्वचालित मोड में बनाया गया है, और मैं कभी परेशान नहीं हुआ।

आगे देखते हुए, मैं यह कहना चाहूंगा कि एक आरामदायक काम के लिए यह वांछनीय है कि विकास वातावरण कस्टम निर्माण चरणों को पूरा करने में सक्षम है, साथ ही साथ एक सुविधाजनक रूप से संपादित "पार्सर" है, मैं QtCreator का उपयोग करता हूं।
उपरोक्त वातावरण के संबंध में मैं आगे के सभी चरणों का वर्णन करूंगा, क्योंकि कमांड लाइन का उपयोग करके निर्माण को पुस्तकालय की साइट पर अच्छी तरह से माना जाता है। मैं यह भी नोट करना चाहता हूं कि कुछ विधानसभा कार्रवाइयाँ बैश स्क्रिप्ट द्वारा स्वचालित की जाएंगी (हालांकि विधानसभा चरण में "उपयोगकर्ता चरण" निर्धारित करना पर्याप्त होगा)

काम शुरू करने से पहले, QtCreator के लिए सिंटैक्स हाइलाइटिंग जोड़ने की सलाह दी जाती है ताकि यह विशेष * .tmpl फ़ाइलों को पहचानता है जो टेम्पलेट के रूप में उपयोग किए जाते हैं। यह tmpl.xml फ़ाइल (थोड़ा संशोधित HTML हाइलाइटिंग) qtcreator / जेनेरिक-हाइलाइटर / tmpl.xml कॉन्फ़िगरेशन फ़ोल्डर में होनी चाहिए:

फाइल का पूरा पाठ

 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE language SYSTEM "language.dtd" [ <!ENTITY name "[A-Za-z_:][\w.:_-]*"> <!ENTITY entref "&(#[0-9]+|#[xX][0-9A-Fa-f]+|&name;);"> ]> <language name="TMPL" version="1" kateversion="2.4" section="Markup" extensions="*.tmpl" mimetype="text/tmpl" author="Wilbert Berendsen ( original HTML author)(wilbert@kde.nl)" license="LGPL" priority="10"> <highlighting> <contexts> <context name="Start" attribute="Normal Text" lineEndContext="#stay"> <IncludeRules context="FindHTML" /> </context> <context name="FindHTML" attribute="Normal Text" lineEndContext="#stay"> <DetectSpaces/> <DetectIdentifier/> <StringDetect attribute="Comment" context="Comment" String="<!--" beginRegion="comment" /> <StringDetect attribute="Commenttmpl" context="Commenttmpl" String="<%" beginRegion="commenttmpl" /> <StringDetect attribute="CDATA" context="CDATA" String="<![CDATA[" beginRegion="cdata" /> <RegExpr attribute="Doctype" context="Doctype" String="<!DOCTYPE\s+" beginRegion="doctype" /> <RegExpr attribute="Processing Instruction" context="PI" String="<\?[\w:-]*" beginRegion="pi" /> <RegExpr attribute="Element" context="CSS" String="<style\b" insensitive="TRUE" beginRegion="style" /> <RegExpr attribute="Element" context="JS" String="<script\b" insensitive="TRUE" beginRegion="script" /> <RegExpr attribute="Element" context="El Open" String="<pre\b" insensitive="TRUE" beginRegion="pre" /> <RegExpr attribute="Element" context="El Open" String="<div\b" insensitive="TRUE" beginRegion="div" /> <RegExpr attribute="Element" context="El Open" String="<table\b" insensitive="TRUE" beginRegion="table" /> <RegExpr attribute="Element" context="El Open" String="<ul\b" insensitive="TRUE" beginRegion="ul" /> <RegExpr attribute="Element" context="El Open" String="<ol\b" insensitive="TRUE" beginRegion="ol" /> <RegExpr attribute="Element" context="El Open" String="<dl\b" insensitive="TRUE" beginRegion="dl" /> <RegExpr attribute="Element" context="El Open" String="<&name;" /> <RegExpr attribute="Element" context="El Close" String="</pre\b" insensitive="TRUE" endRegion="pre" /> <RegExpr attribute="Element" context="El Close" String="</div\b" insensitive="TRUE" endRegion="div" /> <RegExpr attribute="Element" context="El Close" String="</table\b" insensitive="TRUE" endRegion="table" /> <RegExpr attribute="Element" context="El Close" String="</ul\b" insensitive="TRUE" endRegion="ul" /> <RegExpr attribute="Element" context="El Close" String="</ol\b" insensitive="TRUE" endRegion="ol" /> <RegExpr attribute="Element" context="El Close" String="</dl\b" insensitive="TRUE" endRegion="dl" /> <RegExpr attribute="Element" context="El Close" String="</&name;" /> <!-- as long as kde gives DTDs the text/html mimetype--><IncludeRules context="FindDTDRules" /> <IncludeRules context="FindEntityRefs" /> </context> <context name="FindEntityRefs" attribute="Other Text" lineEndContext="#stay"> <StringDetect attribute="Commenttmpl" context="Commenttmpl" String="<%" beginRegion="commenttmpl" /> <RegExpr attribute="EntityRef" context="#stay" String="&entref;" /> <AnyChar attribute="Error" context="#stay" String="&<" /> </context> <context name="FindPEntityRefs" attribute="Other Text" lineEndContext="#stay"> <RegExpr attribute="EntityRef" context="#stay" String="&entref;" /> <RegExpr attribute="PEntityRef" context="#stay" String="%&name;;" /> <AnyChar attribute="Error" context="#stay" String="&%" /> </context> <context name="FindAttributes" attribute="Other Text" lineEndContext="#stay"> <RegExpr attribute="Attribute" context="#stay" String="&name;" column="0"/> <RegExpr attribute="Attribute" context="#stay" String="\s+&name;" /> <DetectChar attribute="Attribute" context="Value" char="=" /> </context> <context name="FindDTDRules" attribute="Other Text" lineEndContext="#stay"> <RegExpr attribute="Doctype" context="Doctype Markupdecl" String="<!(ELEMENT|ENTITY|ATTLIST|NOTATION)\b" /> </context> <context name="Comment" attribute="Comment" lineEndContext="#stay"> <DetectSpaces/> <IncludeRules context="##Alerts" /> <DetectIdentifier/> <StringDetect attribute="Comment" context="#pop" String="-->" endRegion="comment" /> <RegExpr attribute="Error" context="#stay" String="-(-(?!->))+" /> </context> <context name="Commenttmpl" attribute="Commenttmpl" lineEndContext="#stay"> <DetectSpaces/> <DetectIdentifier/> <StringDetect attribute="Commenttmpl" context="#pop" String="%>" endRegion="commenttmpl" /> </context> <context name="CDATA" attribute="Other Text" lineEndContext="#stay"> <DetectSpaces/> <DetectIdentifier/> <StringDetect attribute="CDATA" context="#pop" String="]]>" endRegion="cdata" /> <StringDetect attribute="EntityRef" context="#stay" String="]]&gt;" /> </context> <context name="PI" attribute="Other Text" lineEndContext="#stay"> <Detect2Chars attribute="Processing Instruction" context="#pop" char="?" char1=">" endRegion="pi" /> </context> <context name="Doctype" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Doctype" context="#pop" char=">" endRegion="doctype" /> <DetectChar attribute="Doctype" context="Doctype Internal Subset" char="[" beginRegion="int_subset" /> </context> <context name="Doctype Internal Subset" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Doctype" context="#pop" char="]" endRegion="int_subset" /> <IncludeRules context="FindDTDRules" /> <StringDetect attribute="Comment" context="Comment" String="<!--" beginRegion="comment" /> <RegExpr attribute="Processing Instruction" context="PI" String="<\?[\w:-]*" beginRegion="pi" /> <IncludeRules context="FindPEntityRefs" /> </context> <context name="Doctype Markupdecl" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Doctype" context="#pop" char=">" /> <DetectChar attribute="Value" context="Doctype Markupdecl DQ" char=""" /> <DetectChar attribute="Value" context="Doctype Markupdecl SQ" char="'" /> </context> <context name="Doctype Markupdecl DQ" attribute="Value" lineEndContext="#stay"> <DetectChar attribute="Value" context="#pop" char=""" /> <IncludeRules context="FindPEntityRefs" /> </context> <context name="Doctype Markupdecl SQ" attribute="Value" lineEndContext="#stay"> <DetectChar attribute="Value" context="#pop" char="'" /> <IncludeRules context="FindPEntityRefs" /> </context> <context name="El Open" attribute="Other Text" lineEndContext="#stay"> <Detect2Chars attribute="Element" context="#pop" char="/" char1=">" /> <DetectChar attribute="Element" context="#pop" char=">" /> <IncludeRules context="FindAttributes" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="El Close" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Element" context="#pop" char=">" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="El Close 2" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Element" context="#pop#pop#pop" char=">" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="El Close 3" attribute="Other Text" lineEndContext="#stay"> <DetectChar attribute="Element" context="#pop#pop#pop#pop" char=">" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="CSS" attribute="Other Text" lineEndContext="#stay"> <Detect2Chars attribute="Element" context="#pop" char="/" char1=">" endRegion="style" /> <DetectChar attribute="Element" context="CSS content" char=">" /> <IncludeRules context="FindAttributes" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="CSS content" attribute="Other Text" lineEndContext="#stay"> <RegExpr attribute="Element" context="El Close 2" String="</style\b" insensitive="TRUE" endRegion="style" /> <IncludeRules context="##CSS" includeAttrib="true"/> </context> <context name="JS" attribute="Other Text" lineEndContext="#stay"> <Detect2Chars attribute="Element" context="#pop" char="/" char1=">" endRegion="script" /> <DetectChar attribute="Element" context="JS content" char=">" /> <IncludeRules context="FindAttributes" /> <RegExpr attribute="Error" context="#stay" String="\S" /> </context> <context name="JS content" attribute="Other Text" lineEndContext="#stay"> <RegExpr attribute="Element" context="El Close 2" String="</script\b" insensitive="TRUE" endRegion="script" /> <RegExpr attribute="Comment" context="JS comment close" String="//(?=.*</script\b)" insensitive="TRUE" /> <IncludeRules context="##JavaScript" includeAttrib="true"/> </context> <context name="JS comment close" attribute="Comment" lineEndContext="#pop"> <RegExpr attribute="Element" context="El Close 3" String="</script\b" insensitive="TRUE" endRegion="script" /> <IncludeRules context="##Alerts" /> </context> <context name="Value" attribute="Other Text" lineEndContext="#stay" fallthrough="true" fallthroughContext="Value NQ"> <DetectChar attribute="Value" context="Value DQ" char=""" /> <DetectChar attribute="Value" context="Value SQ" char="'" /> <DetectSpaces /> </context> <context name="Value NQ" attribute="Other Text" lineEndContext="#pop#pop" fallthrough="true" fallthroughContext="#pop#pop"> <IncludeRules context="FindEntityRefs" /> <RegExpr attribute="Value" context="#stay" String="/(?!>)" /> <RegExpr attribute="Value" context="#stay" String="[^/><"'\s]" /> </context> <context name="Value DQ" attribute="Value" lineEndContext="#stay"> <DetectChar attribute="Value" context="#pop#pop" char=""" /> <IncludeRules context="FindEntityRefs" /> </context> <context name="Value SQ" attribute="Value" lineEndContext="#stay"> <DetectChar attribute="Value" context="#pop#pop" char="'" /> <IncludeRules context="FindEntityRefs" /> </context> </contexts> <itemDatas> <itemData name="Normal Text" defStyleNum="dsNormal" /> <itemData name="Other Text" defStyleNum="dsNormal" spellChecking="false" /> <itemData name="Comment" defStyleNum="dsComment" /> <itemData name="Commenttmpl" defStyleNum="dsComment" color="#66f" /> <itemData name="CDATA" defStyleNum="dsBaseN" bold="1" spellChecking="false" /> <itemData name="Processing Instruction" defStyleNum="dsKeyword" spellChecking="false" /> <itemData name="Doctype" defStyleNum="dsDataType" bold="1" spellChecking="false" /> <itemData name="Element" defStyleNum="dsKeyword" spellChecking="false" /> <itemData name="Attribute" defStyleNum="dsOthers" spellChecking="false" /> <itemData name="Value" defStyleNum="dsString" color="#a00" spellChecking="false" /> <itemData name="EntityRef" defStyleNum="dsDecVal" spellChecking="false" /> <itemData name="PEntityRef" defStyleNum="dsDecVal" spellChecking="false" /> <itemData name="Error" defStyleNum="dsError" spellChecking="false" /> </itemDatas> </highlighting> <general> <comments> <comment name="multiLine" start="<!--" end="-->" /> </comments> </general> </language>

अब शुरू करते हैं

निर्माण के आधार पर, आपको जोड़ना चाहिए:

 LIBS += -L/usr/local/lib/ -lbooster -lcppcms INCLUDEPATH += /usr/local/include DEPENDPATH += /usr/local/include

Main.cpp फ़ाइल बनाएँ और इसे निम्नलिखित सामग्रियों से भरें:

 #include <cppcms/applications_pool.h> #include <cppcms/url_dispatcher.h> #include <cppcms/http_response.h> #include <cppcms/application.h> #include <cppcms/url_mapper.h> #include <cppcms/service.h> //------------------------------------------------------------------------------------- // Dsc:    ,      //       //------------------------------------------------------------------------------------- class WebSite : public cppcms::application{ public: //------------------------------------------------------------------------------------- // Dsc: ,        //------------------------------------------------------------------------------------- WebSite(cppcms::service &s) : cppcms::application(s) {} //------------------------------------------------------------------------------------- // Dsc:     ,       // (    ) //------------------------------------------------------------------------------------- virtual void main(std::string path) { response().out() << "Hello!"; } }; //------------------------------------------------------------------------------------- //------------------------------------------------------------------------------------- int main(int argc,char **argv) { try { //   cppcms::service srv(argc,argv); //   srv.applications_pool().mount(cppcms::applications_factory<WebSite>()); //  srv.run(); } catch(std::exception const &e) { std::cerr << "Failed: " << e.what() << std::endl; std::cerr << booster::trace(e) << std::endl; return 1; } return 0; }

यदि आपने पहले ही इसे चलाने की कोशिश की है, तो सबसे अधिक संभावना है कि कुछ भी नहीं हुआ है, क्योंकि पूर्ण काम के लिए सर्वर के लिए पर्याप्त कॉन्फ़िगरेशन फ़ाइल नहीं है, इसका स्थान स्टार्टअप पर बाइनरी को पास करना होगा
WebApp.bin -c config.json
कॉन्फ़िगरेशन निम्नानुसार हो सकता है:

 { "WebSite" : { "root" : "", "host" : "localhost:8080", "locdomain" : "localhost", }, "service" : { "ip" : "0.0.0.0", "api" : "http", "port" : 8080 }, "http" : { "script" : "/mb.fcgi" , "rewrite" : [ { "regex" : ".*" , "pattern" : "/mb.fcgi$0" } ], } }

इतना काफी होना चाहिए।
यह "प्रोग्रामिंग वातावरण विन्यास" में स्टार्टअप पैरामीटर को पंजीकृत करने के लिए एक अच्छा विकल्प है
इसलिए, जोड़ें और चलाएँ और खोलें।

प्रभावशाली? नहीं?
यह सच है, क्योंकि इस उदाहरण के लिए हमने टेम्पलेट इंजन का उपयोग नहीं किया है, लेकिन खुद को एक भोज लाइन आउटपुट तक सीमित किया है। हालांकि, उदाहरण हमें यह सुनिश्चित करने की अनुमति देता है कि सब कुछ काम करता है।

पैटर्न का उपयोग करना

चलो पहले टेम्पलेट को एक * .cpp फ़ाइल में लाइब्रेरी टेम्पलेट इंजन द्वारा "चालू" किया जाएगा।
इसलिए, सबसे पहले, डायनामिक डेटा (टेम्पलेट डेटा) की संरचना वाली हेडर फ़ाइल जोड़ें। डिफ़ॉल्ट रूप से, उन्हें प्रोजेक्ट के अंदर डेटा फ़ोल्डर में रखा जाएगा।
data / tmpl_master.h

 #ifndef TMPL_MASTER_H #define TMPL_MASTER_H #include <cppcms/view.h> namespace Data { //------------------------------------------------------------------------------------- // Dsc:      //------------------------------------------------------------------------------------- struct infoPage { std::string title; //   std::string description; //   std::string keywords; //    std::map<std::string,std::string> menuList; //     (url,desc) //------------------------------------------------------------------------------------- // Dsc: ,   //------------------------------------------------------------------------------------- infoPage() : title (""), description(""), keywords (""), menuList ( ) {} //------------------------------------------------------------------------------------- // Dsc: ,    //------------------------------------------------------------------------------------- ~infoPage(){} }; //------------------------------------------------------------------------------------- // Dsc:        //------------------------------------------------------------------------------------- struct Master :public cppcms::base_content { infoPage page; //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- Master() : page() {} //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- ~Master(){} }; } #endif

इस फ़ाइल की सामग्री आमतौर पर किसी भी स्मार्ट कोड द्वारा प्रतिष्ठित नहीं होती है, और वास्तव में वे टेम्पलेट्स में उपयोग किए जाने वाले चर का वर्णन करने के लिए सिर्फ कंटेनर होते हैं।

चलिए खुद ही टेम्प्लेट लिखना शुरू करते हैं, टेम्प्लेट फ़ोल्डर बनाते हैं, उसमें मास्टर.मप्ल फ़ाइल, निम्न सामग्री के साथ:

 <% c++ #include "data/tmpl_master.h" %> <% skin defskin %> <% view Master uses Data::Master %> <% template page_main() %>MAIN TEMPLATE<% end %> <% template page_footer() %>  <% end %> <% template page_left_sidebar() %> <% end %> <% template render() %> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><%= page.title %></title> <meta name="keywords" content="<%= page.keywords %>" /> <meta name="description" content="<%= page.description %>" /> <link href="/media/css/style.css" rel="stylesheet"> </head> <body> <div class="wrapper"> <header class="header"> <div class="nav" > <% foreach menuItem in page.menuList %> <ul> <% item %> <li><a href="<%= menuItem.first %>"><%= menuItem.second %></a></li> <% end %> </ul> <% end %> </div> </header> <div class="middle"> <div class="container"> <main class="content"><% include page_main() %></main> </div> <aside class="left-sidebar"> <div> <% include page_left_sidebar() %> </div> </aside> </div> </div> <footer class="footer"><% include page_footer() %></footer> </body> </html> <% end template %> <% end view %> <% end skin %>

यहाँ क्या लिखा है?
बहुत पहली पंक्ति में <% c++ #include "data/tmpl_master.h" %> हम हेडर फ़ाइल लिखते हैं जिसमें हमारी डेटा संरचनाएं घोषित की जाएंगी।
लाइन <% skin defskin %> वर्तमान त्वचा के नाम को परिभाषित करता है, अर्थात, आपके पास साइट पृष्ठों के लिए अलग-अलग डिस्प्ले हो सकते हैं।
लाइन <% view Master uses Data::Master %> वर्तमान टेम्पलेट का नाम "मास्टर" के रूप में परिभाषित करता है (बाद में हम इसे पृष्ठ भरने के तंत्र के लिए निर्दिष्ट करेंगे), और रैपर क्लास के अंदर डेटा :: मास्टर संरचना भी बनाते हैं। C ++ में कौन सा अनुवाद “डेटा :: मास्टर संदर्भ” की तरह दिखेगा (यदि आप विवरण में रुचि रखते हैं, तो आप हमेशा उत्पन्न फ़ाइल देख सकते हैं)
लाइन्स

<% template page_main() %>MAIN TEMPLATE<% end %>
<% template page_footer() %> <% end %>
<% template page_left_sidebar() %> <% end %>

<% template page_main() %>MAIN TEMPLATE<% end %>
<% template page_footer() %> <% end %>
<% template page_left_sidebar() %> <% end %>

डिफ़ॉल्ट मान निर्धारित करें जो उपयोगकर्ता को दिखाए जाएंगे यदि हम उन्हें फिर से परिभाषित नहीं करते हैं (अर्थात।

 virtual const char* page_main(){ return "MAIN TEMPLATE"; }

, इसलिए शायद अधिक समझ में आता है। )।
चलो इकट्ठा करने की कोशिश करते हैं। यह स्पष्ट है कि C ++ कंपाइलर tmpl फ़ाइल को निगलेगा नहीं। इसलिए, उपयोगिता को बचाव के लिए आना चाहिए, पुस्तकालय के साथ एक साथ इकट्ठा होना चाहिए, जो टेम्पलेट को वांछित स्थिति में ले जाएगा।
ऐसा करने के लिए, प्रोजेक्ट के अंदर फ़ाइल "make_templates.sh" बनाएं, जिसमें हमें उन ऑपरेशनों की आवश्यकता होगी जो (इस फ़ाइल को आसानी से या तो इस उपयोगिता को मैन्युअल रूप से कॉल करके या आपके पर्यावरण के "निष्पादन योग्य भाग" में दर्ज करके प्रतिस्थापित किया जा सकता है:

 #!/bin/bash INPUT="" OUTPUT="" while getopts ":i:o:" opt; do case $opt in i) INPUT=$OPTARG ;; o) OUTPUT=$OPTARG ;; \?) echo "Invalid option: -$OPTARG" >&2 exit 1 ;; :) echo "Option -$OPTARG requires an argument." >&2 exit 1 ;; esac done #       cp $INPUT/config.json $OUTPUT #     TEMPLATES="$INPUT/templates/master.tmpl" #    - cppcms_tmpl_cc $TEMPLATES -o $INPUT/all_tmpl.cpp #     g++ -shared -fPIC $INPUT/all_tmpl.cpp -o $OUTPUT/libcpp_defskin.so -lcppcms -lbooster

अब QtCreator प्रोजेक्ट की सेटिंग में आपको "कस्टम स्टेप" जोड़ना होगा
आदेश: "./make_templates.sh"
कार्य निर्देशिका: "% {sourceDir}"
कमांड तर्क: "-i% {sourceDir} -o% {buildDir}"
फ़ाइल को "निष्पादन योग्य" जोड़ना न भूलें।

यदि असेंबली सफल रही, तो libcpp_defskin.so लाइब्रेरी अन्य चीजों के साथ बिल्ड डायरेक्टरी में दिखाई देगी।
यह ध्यान रखना महत्वपूर्ण है कि आप एक पुस्तकालय को सांख्यिकीय या गतिशील रूप से बना सकते हैं। मैंने दूसरी विधि की है, मैं आपको सबसे पहले सलाह देता हूं कि पहले एक का उपयोग न करें, क्योंकि आपको टीएमपीएल फ़ाइलों को अक्सर बदलना पड़ता है, और इस वजह से पूरे प्रोजेक्ट को फिर से स्थापित करना एक बहुत ही धन्यवाद का काम है।

इसके अलावा, ताकि टेम्प्लेट परियोजना से बंधे हों - आपको config.json फ़ाइल को जोड़ना होगा

 { "WebSite" : { "root" : "", "host" : "localhost:8080", "locdomain" : "localhost", }, "service" : { "ip" : "0.0.0.0", "api" : "http", "port" : 8080 }, "http" : { "script" : "/mb.fcgi" , "rewrite" : [ { "regex" : "/media(/.+)", "pattern" : "$1" }, { "regex" : ".*" , "pattern" : "/mb.fcgi$0" } ], }, "views" : { "default_skin" : "defskin" , "paths" : [ "./" ], "skins" : [ "cpp_defskin" ], }, }

और main.cpp में उचित परिवर्तन करें:

 #include "data/tmpl_master.h" ... WebSite::main(std::string path) { Data::Master tmpl; tmpl.page.title = path; tmpl.page.description = "description"; tmpl.page.keywords = "keywords"; tmpl.page.menuList.insert(std::pair<std::string,std::string>("/","MAIN")); tmpl.page.menuList.insert(std::pair<std::string,std::string>("/else","ELSE")); render("Master",tmpl); }

अब जब आप प्रोजेक्ट शुरू करते हैं, तो हमें टेम्पलेट का आउटपुट देखना चाहिए। लेकिन रुको, मैं पूरी तरह से सीएसएस और छवियों के बारे में भूल गया, अब मैं इसे ठीक कर दूंगा।
Config.json में एक और आइटम जोड़ें

  "file_server" : { "enable" : true, "listing" : true, "document_root" : "./media" },

यहां हमें निश्चित रूप से स्पष्ट करने की आवश्यकता है कि इस खंड के साथ हम बाइनरी को फ़ाइल सिस्टम को देखने की अनुमति देते हैं। और जिस नियम से वह ऐसा करता है वह अनुभाग http { "regex" : "/media(/.+)", "pattern" : "$1" }, में वर्णित है
यह है, / मीडिया / के साथ शुरू होने वाले किसी भी अनुरोध को "फ़ाइल सर्वर" पर पुनर्निर्देशित किया जाना चाहिए।
प्रोजेक्ट फ़ोल्डर में मीडिया फ़ोल्डर बनाएँ, और make_templates.sh में संबंधित आइटम भी जोड़ें:

 #       cp -R $INPUT/media $OUTPUT

मीडिया फ़ोल्डर के अंदर (प्रोजेक्ट सोर्स डायरेक्टरी में), css सबफ़ोल्डर बनाएँ, और इसमें style.css फ़ाइल

छिपा हुआ पाठ

 /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 12px/18px Arial, sans-serif; width: 100%; height: 100%; } .wrapper { width: 800px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Header -----------------------------------------------------------------------------*/ .header { height: 50px; background: #FFE680; } /* Middle -----------------------------------------------------------------------------*/ .middle { width: 100%; padding: 0 0 50px; position: relative; } .middle:after { display: table; clear: both; content: ''; } .container { width: 100%; float: left; overflow: hidden; } .content { padding: 0 270px 0 270px; } /* Left Sidebar -----------------------------------------------------------------------------*/ .left-sidebar { float: left; width: 250px; margin-left: -100%; position: relative; background: #B5E3FF; } /* Footer -----------------------------------------------------------------------------*/ .footer { width: 800px; margin: -50px auto 0; height: 50px; background: #BFF08E; position: relative; }

हम फिर से इकट्ठा करने की कोशिश करते हैं।
अब चूंकि साइट नौसिखिए मास्टर के पहले काम के समान है - आप सबसे महत्वपूर्ण बात पर जा सकते हैं।

टेम्प्लेट इनहेरिटेंस

टेम्पलेट वंशानुक्रम तंत्र अत्यंत सरल है। हम यह निर्धारित करते हैं कि हम किस टेम्पलेट से विरासत में प्राप्त करते हैं और सामग्री आउटपुट फ़ंक्शन के ओवरराइड को जोड़ते हैं।
डेटा फ़ोल्डर में फ़ाइल tmpl_news.h फ़ाइल बनाएँ

 #ifndef TMPL_NEWS_H #define TMPL_NEWS_H #include "tmpl_master.h" namespace Data { //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- struct News :public Master{ //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- std::string mainNews; //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- News() : Master() {} //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- ~News(){} }; } #endif // TMPL_NEWS_H

साथ ही news.tmpl फ़ाइल को टेम्प्लेट फ़ोल्डर में जोड़ें

 <% c++ #include "data/tmpl_news.h" %> <% skin defskin %> <% view News uses Data::News extends Master %> <% template page_main() %><%= mainNews %><% end %> <% end view %> <% end skin %>

बिल्ड स्क्रिप्ट में फ़ाइल में पथ जोड़ें (यह कुछ इस तरह दिखना चाहिए):

 TEMPLATES="$INPUT/templates/master.tmpl" TEMPLATES="$TEMPLATES $INPUT/templates/news.tmpl"

Main.cpp फ़ाइल को संशोधित करें

 #include <cppcms/applications_pool.h> #include <cppcms/url_dispatcher.h> #include <cppcms/http_response.h> #include <cppcms/application.h> #include <cppcms/url_mapper.h> #include <cppcms/service.h> #include "data/tmpl_master.h" #include "data/tmpl_news.h" //------------------------------------------------------------------------------------- // Dsc:    ,      //       //------------------------------------------------------------------------------------- class WebSite : public cppcms::application{ public: //------------------------------------------------------------------------------------- // Dsc: ,        //------------------------------------------------------------------------------------- WebSite(cppcms::service &s) : cppcms::application(s) { dispatcher().assign("/news(.*)",&WebSite::news,this,1); mapper().assign("news","/news"); dispatcher().assign("(/?)",&WebSite::master,this,1); mapper().assign("master","/"); } //------------------------------------------------------------------------------------- // Dsc:     ,       // (    ) //------------------------------------------------------------------------------------- virtual void main(std::string path) { cppcms::application::main(path); } //------------------------------------------------------------------------------------- // Dsc:    //------------------------------------------------------------------------------------- virtual void master(std::string path) { Data::Master tmpl; tmpl.page.title = path; tmpl.page.description = "description"; tmpl.page.keywords = "keywords"; tmpl.page.menuList.insert(std::pair<std::string,std::string>("/","MASTER")); tmpl.page.menuList.insert(std::pair<std::string,std::string>("/news","NEWS")); render("Master",tmpl); } //------------------------------------------------------------------------------------- // Dsc:   //------------------------------------------------------------------------------------- virtual void news(std::string path) { Data::News tmpl; tmpl.page.title = path; tmpl.page.description = "description"; tmpl.page.keywords = "keywords"; tmpl.page.menuList.insert(std::pair<std::string,std::string>("/","MASTER")); tmpl.page.menuList.insert(std::pair<std::string,std::string>("/news","NEWS")); tmpl.mainNews = "!       !"; render("News",tmpl); } }; //------------------------------------------------------------------------------------- //------------------------------------------------------------------------------------- int main(int argc,char **argv) { try { //   cppcms::service srv(argc,argv); //   srv.applications_pool().mount(cppcms::applications_factory<WebSite>()); //  srv.run(); } catch(std::exception const &e) { std::cerr << "Failed: " << e.what() << std::endl; std::cerr << booster::trace(e) << std::endl; return 1; } return 0; } }

फ़ाइल में मुख्य बदलाव कंस्ट्रक्टर में हुआ, जहां हमने संकेत दिया कि किस पेज के आउटपुट के लिए कौन सा फ़ंक्शन जिम्मेदार है।
अब ये पृष्ठ विभिन्न टेम्प्लेट प्रदर्शित करते हैं।
एक विशेष रूप से महत्वपूर्ण बिंदु वह क्रम है जिसमें फाइलों की सूची टेम्पलेट इंजन को प्रस्तुत की जाती है (माता-पिता के बाद वंशजों की फाइलों का पालन करना होगा, अन्यथा त्रुटियों को फेंक दिया जाएगा)।

इस पर, मेरा पहला भाग खत्म करने की योजना है।