? ????? ? ???? ?? ???? ???? ? ??? ?? ??? ?? ???? ???? ??? ??? ?? ?????.
CMS? ?????
CMS (Content Management Systems)? ???? ?? ???? ???? ??? ? ???? ???? ?????. ???? ???? ??, ??,?? ? ?? ? ??? ?? ??? ?????.
??? ??? ???? ???, CMS? ??? ???? ?? ?? CMS ???? ? ?????? ???? ????? ? ? ????. ??? ?? ???? ????? ??? ????? ????.
- .
-
????
PHP MS MS SQL Server (?? ???) ??? ?? ?????? ? ??? ????? SSMS (SQL Server Management Studio ?? Equivalent) Froala, wysiwyg (??? ?? ?? ??? ?? ?) ??? ????? HTML ??? -
??, ?? ??? DBMS (?????? ?? ???)? Microsoft SQL Server???. MySQL ?? MariaDB? ?? ???? DBM? ?? ?? ?? ? ? ????. ??????? ?? ??? ???? ?? ??? dbms ??? ???? ???? ???? .
??? ???? ??, ??? ??? dbms, froala? ???? ?? ???? ??? ?? ? ???. ???? ?? ?? ?? ? ???? ???? ??? ?? ??? ? ????.
CMS? ??? ??????
- ??? ?? ???? CMS ?? ? ???? ??? ? ?? ??? ?? ???? ???? ??, ?? ? ?????. ? ???? ????? CMS ?? Wysiwyg ???? ??? ?? ? ??? ?? ?? ?????.
-
??? CMS?? ???? ??? ?? ??? ?? ? ? ??????.
? ??? ?? ???? ??, ???, ?? ? Froala ??? ????? ?? ??? ?? ??? ????.
? Froala ????? ?? ???? ?? ? ???? ?????.
view view ?? ? ??
?? ??? ?? ? ??? ??????
-
???? ????? ??? ?? ??? ???? ??? ? ??? ?? ??? ???? ???? ? ???????. ??? ??? ????? ?????? ???? ??? ????? ???????. - ???
<: :> post_id : int, Identity (1,1), null, 1 ? ?
post_content : varchar (max), null <: :> posted_on : dateTime2 (7), null component_id : int, Identity (1,1), null, 1 ? ? component_type : char (8), null component_content : varchar (255), nullable <:> create_on : dateTime2 (7), null - ? ?? ??? ? Post? ??? ?? ???? ???? ???? ?? ?? ???? ??? ???? ?? ? ??? ??? ?????.
- ? ??? ? ????????? 255 ?? ? ?????. ?? ? ???? ID ?? ?? ????? ??? ???? ??? ?? ????.
-
?? ?? ??? Navbar? Toolbar???. Navbar?? ??? ?? ?? ???? ?? ??? ???? ?????? ??? ??? ???? ???? ( "Toggle Admin View"???? ??????).
???, ???? ???? ????? ???? ?? ? ??? 4 ?? ?? ??? ???? 4 ?? ??? ???? ????.
- ?? ??? Navbar? ?? ??? ????. Navbar? ???? #0098F7??? ??? ??????. ToggleToolBar () OnClick ???? ?? ?? ??? ?? ??? ????. ???? ?? ??? ?? ??? ?????? :
-
???? ??? navbar
? ???? ?????? URL? ?? ??? 2048 ?? ?? ?? ????? ?? ??? ?? ???, ?? ??? ??? ? Froala? CSS ? JS ??? ?? CDN ??? ?????. ?? ??? ?? CSS ? JS ??? ???? ??? Bootstrap? ??? ????? (??? ??? ??? ??? ??????)? ?? ?? ??? ???? ?? ??? ?? ?? ??? ????. ?? ? ?? ???? ?? ?? ???? ?? ?? ??? ???? ???? ????. ???? CMS? ?? ? ??? ?? ? ??? ??? ?? ????. -
?????? getComponents () ? getPosts () ??? ?? ?????. ?? ??? ???? ???? ? ??? JS ??? ???? ?? ?? ????? ???? ????.
??? ?? ??? ? ? ??? 4 ?? PHP ??? ????. 2 ?? ?? ??? ???? ???? 2 ????????. SQLSRV_CONNECT? ??????? ???? $ _Post ??? ?? ??? ???? ???? ??? ???? ??? ??? ?????. ??? ??? ??? ??? ??? ???? load.php :
loadposts.php : add.php :
<span><!--Include Bootstrap CSS--> </span><span><span><span><link</span> href<span>="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"</span> rel<span>="stylesheet"</span> integrity<span>="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"</span> crossorigin<span>="anonymous"</span>></span> </span> <span><!--Include Bootstrap Icons--> </span><span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"</span>></span> </span> <span><!--Include Froala Editor CSS--> </span><span><span><span><link</span> href<span>="css/froala_editor.pkgd.min.css"</span> rel<span>="stylesheet"</span> type<span>="text/css"</span> /></span> </span> <span><!--Include Custom CSS--> </span><span><span><span><link</span> href<span>="css/index.css"</span> rel<span>="stylesheet"</span> type<span>="text/css"</span> /></span> </span> <span><!--Include Popper JS--> </span><span><span><span><script</span> src<span>="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"</span> integrity<span>="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span> </span> <span><!--Include Bootstrap JS--> </span><span><span><span><script</span> src<span>="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"</span> integrity<span>="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span> </span> <span><!--Include jQuery--> </span><span><span><span><script</span> src<span>="https://code.jquery.com/jquery-3.6.1.js"</span> integrity<span>="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI="</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span> </span> <span><!--Include Froala JS--> </span><span><span><span><script</span> type<span>="text/javascript"</span> src<span>="js/froala_editor.pkgd.min.js"</span>></span><span><span></script</span>></span> </span> <span><!--Include Custom JS--> </span><span><span><span><script</span> type<span>="text/javascript"</span> src<span>="js/index.js"</span>></span><span><span></script</span>></span> </span>
-
<.> addPost.php :
? PHP ??? ???? Wysiwyg ???? ????? CMS? ?? ?? ??? ?? ? ? ??????. ??? CMS? ?? ? ??? ???? ?? ?? ?? ???? ??? ?? ??????? ???? ???? ?? ??? ?? ????????. ??? ?? CMS? ???? ???? ??????? ??????! <span><span><span><div</span> class<span>="row"</span>></span> </span> <span><span><span><nav</span> class<span>="navbar navbar-expand-xl"</span>></span> </span> <span><span><span><div</span> class<span>="container-fluid"</span>></span> </span> <span><span><span><a</span> class<span>="navbar-brand text-white"</span> href<span>="#"</span>></span>Froala CMS<span><span></a</span>></span> </span> <span><span><span><ul</span> class<span>="navbar-nav me-auto mb-2 mb-lg-0"</span>></span> </span> <span><span><span><li</span> class<span>="nav-item"</span>></span> </span> <span><span><span><a</span> class<span>="bi bi-eye text-white"</span> href<span>="#"</span> <span>onclick<span>="<span>toggleToolbar()</span>"</span></span>></span><span><span></a</span>></span> </span> <span><span><span></li</span>></span> </span> <span><span><span></ul</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></nav</span>></span> </span><span><span><span></div</span>></span> </span>
??, ??? ?? ?? ??? ???? ?? ??? ?? ??? ??? ???.-
?????, ?? ????? ?? ?? ? ??? ?? ??? ?? ?? ?????? ???? ???? PHP? ???? ?????? ?? ?? ? ? ????. SSM? ???? ???? ???? ??? ??? ???? ?????.
<span><span><span><div</span> class<span>="row mt-5 px-xl-5 mx-xl-5"</span> id<span>="toolbar"</span>></span> </span> <span><span><span><p</span> class<span>="lead ms-xl-5"</span>></span> </span> This is your CMS toolbar. You can add new components to your page by clicking any of the buttons below. To toggle the visibility of the toolbar, click the eye (<span><span><span><i</span> class<span>="bi bi-eye"</span>></span><span><span></i</span>></span>) icon on the navbar. </span> <span><span><span></p</span>></span> </span> <span><span><span><div</span> class<span>="col-xxl-3 col-md-4"</span>></span> </span> <span><span><span><div</span> class<span>="m-xl-5 shadow p-xl-5 rounded border border-0 toolbarBox"</span> data-bs-toggle<span>="modal"</span> data-bs-target<span>="#headingModal"</span>></span> </span> <span><span><span><div</span> class<span>="row text-center display-4"</span>></span> </span> <span><span><span><i</span> class<span>="bi bi-type-h1"</span>></span><span><span></i</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="row text-center h3"</span>></span> </span> <span><span><span><label</span>></span>Heading<span><span></label</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="col-xxl-3 col-md-4"</span>></span> </span> <span><span><span><div</span> class<span>="m-xl-5 shadow p-xl-5 rounded border border-0 toolbarBox"</span> data-bs-toggle<span>="modal"</span> data-bs-target<span>="#textModal"</span>></span> </span> <span><span><span><div</span> class<span>="row text-center display-4"</span>></span> </span> <span><span><span><i</span> class<span>="bi bi-fonts"</span>></span><span><span></i</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="row text-center h3"</span>></span> </span> <span><span><span><label</span>></span>Text<span><span></label</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="col-xxl-3 col-md-4"</span>></span> </span> <span><span><span><div</span> class<span>="m-xl-5 shadow p-xl-5 rounded border border-0 toolbarBox"</span> data-bs-toggle<span>="modal"</span> data-bs-target<span>="#linkModal"</span>></span> </span> <span><span><span><div</span> class<span>="row text-center display-4"</span>></span> </span> <span><span><span><i</span> class<span>="bi bi-link-45deg"</span>></span><span><span></i</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="row text-center h3"</span>></span> </span> <span><span><span><label</span>></span>Link<span><span></label</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="col-xxl-3 col-md-4"</span>></span> </span> <span><span><span><div</span> class<span>="m-xl-5 shadow p-xl-5 rounded border border-0 toolbarBox"</span> <span>onclick<span>="<span>createComponent('editor')</span>"</span></span>></span> </span> <span><span><span><div</span> class<span>="row text-center display-4"</span>></span> </span> <span><span><span><i</span> class<span>="bi bi-pencil-square"</span>></span><span><span></i</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span><div</span> class<span>="row text-center h3"</span>></span> </span> <span><span><span><label</span>></span>Editor<span><span></label</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span> <span><span><span></div</span>></span> </span>
?? ??? ????? ???? ? ?? ?? ? ??? ?????? ???? ???? ?? ? ?????. ?? ????? ??? Wysiwyg ???? ?? ? ??? ? ?? ??? ? ? ????. ???? ?? ??, ??? ???? ?? ?? ??? ? ??? ???? ?????. ?? ??? ???? ??? ??? ??? ??? ??? ?? ?????. ???? ?? ? ??? ??? ?? ??? ?????. ? ?? ?? ? ???? ????? ???? ?? ?????? ??? ???? ?? ?? ??? ??? ??? ? ????. Froala? ??? ?? ? ??? ??? ???? ? ??? 100 ?? ?? ??? ?????. ?? ??? ? ???? ?? ?? ? ???????. ???? ??? ?? ? ? ???? ???? ????? ?? ? ?? ? ? ????. ???? ??? ?? ? ? ?? ?????? ???? ??? ? ????. ?? ???? ID ? ?? ??? ?? ??? ?? ???? ??? ?????. Post_Content ?? HTML ??? ???? ??? ? ? ????. ? ? CMS ??????? ?? ??? ?? ??, ??, ??? ?? ?? ? ??? ??? ?? ??? ??? ??? ? ????. ??, ??? ??? ?? ?? ?? ???? ???????.
?????, ?? ???? ?? ?? ?? ??? ???? ???? ??? ??? ???.
??? ??? ??? ??? ??? ???? - ??? ?? ? ??? cms; ?? ??? CMS ??????? ??? ??? ??. > ??? ??????
?? ????? ??? CMS? ???? ? ??? ??? ??? ????? ?? ?? ??? ???????. ? CMS? ????? ???? ? ?? ??? ? ? ????. .
???? ????? ? ?? ??? ??? ?? ???? ???? ????. ??? ??? ??? ??? ??? ? ?, ??? ??? ??? ?? ?? ? ? ????. ? ???? ??? ?? ? ? ??? CMS? ?? ??? ??? ????? ?? ? ? (?? ? ?)? ?????.? ?? ??? ?????? ??? ??? ?????. ???? ??? ??? ??, ?? ??, ?? ??, ?? ??, ??? ?? ?? ? ??? ?????. ??? ? ??? ? ?? ??? ??? ?????. CMS, ??, ???, ??? ? ????? ?? ? ? ????. ??? ?? ??? ???? OWASP (Open Web Application Security Project) ??? ??? ???? ?? ????. ??? ?? ??? ??? Wysiwyg ???? ?? ? ??? ?? ?? ????. ?? ??, ????? ???? ?? ?? ???? ??? ??? ? ???? (?? ??? ??? ??????). ????? CMS ?? ??? ?? ??? ??? ??????. ??? ??? ???? ?????? ?? ?? ????. ??? ?? ?? ???? ?? ?? ??? CMS? ??? ??? ????? ? ?? ???? ????.
-
??? ?? ? ??
<span><!--Include Bootstrap CSS-->
</span><span><span><span><link</span> href<span>="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"</span> rel<span>="stylesheet"</span> integrity<span>="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"</span> crossorigin<span>="anonymous"</span>></span>
</span>
<span><!--Include Bootstrap Icons-->
</span><span><span><span><link</span> rel<span>="stylesheet"</span> href<span>="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"</span>></span>
</span>
<span><!--Include Froala Editor CSS-->
</span><span><span><span><link</span> href<span>="css/froala_editor.pkgd.min.css"</span> rel<span>="stylesheet"</span> type<span>="text/css"</span> /></span>
</span>
<span><!--Include Custom CSS-->
</span><span><span><span><link</span> href<span>="css/index.css"</span> rel<span>="stylesheet"</span> type<span>="text/css"</span> /></span>
</span>
<span><!--Include Popper JS-->
</span><span><span><span><script</span> src<span>="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"</span> integrity<span>="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span>
</span>
<span><!--Include Bootstrap JS-->
</span><span><span><span><script</span> src<span>="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"</span> integrity<span>="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span>
</span>
<span><!--Include jQuery-->
</span><span><span><span><script</span> src<span>="https://code.jquery.com/jquery-3.6.1.js"</span> integrity<span>="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI="</span> crossorigin<span>="anonymous"</span>></span><span><span></script</span>></span>
</span>
<span><!--Include Froala JS-->
</span><span><span><span><script</span> type<span>="text/javascript"</span> src<span>="js/froala_editor.pkgd.min.js"</span>></span><span><span></script</span>></span>
</span>
<span><!--Include Custom JS-->
</span><span><span><span><script</span> type<span>="text/javascript"</span> src<span>="js/index.js"</span>></span><span><span></script</span>></span>
</span>
toggletoolbar () ? ??? ??? ??? ?? ?? ???? D-Flex ? D- NONE ???? ????? ?????.
resetValue (componentType)getComponents () ? ??? ?? AJAX HTTP ??? PHP/Load.php? ???? ???????? ?? ??? ???? ?????. ???? ???????? ??? ?? ?? (? : ?? ?? ???
??)? ?? HTML? ???? ?????. ? ? ?? ??? ?? ??? ?? Froala ????? ?? ??? ?? ??????. ?????, ?? ??? ???? ??? ?? ??? ???? ???? ?? ??? ?????. ??? GetPosts () ??? ??? ??? "?? ??"??? ?????.
getPosts ()
? ??? ???? ?? ??? CMS? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

