Skip to content

Commit 8f0e248

Browse files
devgkdevgk
committed
Architeture Page Added
1 parent c9d74e8 commit 8f0e248

File tree

6 files changed

+273
-8
lines changed

6 files changed

+273
-8
lines changed

‎architecture.html

+266
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,266 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no, shrink-to-fit=no">
7+
8+
<!-- Primary Meta Tags -->
9+
<title>StagPHP Framework Architecture</title>
10+
<meta name="title" content="StagPHP Framework Architecture">
11+
<meta name="description" content="Below listed flow chart elaborates how StagPHP processes every single request. It starts from startup.php and after processing the request, it routes the processed and valid request to your application....">
12+
13+
<!-- Open Graph / Facebook -->
14+
<meta property="og:type" content="website">
15+
<meta property="og:url" content="https://stagphp.io/contribute.html">
16+
<meta property="og:title" content="StagPHP Framework Architecture">
17+
<meta property="og:description" content="Below listed flow chart elaborates how StagPHP processes every single request. It starts from startup.php and after processing the request, it routes the processed and valid request to your application....">
18+
<meta property="og:image" content="https://stagphp.io/assets/media/social.jpg">
19+
20+
<!-- Twitter -->
21+
<meta property="twitter:card" content="summary_large_image">
22+
<meta property="twitter:url" content="https://stagphp.io/contribute.html">
23+
<meta property="twitter:title" content="StagPHP Framework Architecture">
24+
<meta property="twitter:description" content="Below listed flow chart elaborates how StagPHP processes every single request. It starts from startup.php and after processing the request, it routes the processed and valid request to your application....">
25+
<meta property="twitter:image" content="https://stagphp.io/assets/media/social.jpg">
26+
27+
<script>
28+
if (top !== self) top.location.replace(self.location.href);
29+
</script>
30+
31+
<!-- Bootstrap Styles -->
32+
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
33+
34+
<!-- Theme Styles -->
35+
<link rel="stylesheet" href="/assets/css/theme.min.css">
36+
37+
<!-- Theme Color Styles -->
38+
<link rel="stylesheet" href="/assets/css/light.min.css">
39+
40+
<!-- Google Fonts -->
41+
<link rel="stylesheet" id="google-fonts" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,800%7COpen+Sans:300,400,500,600,700,800%7CMontserrat:400,700" type="text/css" media="none" onload="if(media!='all')media='all'" />
42+
<noscript>
43+
<link rel="stylesheet" id="google-fonts" href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,800%7COpen+Sans:300,400,500,600,700,800%7CMontserrat:400,700" type="text/css" media="all" />
44+
</noscript>
45+
46+
<!-- StagPHP Font Icons -->
47+
<link rel="stylesheet" id="stag-icons" href="/assets/stag-icons/style.css" type="text/css" media="none" onload="if(media!='all')media='all'" />
48+
<noscript>
49+
<link rel="stylesheet" id="stag-icons" href="/assets/stag-icons/style.css" type="text/css" media="all" />
50+
</noscript>
51+
52+
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/favicon/apple-touch-icon-57x57.png">
53+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/favicon/apple-touch-icon-114x114.png">
54+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/favicon/apple-touch-icon-72x72.png">
55+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/favicon/apple-touch-icon-144x144.png">
56+
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/assets/favicon/apple-touch-icon-60x60.png">
57+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/favicon/apple-touch-icon-120x120.png">
58+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/favicon/apple-touch-icon-76x76.png">
59+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/favicon/apple-touch-icon-152x152.png">
60+
61+
<link rel="icon" type="image/png" href="/assets/favicon/favicon-196x196.png" sizes="196x196" />
62+
<link rel="icon" type="image/png" href="/assets/favicon/favicon-96x96.png" sizes="96x96" />
63+
<link rel="icon" type="image/png" href="/assets/favicon/favicon-32x32.png" sizes="32x32" />
64+
<link rel="icon" type="image/png" href="/assets/favicon/favicon-16x16.png" sizes="16x16" />
65+
<link rel="icon" type="image/png" href="/assets/favicon/favicon-128.png" sizes="128x128" />
66+
67+
<meta name="application-name" content="StagPHP" />
68+
<meta name="msapplication-TileColor" content="#FFFFFF" />
69+
<meta name="msapplication-TileImage" content="/assets/favicon/mstile-144x144.png">
70+
<meta name="msapplication-square70x70logo" content="/assets/favicon/mstile-70x70.png">
71+
<meta name="msapplication-square150x150logo" content="/assets/favicon/mstile-150x150.png">
72+
<meta name="msapplication-wide310x150logo" content="/assets/favicon/mstile-310x150.png">
73+
<meta name="msapplication-square310x310logo" content="/assets/favicon/mstile-310x310.png">
74+
75+
<!-- Google Tag Manager -->
76+
<script>
77+
(function (w, d, s, l, i) {
78+
w[l] = w[l] || [];
79+
w[l].push({
80+
'gtm.start': new Date().getTime(),
81+
event: 'gtm.js'
82+
});
83+
var f = d.getElementsByTagName(s)[0],
84+
j = d.createElement(s),
85+
dl = l != 'dataLayer' ? '&l=' + l : '';
86+
j.async = true;
87+
j.src =
88+
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
89+
f.parentNode.insertBefore(j, f);
90+
})(window, document, 'script', 'dataLayer', 'GTM-N6KTSKL');
91+
</script>
92+
<!-- End Google Tag Manager -->
93+
</head>
94+
95+
<body class="light-theme notification-active">
96+
<!-- Google Tag Manager (noscript) -->
97+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6KTSKL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
98+
<!-- End Google Tag Manager (noscript) -->
99+
100+
<!-- Notification -->
101+
<div class="notification" style="display: none;" data-load-template="notify"></div>
102+
103+
<!-- Header -->
104+
<header>
105+
<!-- Top Navigation Bar -->
106+
<div id="transparent-bar" class="top-nav-bar">
107+
<!-- Top Bar -->
108+
<div class="container-fluid">
109+
<div class="row">
110+
<!-- Logo -->
111+
<div class="col-lg-2 col-6">
112+
<div class="branding text-lg-left float-lg-left float-right">
113+
<a class="logo dark-version" href="/index.html">
114+
<img src="/assets/media/logo/stagphp-logo-dark.png" alt="logo">
115+
</a>
116+
<a class="logo light-version" href="/index.html">
117+
<img src="/assets/media/logo/stagphp-logo-light.png" alt="logo">
118+
</a>
119+
</div>
120+
</div>
121+
122+
<!-- Side menu drawer -->
123+
<div class="col-6 d-lg-none d-block order-first">
124+
<div class="drawer menu-open float-left pr-2">
125+
<span class="stag-icon stag-icon-drawer mr-2"></span>
126+
<span><strong>MENU</strong></span>
127+
</div>
128+
</div>
129+
130+
<!-- menu -->
131+
<div class="col-lg-10 col-12 d-lg-block d-none">
132+
<ul class="top-navigation">
133+
<li>
134+
<a class="disabled">
135+
<span class="stag-icon stag-icon-stagon mr-2 d-lg-inline d-none" style="font-size: 15px;"></span>
136+
<span>StagONS</span>
137+
</a>
138+
</li>
139+
<li>
140+
<a id="docs" data-linked="documentation-menu">Documentation</a>
141+
</li>
142+
<li>
143+
<a href="/contribute.html">
144+
<span class="stag-icon stag-icon-heart d-lg-inline d-none"></span>
145+
<span class="d-lg-none d-inline">Contribute</span>
146+
</a>
147+
</li>
148+
<li>
149+
<a class="nav-cta" href="https://github.com/StagPHP/framework/archive/master.zip" download><i class="stag-icon stag-icon-download"></i> Download</a>
150+
</li>
151+
</ul>
152+
</div>
153+
</div>
154+
</div>
155+
156+
<!-- Dropdown Documentation Menu -->
157+
<div id="documentation-menu" class="container-fluid mega-menu d-lg-block d-none" style="background-image: url(/assets/media/menu-bg-textured.jpg);">
158+
<div class="row py-5">
159+
<div class="col-4">
160+
161+
</div>
162+
<div class="col-4">
163+
<h4 class="mb-4">Explore Documentation</h4>
164+
<a class="d-block mt-3 mb-0" href="/docs/">
165+
<span class="stag-icon stag-icon-right"></span> All Documentations
166+
</a>
167+
<a class="d-block mt-3 mb-0" href="/docs/getting-started.html">
168+
<span class="stag-icon stag-icon-right"></span> Getting Started
169+
</a>
170+
<a class="d-block mt-3 mb-0 text-muted">
171+
<span class="stag-icon stag-icon-right"></span> Beginners guide <sup><span class="badge badge-secondary">Under Development</span></sup>
172+
</a>
173+
<a class="d-block mt-3 mb-0 text-muted">
174+
<span class="stag-icon stag-icon-right"></span> Basic Examples <sup><span class="badge badge-secondary">Under Development</span></sup>
175+
</a>
176+
</div>
177+
<div class="col-4">
178+
<h4 class="mb-4">Explore Reference</h4>
179+
<a class="d-block mt-3 mb-0 text-muted">
180+
<span class="stag-icon stag-icon-right"></span> Core Architecture <sup><span class="badge badge-secondary">Under Development</span></sup>
181+
</a>
182+
<div class="p-4"></div>
183+
<h4 class="mb-4">Development</h4>
184+
<a class="d-block mt-3 mb-0 text-muted">
185+
<span class="stag-icon stag-icon-right"></span> StagPHP Development <sup><span class="badge badge-secondary">Under Development</span></sup>
186+
</a>
187+
<a class="d-block mt-3 mb-0 text-muted">
188+
<span class="stag-icon stag-icon-right"></span> StagONS Development <sup><span class="badge badge-secondary">Under Development</span></sup>
189+
</a>
190+
</div>
191+
</div>
192+
</div>
193+
</div>
194+
195+
<!-- Side Navigation -->
196+
<nav class="side-nav-base">
197+
<div class="close-drawer">
198+
<div class="drawer px-3">
199+
<span class="stag-icon stag-icon-arrow-back mr-2"></span>
200+
<span><strong>CLOSE</strong></span>
201+
</div>
202+
</div>
203+
<ul class="nav-menu"></ul>
204+
</nav>
205+
</header>
206+
207+
208+
<!-- Body Container -->
209+
<div class="body-container">
210+
<!-- Header Content -->
211+
<div style="background-image: url(/assets/media/home-bg.jpg); background-size: cover; background-position: center top;">
212+
<div class="py-5" style="height: 350px;">
213+
</div>
214+
</div>
215+
216+
<!-- Body Content -->
217+
<div class="body-content">
218+
219+
<div class="container content-section py-5">
220+
<div class="row py-5">
221+
<div class="col-12">
222+
<div class="section-header text-center mb-5">
223+
<h1>StagPHP Architecture</h1>
224+
<p>StagPHP works on MVC architecture</p>
225+
</div>
226+
<div class="row icon-box">
227+
<div class="col-12 align-self-center">
228+
<img class="img-fluid mb-5" src="/assets/media/main/architecture.png" />
229+
<p class="text-justify">All the requests received are processed, filtered, and secured by the StagPHP. Then the request is passed to your application as per the routing logic defined by you in your application. Your application will then process the request using the controllers you used. Controllers control your application model and views. You have the complete freedom to choose any controllers from the list of available core controllers. Unlike other frameworks, StagPHP loads only essential controllers to keep your application lightweight. You can also use custom controllers (StagONS) to extend the built-in functionality of StagPHP. For security reasons, only use trusted StagONS listed in the StagPHP StagONS archive, until and unless you are sure.</p>
230+
</div>
231+
</div>
232+
</div>
233+
</div>
234+
</div>
235+
236+
<div class="container content-section pt-3 pb-5">
237+
<div class="row">
238+
<div class="col-12">
239+
<div class="section-header text-left">
240+
<h3>Request Processing Flow Chat</h3>
241+
</div>
242+
<p class="text-justify">Below listed flow chart elaborates how StagPHP processes every single request. It starts from startup.php and after processing the request, it routes the processed and valid request to your application. Rest handled by your application.</p>
243+
<img class="img-fluid my-5" src="/assets/media/main/request-processing.png" />
244+
</div>
245+
</div>
246+
</div>
247+
248+
</div>
249+
250+
<!-- Site footer -->
251+
<footer style="background: #272c31;" data-load-template="footer"></footer>
252+
</div>
253+
254+
255+
<!-- Back to top -->
256+
<div class="back-to-top">
257+
<span class="stag-icon stag-icon-up"></span>
258+
</div>
259+
<!-- Scripts -->
260+
<script src="/assets/js/jquery.min.js"></script>
261+
<script src="/assets/js/popper.min.js"></script>
262+
<script src="/assets/js/bootstrap.min.js"></script>
263+
<script src="/assets/js/sweet-alert-2.min.js"></script>
264+
<script src="/assets/js/js.cookie.min.js"></script>
265+
<script src="/assets/js/theme.js"></script>
266+
</body>

‎assets/js/theme.js

+4-5
Original file line numberDiff line numberDiff line change
@@ -122,11 +122,10 @@ function stagAlertNotification(){
122122

123123
if(undefined == cookieValue){
124124
Swal.fire({
125-
title: '<span class="mb-3">Under Development</span>',
126-
icon: 'info',
127-
html: '<p class="text-justify">Currently, StagPHP Framework and its official website are under development. StagPHP is scheduled to launch officially in April 2020. Please follow us on Twitter and join our Discord channel to stay up to date.</p>' + '<p class="text-center py-3">' +
128-
'<a target="_blank" href="#twitter" class="btn btn-secondary mr-3"><span class="stag-icon stag-icon-twitter"></span> Twitter</a>' +
129-
'<a target="_blank" href="#discord" class="btn btn-secondary"><span class="stag-icon stag-icon-discord"></span> Discord</a>' + '</p>',
125+
title: '<span class="py-3">Your Contribution Required!</span>',
126+
html: '<p class="text-justify">Currently, StagPHP Framework is in the beta version. Join us on discord and be a part of our development team. Participate in beta testing and hare your feedback with our community.</p>' + '<p class="text-center py-3">' +
127+
'<a target="_blank" href="https://twitter.com/StagPHP" class="btn btn-secondary mr-3"><span class="stag-icon stag-icon-twitter"></span> Twitter</a>' +
128+
'<a target="_blank" href="https://discord.gg/nhtwy4C" class="btn btn-secondary"><span class="stag-icon stag-icon-discord"></span> Discord</a>' + '</p>',
130129
showCloseButton: true,
131130
showConfirmButton: false,
132131
scrollbarPadding: false,

‎assets/media/main/architecture.png

82.2 KB
Loading

‎assets/media/main/request-processing.png

23.6 KB
Loading

‎index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<!-- Primary Meta Tags -->
1010
<title>StagPHP - PHP Framework for Modern Web Applications</title>
1111
<meta name="title" content="StagPHP - PHP Framework for Modern Web Applications">
12-
<meta name="description" content="StagPHP is Open Source, High Performance, and Secure PHP Framework for Modern Web Applications. It has a variety of practical usage such as Web Apps, REST APIs, eCommerce, Banking Apps, User Management Portals, CMS, CRM, Realtime Communication Apps over Websocket, etc.>
12+
<meta name="description" content="StagPHP is Open Source, High Performance, and Secure PHP Framework for Modern Web Applications. It has a variety of practical usage such as Web Apps, REST APIs, eCommerce, Banking Apps, User Management Portals, CMS, CRM, Realtime Communication Apps over Websocket, etc.">
1313

1414
<!-- Open Graph / Facebook -->
1515
<meta property=" og:type" content="website">
@@ -280,7 +280,7 @@ <h3 class="text-white py-4">Open Source</h3>
280280
<div class="col-lg-12 col-md-9 col-12 text-lg-center text-md-left align-self-center">
281281
<h3 class="text-white py-4">Blazing Fast</h3>
282282
<p class="text-white">StagPHP is a lightweight framework. Designed to deliver the best possible performance on any server. The application built on it, process requests fast, without loading any unnecessary controllers, libraries or modules. Well, developed frontend application, works Blazing Fast.</p>
283-
<a class="btn btn-light mt-4 disabled">Explore Architecture</a>
283+
<a class="btn btn-light mt-4" href="/architecture.html">Explore Architecture</a>
284284
</div>
285285
</div>
286286
</div>

‎notify.data

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div class="col-12 py-3 p-relative">
55

66
<!-- Content -->
7-
<p class="m-0 text-white">StagPHP Framework is under development. You can download the beta version only for testing purposes. It is scheduled to launch officially in April 2020. <a href="#">Read More...</a></p>
7+
<p class="m-0 text-white">Join us on discord and participate in StagPHP beta testing. Our community will love <span class="stag-icon stag-icon-heart"></span> to get your feedback. <a href="https://discord.gg/nhtwy4C">Join Discord</a></p>
88

99
<!-- Close Button -->
1010
<span class="stag-icon stag-icon-close text-white" onClick="closeNotification();"></span>

0 commit comments

Comments
 (0)