??? ??











Udemy? ??? ?? ???? ??? ?? ??? ???? ??? ??? ?? ????. ? ???? ???? ??? ?????. ?? ?? ???? ?? ???? ??? ???? ?? ???? ???? ?????.

??? ??? ?? ? ??? ????? SSL ???? ?? ? ???? ?????????. SSL ??? ?? ??? 2024 ? 56 ? ??? ?????? ?? ??? ???? ???? ?? ??? ???? ???? ????.

?? ?????? ?? ????? ??? ?? ???? ????? ????? ??? ?? ? ? ????. ??? ??? ?? ?? ????? ?? ??? ???? ???? ??? ?????. ? ??

??? ?? ?? (AI) ??? ?? ?? ???? ??? ?? ????? ?? ?? ?????? ??? ???? ??? ??? ??? ???????.

??? ??? ?? ??? ?? ? ???? ??? ???? ?? ? ?? ???? ??? ?? ????? ?? AI? ???? ??? ? ? ????? ?????. ????? ?? ???

??? ??, ?? ??? ?? ??? ????????. ?? ??? ? ??? ??? ?? ??? AI ????????.

?? ?? (AI)? ??? ??? ????????? ??? ??????, ??? ?? ???? ??? ??? ??? ????? ???? ?? ??? ?? ??? ?? ???? ?????. ?? ????? ???? ????

?? ???? AI ?? ??? ???????, ??? ??? ???, Anthropic 's Claude? ?? ?? ??? ???, ?? ????? ?? ??? ?? 50 ? ? ?? ?????? ????? ?? ???? ????.
