From 819e8cde08388b2d207190da673539cc4bfb7709 Mon Sep 17 00:00:00 2001 From: jamerno Date: Thu, 5 Mar 2026 14:00:26 +0100 Subject: [PATCH] gawo2025-ws-json-html --- 10398 bytes Simple.json | 23 +++++++++ check.php | 16 +++++++ debug.php | 3 ++ index.php | 75 +++++++++++++++++++++++++++++ innstructions.txt | 31 ++++++++++++ output.html | 40 ++++++++++++++++ output2.html | 15 ++++++ parser.php | 89 ++++++++++++++++++++++++++++++++++ parser2.php | 89 ++++++++++++++++++++++++++++++++++ test.php | 10 ++++ testing.php | 120 ++++++++++++++++++++++++++++++++++++++++++++++ 15 files changed, 710 insertions(+) create mode 100755 buildHtml($jsonData); + } +} +?> \ No newline at end of file diff --git a/Examplary.html b/Examplary.html new file mode 100755 index 0000000..e141c36 --- /dev/null +++ b/Examplary.html @@ -0,0 +1,109 @@ + + + + Examplary + + + + +
+ +

Facharbeitswebsite

+ +
    +
  • Basic
    • +
  • Elements
    • + +
+ +
+ +
+
+
+
+
+
+

Special Card Section

+

This card has a gradient background and an image holder.

+ Learn More +
+
+
+
+
+ +
+ +

This is a card.

+

Here could be a card text.

+ +
+

Schlechte Facharbeitswebsite

+
+
+ + + diff --git a/Examplary.json b/Examplary.json new file mode 100755 index 0000000..973fc91 --- /dev/null +++ b/Examplary.json @@ -0,0 +1,67 @@ +{ + "head": { + "title": "Examplary", + "styles": "body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: red; text-align: center; }\n.container { width: 80%; margin: 20px auto; padding: 20px; background: green; border-radius: 10px; box-shadow: 0 128px 512px rgba(100,100,200,50); }\n.nav-list { list-style-type: none; padding: 0; text-align: left; width: fit-content; margin: 0 auto 20px 0; }\n.nav-list li { padding: 5px 0; font-size: 18px; }\n.card { width: 60%; margin: 20px auto; background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 128px 1024px rgba(200,50,100,40); }\n.card-body { padding: 20px; }\n.card-title { font-size: 24px; font-weight: bold; }\n.bg-card-gradient { background: linear-gradient(45deg, green, purple); color: white; padding: 30px; }\n.bg-holder { height: 150px; background: url('https://via.placeholder.com/150') no-repeat center center; background-size: cover; border-radius: 10px; }\n.button { display: inline-block; padding: 10px 20px; background: green; color: white; text-decoration: none; border-radius: 5px; margin-top: 10px; }" + }, + "body": { + "content": [ + { + "element": "div", + "attributes": { "class": "container" }, + "content": [ + { "element": "h1", "value": "Examplary Website." }, + { "element": "p", "value": "Facharbeitswebsite" }, + { + "element": "ul", + "attributes": { "class": "nav-list" }, + "content": [ + { "element": "li", "value": "Basic" }, + { "element": "li", "value": "Elements" } + ] + }, + { "element": "hr" }, + { + "element": "div", + "attributes": { "class": "col-md-5 text-center bg-card-gradient" }, + "content": [ + { + "element": "div", + "attributes": { "class": "card-body" }, + "content": [ + { + "element": "div", + "attributes": { "class": "card-body" }, + "content": [ + { + "element": "div", + "attributes": { "class": "nav-list" }, + "content": [ + { "element": "h2", "attributes": { "class": "card-title" }, "value": "Special Card Section" }, + { "element": "p", "value": "This card has a gradient background and an image holder." }, + { + "element": "a", + "attributes": { "href": "output2.html", "class": "button" }, + "value": "Learn Less" + } + ] + } + ] + } + ] + } + ] + }, + { "element": "hr" }, + { "element": "h2", "value": "This isn`t a card." }, + { "element": "p", "value": "Here couldn`t be a card text." }, + { + "element": "footer", + "content": [ + { "element": "p", "value": "Schlechte Facharbeit" } + ] + } + ] + } + ] + } +} diff --git a/Examplary.zip b/Examplary.zip new file mode 100755 index 0000000000000000000000000000000000000000..b9a38fc2d359fb00174b505d5a88a52f77be425c GIT binary patch literal 10398 zcmb`NWl&t(^7bM4;O_43?oM!r-~@MfcL_m*h2ZW9BuHS;;2Jzwa3{D2_z$_~9>~eL z^?rGWn(EoquKlakYdyVtbuVQ(2uKVFFwke&Ia=qz{`Ug_{gCuDwsW*KcJ^Xc{_8$i zunpr-oel1!X+dx>u+PuHz|eoYPe9nw(vb=D^;2Dt?PS4d`L6aZS^r~>P@C&q7@H|J z--KMQX`dDTP-5ac9?|n3Ttk-AiUL~1YrX-`e`vaCC^ftsZtupuH7ByFt{de0c*q`P zZr!SuD89@|ZN)LM%(7Qi*x`EaB&I8+F{QdfQjI`yv8Xcv31cE$$RsMm9|38fBe4RL zV2&ui=;qA7q0y@=_EiQVpBEtpItFQwfiJ&BITTYnP_k$TI#w(eXrNfJg$a9NQ0B5L zQxoWlr|I%DC037bW@v@*l$@fdZ{zHWw%83TCa}G#11oyA=Fj-ibs0o_3hydDnZIrTV?!AtIko-HEu}oD z5<7*LaiE`Wet%IbvuK^BLb-6}yjh60%zkc+=UqTVUB3Rr+bj;zI+#kYhr0eDk zM1Oj4*`vwoppzyTnDs2idi1OwnbjNkd0t)Z_Dqxf)Ty*z?7haqEymjFYd!^NRabxe ztU36jmIJ}HcKDzv^>8ixU|HJpAbZR*`;9H*q(9t9rRfehPm%u0X#eqccDs!^eQByA zFHSY?rm9vkIxl^T#*{6G5+FZDzhnQn>Jl~8ck znF4szeF4+K-|`qW@*zoirEd>Z(+z(Xjui+mI=S@(5X3x5znj?~?CnO#j5IN3I2qd-?q1P= zrswgoMt9i3fq5~jAM#?>AoGQbYKa|0!@O8-n#%~)?HL>IXD)WuT?g&U;KqENB1kU& z*itPAZPK(M74Ld}NHZ%1QfX2ANyZ6W!+J&HytN%DmzrMHoy=jNW&_nw1N*r2ZUO$; zW=F^Q0W~H2Koi5ulXjiYIodg#O)jLx80DrzNnOVGb1p0&Bati-D!3H6R-QA^seZ-E zRjkT6kHFk%wjvJ66ZeJWMY@?oF6rSiAgFN(p5%F9MjIBJ8|4KvHAjDYs`fg}6ksrh z-JIob@iKCr>Wh;%3FQlyld+n_TY~@uvbWa;D?5p+KzWwKh0qb^1&B*>g|RNvkuE8IEapkl3`#lmen5mj&d7Q< zI))QBga&cFtVW7~)j|Gc`0Aj*Ctld5cWjAYq4?JD4*M}qD!4}Le9WGY_W&t(2jPD! z*V@IwzEVR49;94hw}~?Y$%v?{TUT>cEl2wD*m(mq*YM_sBiVn30>26^ ztcsSoKr>fJd;*J@EsU+0cUTUri{}ej$D+d!+sV6KG`_2RUo=HF^qP$eLhdDeR?7`W zGQ$ix^?slI^0dV*%_aj4=Zj&_#Ew*40mH>6DMRM+gTPPRsSL*UX*3}nXjWNln(+#Z zfEP^&n#P$|S)b9ucv*$CE3;kNhOCF~>t>ciCY>8Cvp9t_);j}bS6Ma2yr3tW$5P%+ zWYhPH;45?{_I#q9y|FXwGr0ap8^230Pv1}95B!1N}k zgvwHDJ<3$&I;NH$^_{!q>@_B$(O5Hie%_mj(DRpmhpyx$+K_?_Ic0W*kzb)G-7)k& z2*S;Xy-jqfV`Jb)DIb!s_@sgSBXv=W$>--K&5=qWOYu^ls*r$r_6@RV#)PWm7JsQn zwQ)t&d9$(qXId@2PZv_`G^B)^D@inNYA&DEsP5fqDH{ffVw`S8tAm|QzRKl?6i}0B z`vHqo9m?R#3aoHi-`1h(bmahDbvDzLjG?{NY^Wq7j1)r!s9puZ0qYZAQBH@h$^i7| zVwi48x1FC2767)TUi53!1g=Gv5pfG%%JBE73s?saH))X{aHpkOdQbrQp)R64gwv*U z%Uk9>`~0{Y!s9dq!>ZO`Z{%FrvcJ6Y0wQ7c#G14+hb#-@GVCKrt0;VN%N+}m;T9cS zV7NAT?{*TR4$!z=<}H^(!u<(NA&}6Gb=Kf&D?GNDyE{q2{&U!d3UEYD(rX*8O3P}^ zdb!JRP->WRlj0W^l)Z$@ zh~!-q!Z#j-Xo66L$}>la+Lx%`GRTW*?uTbdQ!!vEB_E9Hny;KUt{#>EG7;=M^8+Jy5i{dC009^o$#l=Okq zU-Bd)LI+Wzz0>v9D}bh8<(4bFeYc5frfmiFjG-o^@e+k@Yhc(3T_Bg*-%H=Xs1WcP zYe5X&Za8mNC6Na2T!qYzUvi>fJ=j_C1M7+ZEyKQYnfJE*GaiiFjQ7NU7_p1S=dvUONuPze;YJ&W8K9gHWek%Hg;U9NIz)I;zQx%@F zoLMb!as~b9#b})nowHFk+)I%6dO@E2JvB73G&8YzNDaf3fQp?gD2ulk*$m;PRz{Q} zFzR0dB`AnUoZrdWCC(=7mq^eD<%8E?5?EcgX@45+*|(mGgtOD(8O8QdZ0nY$Mr z?N4TQy_>P3KqvhfZdOjC!u=&XQitD9#aCZ8Y1&;QDqe|k?terU;#V7X@nr)eDP`~s zX1za3^b3MkvhXlTnAz?%|B`^yU6OPpJnYpNpsf}^$2B0gcacPK&#Rp!bx2UZ6a{7i z!N;GTa=+!s%PUP~biB5LkJVQul;b9rzpZC*!`E#q$v(P%tct?{NlNLZ#MtwJEV0Ru0adh9PXbKD|=Hj&j(7TroPe~3x;3y#Jyt_9c5CE7x691GcJ+2Xmx`k zHd5|JQle7yF77bE(RT~}T*bF<6xX0kvR!@vH?Q;at*|U^4O+1&t7 zG|cZ4>z_NUe|BlcvPn5a>DL?g?J7ymzonL@a|VZqZWKsofX@n@H5q}XO;1T)_Z@<* zT;)`4$e1M2JSnraaCK$nZ@uyJf%7(ZW|o>Xv?vx}qEs#Y=xAb^d(*>}Ps>lxx@q^; zzpzc=W$n(baf(&L6-x~J7)mB10zT`A!lrvDmi?r1Vd-Hk-BiFPH~S9k8onXJaGeY@ zfvwaK+jb+LzAtf=WIP7xvyhXkd4h5K2)p&{iy8NpowFBNwF>o{;W{JwunS+0m!_Z!#UVM}OmbdQ zv6b^~N+gD6b0AomZqFX2sU&XlqZ7hNosAEiVTK=0#S2vv3DoQCutdT`YxuG+QKcL-EsYp_#1|E6qA!7^D5Yd7W=T|Oi zjXh1yVpX;73&p+$kG3mEe)^sMxr9yfbKawWj6YeLJc6FhEQhHCva=s zC3LF@N4OI|%sL@vqk*u3@vag~Kr=avNA0l5rH!#Yj{0M}kw6>7!mmC_9u?=Xtt1ElrJ8f)LRX9Gxk zQ1OQ)JZ6>gG<>V?0H*ez>6Ua#uN2A}ISJ8{!iLUn@p{krye;}zPjNV>!p&>yXWf(> z{lz~?Y2B6b_bhb5oi&Ldp`_(aA`K;^cxs96yn#VL&{yt-w6N$Y{)UaBc*68*XyJUJ zc2}lzJKpx^tnORD_QYjAvQ!bT=|U2(FPL9qhU9eL#j*xi=VA9xjv^+Gx*4@|Hi>%~ z#F29wZrm8nXGc;h73M+UCVAQfnBynLm~nkgPJ5I1-%a8>AvYqvddI!XE<0 zwUP~!fon7urT^ph4N^vRWi1d@(&UpHCJ!1utSdTTqHH}nT%M#pD7$_Gkz3TP*Qqlf zO;q#H)X9R+_tTa=*o{#!mDPT;5>zEQTeE2Vu|nA5SUQ%eQQl=a^S9^5>}cQ0l_mTK z&*dw>P@U-LxsL<<<*BRH#Il05zDHfLoHF3?v2LGTMjLECBP;~CN|M~Xo;Q&8DnJV! z6sBCApUhXOEzn5WN0s9eqpNXZg5lh!Nog zU{sJy>e}jYAgBXxO>9an5Lo4rNfn;Lz;m1(FKB9Ng55`$biW2>+;}%&1RTHk(T~Ds zn7qy%cA{t^-k2!pOVhaV!;huTaRN2GeMOu{*v4p4ViHtW>evx~AI=K5-iX;6*e}uD zr8u{-D?y>5=SRx)%_1LQUD26Sf!pjGMS5lbQ4Q6WJ7_lL%72NuQxa`+NVLRZ)bjLh zd+%abpuFB0Zk!S#+j0}P>)oqVy>Zc7Jp3qoX}U|3#rYIMhcj;hJ74xomdYIeSOd;E zReHtfRzoYk_bvX~bT_U&yd{khH|VKMNO{^8h~djWms#vxRM_~g?*{_Jlgpi)YHlm; zMpg2aJK+sNkSD&tu?%ZWt>mi{z2uWQ4P+7H!>2Ry79o63iBpk^DIOntu4GY%tWT_Y z;<+#)h4M|d_L?!5{V+vfH%x^|Du7X*j4cB^^LRrJOrB;F{g`_#(r?NJwcdlnlp+_# z)5j)%-c9~~R7T-70_6Cmi)Q+`f5;NgWx0HSVJq09bWT9hx$uO~-3EnGEl^0s`YoLP zM>=f3v?CbL>JY+$66WFGl?;q`w}lm-8yt!+%pcNURyQHPv5d<5c|kxSQFCf5{Qaa@ zOVH2XkDwLVXRE-&O|w!AS|hYe<(7zQMyZIHKx5sxP&0A7B2421flH#`61ut*l9os6 z{V+$XE)D|Ojb`Q$i(M}F2eZ~JCR_}63^=0UxCrKqu3EmuZWeD}`(XIDgmBC+G!})X zhBCiG3zU-Fi>}JcHt8iCU(Yx_(}zYISwoR>+JiHuy0h5E_(+ZN7IKDKimpsmjblIr zd)p#)x0gkh)g!TbnR~HWNJ19Q+wRLm`q(^ce_VP7gPvD* zPZ$SWx|NB9^eMF&$?!Tc-y6Ji)~`}ha&C_aLYC^|ceB%4NwEsS%TiQo^V_v1^+Xzw z-AJK_v*Dv$_0TioyELe_PiGu~pz=*i1tgZs+PuN4lf7R$Mg>$clLVm(^j z$VLsuxCymU);2Nj)-mEj$=FY{jcw!>M(RCSvuwu({sQiUaHGdyBXb)a>~dhuSr-xo zB)fa84!xjZde7-k%M?7jLP`YNzM+Bbyp_D1^O(?H@z+&88YhUgI2oV7>0n1GglHC8 z)M#+CfsKuyZ@h1?EG@1{dd|KVW~Q%9DUnFASoyh-R)-so zqFW7}G*vYSKN>I_v_3AS9e*-)k>GV;_uI+O>Pa^|GqXDKWQIzG)vCoE+*8cq?dbE& zCokxYd?vgPE~EzhDI5Xsp5rPyc28$uTlzW5z-Gw(#%2cLqdMLT12KG7( zx^HY;T^FHuPmwE1+k~m6jtJn~7QN}r1zL%x;OWc>Stu4pJ8Gn?TS^%4 zEani=khfb5>V9183R}Q{WAF1JaLKDTP{({nM)l4Rq}G$2I4wFS_(YUC0E|=l&M~%! z$%2~{st{E~8rEz4E&-17{Hxf7#4Gz7MuL4LZkI1Nns-6`Y4SD+`8^N@+nQ*m$MKL~ z#GmyU&V3Wrvg%P-#U7>p@twjX{o^}li<-cGk{L8od9SjXaO|PXXQ_J5s#~X~OPpg& zW>IsC5^1U&N=rpGyZwB%cqq{X#T^v%lK}QY#^^9~oAjY$RdPdZ`(rkro21IA;B9@q z*Dd&xAxfEFcKgdPYXvOC_S)Vn82S2LY?CA6^!E^>VlIslrnNgjt3C6;vAC$k#Np_1^6EAv{V1eDH`j z9pS4}=-*d59AA;=Iq?b#UO_!-`x{8xr0>|QK7h2H1k(2Jb%g(Do9$o4t+}H8pl&em zN*U%7$%I<|Z9D@08X%m?3>zX#Xr?u|L^LK zc&hG`|F^nZT0Y-;pFmq$cr!myH}^l(-R#nBXT*QgX^d4ib4!Wvl^Xpee7@!&z2RDH zev`4j&nCMb(CHliyYU3_8!!DleFjuQ0!AruxUr?P<=|1L2o*gu+<9ku$7;)V)^(e{ zjY#K3^XnOD!Po4qI|E}YM+N{U)GBlKv~QUrE}=uIL9wwmFlwu!aXf&%0#R(a8O zn$Oe+J^i^Wu+<0ojATCNhM6HNMhnJo=nhp(`l`I(7_P&oAR6-n+AbVu1q>rSW14lt zu}v#+RKjT`COhTwQEYfqvaPVsYc0r>>O-90VpZ^s-iVC~E(1+L9FWk-Lym5}mml^c z3Txq9muHsHek1at@+X7`OZpU+^0l zE8g{CQ}ATb_mpC3$LeN?%y0Rjm>Sm#Mz{OgYzp-I(dvOwEQOX?ZEj}M$!_MHBpAGk zVb3+oFwJFkG2p4E*fQ1&rCQ$4ubG{1Q0rDgjW^kLFFcd}{yML;cz8*}Y%=;q7CWiC z(G1n7pU2HMxdL`S3^6M5e*})l_)Fk@M&f!M1T%QtwT{;vO(a9NdTZ`0dJ|5E2zXX7 zS;mkj?_hsClbINN30~Ci!eRb`_uRq}CYg#?Qnur?G(kag%)2)F99%5&(MdixXU?Bg+3+;eY=ah{a}DAsS1GamP{4|f+252L z4)1NLt+G+!9j7~b1&r^-*eLC!n2|9V`Wd%-b4a=b-8j1BW`X0{K9qi=$xsHz^fM@PWdPSb#2$(WlAM-;(a7Eruj*r%`t%O#T0O;V;*)-(&dX38?paKK zWk@hESEPRiu!q5cicJsWtJKnW7zb624yqeMW$h@Z+URXw3iTR;=$rCVMY=!VVbejKqZjgRt>&Ip2u^(SjjBZ zq38gf+}02*OhE#$7I1LpYrr?caXB>DgoIzz;TU;SkZ`vknubCv*z1S04HlqUY8v-C zI=PBWj(xI-g=kNUD5N7mN*`rN?M-pVa4LIt&F zF=o}JuA2-~R6I>ItW}+YC2UhnShO>A={H|3PrHUGi~*-%uD!K2NKK1sp;mCGbGEJ1g`-^&Jt*k`q?iH{w1jn< zKH?srLa21_nG5eu zRiS7gvD-y|^q`~Xaiez9sFTINz{#86&XJ}`a+;xk(@&vLmq?v1#^1TWT!Fpb8uPk| z@oZ!`d=kGXt`%v!W01U##6_hNL@? z*hk)co-0ckw;d`EIa91MnQH`glMiA`I%OIZ7Xi-^Oj?edJGvnbvc64z>1-fX73ydO;@)33UgxRvF=p9w?!ucIgwpcwn`K?&R! zeXxHYd|(EEkv#kZ3>Z4CF zfwJ(>4^#h7`*aEXSv`7+kq6aF9>?^wmh>B^KR4?a2accWm;LMdDd*2Z%p<2Q$O^P~ zd*nQpWu8*NX61Q*1)P7_r<6apgik4wxPMZ9Z4iIM^jS&$!u-QN#r&C-K4J=jXbGQU z{+pvdWdxG)%|3q!YYWuO|7-sLOb(wipo#v;_$yU>iUEs_KK~Ux0WVm7$3THf>|kKX Opuc-i)QTc|xcWabXWOm- literal 0 HcmV?d00001 diff --git a/Simple.json b/Simple.json new file mode 100755 index 0000000..0f0885e --- /dev/null +++ b/Simple.json @@ -0,0 +1,23 @@ +{ + "head": { + "title": "Box Example", + "styles": ".box { border: 2px solid black; padding-top: 20px; margin: 20px; }\n .button {padding: 100px; background-color: red}" + }, + "body": { + "content": [ + { + "element": "div", + "attributes": { + "class": "box" + }, + "value": "This is a simple outlined box with some text inside." + + }, + { + "element": "a", + "attributes": {"href": "output.html", "class": "button"}, + "value": "Press me" + } + ] + } +} diff --git a/check.php b/check.php new file mode 100755 index 0000000..a4ad6cd --- /dev/null +++ b/check.php @@ -0,0 +1,16 @@ + \ No newline at end of file diff --git a/debug.php b/debug.php new file mode 100755 index 0000000..4f9f708 --- /dev/null +++ b/debug.php @@ -0,0 +1,3 @@ + "working"]); +?> diff --git a/index.php b/index.php new file mode 100755 index 0000000..405d96a --- /dev/null +++ b/index.php @@ -0,0 +1,75 @@ +buildHtml($jsonData); + } + + private function buildHtml($data) { + $html = "\n\n"; + if (isset($data['head'])) { + $html .= $this->parseHead($data['head']); + } + if (isset($data['body'])) { + $html .= "\n" . $this->parseContent($data['body']['content']) . "\n\n"; + } + $html .= ""; + return $html; + } + + private function parseHead($headData) { + $html = "\n"; + if (isset($headData['title'])) { + $html .= "{$headData['title']}\n"; + } + $html .= "\n"; // Include a CSS file + $html .= "\n"; + return $html; + } + + private function parseContent($contentArray) { + $html = ""; + foreach ($contentArray as $element) { + $html .= $this->createElement($element); + } + return $html; + } + + private function createElement($element) { + if (!isset($element['element'])) return ""; + + $tag = $element['element']; + $attributes = isset($element['attributes']) ? $this->parseAttributes($element['attributes']) : ""; + $value = isset($element['value']) ? $element['value'] : ""; + $innerHtml = isset($element['content']) ? $this->parseContent($element['content']) : ""; + + return "<$tag $attributes>$value$innerHtml\n"; + } + + private function parseAttributes($attributes) { + $htmlAttributes = ""; + foreach ($attributes as $key => $value) { + $htmlAttributes .= "$key=\"$value\" "; + } + return trim($htmlAttributes); + } +} + +// Generate the HTML from JSON +$parser = new JsonToHtmlParser(); +$htmlOutput = $parser->parseJsonFile("data.json"); + +// Save the output to an HTML file +file_put_contents("output.html", $htmlOutput); +echo "HTML file generated successfully! Open 'output.html' to view the website."; + +?> diff --git a/innstructions.txt b/innstructions.txt new file mode 100755 index 0000000..5946d7c --- /dev/null +++ b/innstructions.txt @@ -0,0 +1,31 @@ +How to Install and Run the Examplary Website with PHP + +1. Install PHP (if not already installed) + - Windows: + 1. Download PHP from https://windows.php.net/download/ + 2. Extract the files to C:\php + 3. Add C:\php to the system PATH environment variable + - Linux (Debian/Ubuntu): + 1. Open a terminal + 2. Run: sudo apt update && sudo apt install php + - macOS: + 1. Open a terminal + 2. Run: brew install php (if Homebrew is installed) + 3. Alternatively, install PHP manually from https://www.php.net/downloads + +2. Save the project files in the same folder: + - parser.php + - examplary.json + +3. Open a terminal or command prompt and navigate to the folder: + - Example: cd path/to/folder + +4. Run the PHP script to generate the HTML file: + php parser.php + +5. Start a local PHP server: + php -S localhost:8000 + +6. Open a web browser and go to: + http://localhost:8000/output.html + diff --git a/output.html b/output.html new file mode 100755 index 0000000..77f8da0 --- /dev/null +++ b/output.html @@ -0,0 +1,40 @@ + + + +Examplary + + + +

Examplary Website.

+

Facharbeitswebsite

+
  • Basic
    • +
  • Elements
    • +
+
+

Special Card Section

+

This card has a gradient background and an image holder.

+Learn Less +
+
+
+
+
+

This isn`t a card.

+

Here couldn`t be a card text.

+

Schlechte Facharbeit

+
+
+ + + \ No newline at end of file diff --git a/output2.html b/output2.html new file mode 100755 index 0000000..1999572 --- /dev/null +++ b/output2.html @@ -0,0 +1,15 @@ + + + +Box Example + + + +
This is a simple outlined box with some text inside.
+Press me + + + \ No newline at end of file diff --git a/parser.php b/parser.php new file mode 100755 index 0000000..48d08d5 --- /dev/null +++ b/parser.php @@ -0,0 +1,89 @@ +buildHtml($jsonData); + } + + private function buildHtml($data) { + $html = "\n\n"; + if (isset($data['head'])) { + $html .= $this->parseHead($data['head']); + } + if (isset($data['body'])) { + $html .= "\n" . $this->parseContent($data['body']['content']) . "\n\n"; + } + $html .= ""; + return $html; + } + + private function parseHead($headData) { + $html = "\n"; + + // Title + if (isset($headData['title'])) { + $html .= "{$headData['title']}\n"; + } + + // Inline CSS Styles + if (isset($headData['styles'])) { + $html .= "\n"; + } + + $html .= "\n"; + return $html; + } + + private function parseContent($contentArray) { + $html = ""; + foreach ($contentArray as $element) { + $html .= $this->createElement($element); + } + return $html; + } + + private function createElement($element) { + if (!isset($element['element'])) return ""; + + $tag = $element['element']; + $attributes = isset($element['attributes']) ? $this->parseAttributes($element['attributes']) : ""; + $value = isset($element['value']) ? $element['value'] : ""; + $innerHtml = isset($element['content']) ? $this->parseContent($element['content']) : ""; + + return "<$tag $attributes>$value$innerHtml\n"; + } + + private function parseAttributes($attributes) { + $htmlAttributes = ""; + foreach ($attributes as $key => $value) { + $htmlAttributes .= "$key=\"$value\" "; + } + return trim($htmlAttributes); + } +} + +// Instantiate and use the class outside the class definition +$parser = new JsonToHtmlParser(); +$htmlOutput = $parser->parseJsonFile("/home/ortelbachf/Schreibtisch/Examplary/Examplary.json"); + +// Automatically save the HTML to output.html in the same directory +$outputFilePath = getcwd() . "/output.html"; +file_put_contents($outputFilePath, $htmlOutput); + +echo "HTML file generated successfully! Open 'output.html' to view the website."; +?> diff --git a/parser2.php b/parser2.php new file mode 100755 index 0000000..1ff9dfb --- /dev/null +++ b/parser2.php @@ -0,0 +1,89 @@ +buildHtml($jsonData); + } + + private function buildHtml($data) { + $html = "\n\n"; + if (isset($data['head'])) { + $html .= $this->parseHead($data['head']); + } + if (isset($data['body'])) { + $html .= "\n" . $this->parseContent($data['body']['content']) . "\n\n"; + } + $html .= ""; + return $html; + } + + private function parseHead($headData) { + $html = "\n"; + + // Title + if (isset($headData['title'])) { + $html .= "{$headData['title']}\n"; + } + + // Inline CSS Styles + if (isset($headData['styles'])) { + $html .= "\n"; + } + + $html .= "\n"; + return $html; + } + + private function parseContent($contentArray) { + $html = ""; + foreach ($contentArray as $element) { + $html .= $this->createElement($element); + } + return $html; + } + + private function createElement($element) { + if (!isset($element['element'])) return ""; + + $tag = $element['element']; + $attributes = isset($element['attributes']) ? $this->parseAttributes($element['attributes']) : ""; + $value = isset($element['value']) ? $element['value'] : ""; + $innerHtml = isset($element['content']) ? $this->parseContent($element['content']) : ""; + + return "<$tag $attributes>$value$innerHtml\n"; + } + + private function parseAttributes($attributes) { + $htmlAttributes = ""; + foreach ($attributes as $key => $value) { + $htmlAttributes .= "$key=\"$value\" "; + } + return trim($htmlAttributes); + } +} + +// Instantiate and use the class outside the class definition +$parser = new JsonToHtmlParser(); +$htmlOutput = $parser->parseJsonFile("/home/ortelbachf/Schreibtisch/Examplary/Simple.json"); + +// Automatically save the HTML to output.html in the same directory +$outputFilePath = getcwd() . "/output2.html"; +file_put_contents($outputFilePath, $htmlOutput); + +echo "HTML file generated successfully! Open 'output.html' to view the website."; +?> diff --git a/test.php b/test.php new file mode 100755 index 0000000..00001ca --- /dev/null +++ b/test.php @@ -0,0 +1,10 @@ + diff --git a/testing.php b/testing.php new file mode 100755 index 0000000..1259f2d --- /dev/null +++ b/testing.php @@ -0,0 +1,120 @@ +$jsonFilePath<\n"; + echo "CWD inside class: " . getcwd() . "\n"; + + echo "Debugging" ; # debug process + echo "Current working dir is " . getcwd() . "\n"; + if (!file_exists($jsonFilePath)) { + die("json not found at $jsonFilePath ") ; + } + echo "file found" ; + if (!is_readable($jsonFilePath)) { + die("json is not readable at $jsonFilePath"); + } + echo "reading $jsonFilePath" ; + $jsonData = json_decode($jsonData, true) ; + if ($jsonData == null) { + die("Couldnt decode json" . json_last_error_msg()) ; + } + echo "json decoded succesfully " ; + echo "Testing absolute path inside class: " . $jsonFilePath . "\n"; + if (!file_exists($jsonFilePath)) { + die("JSON file not found at $jsonFilePath\n"); + } + + + + if (!file_exists($jsonFilePath)) { + echo("JSON file not found."); + } + + $jsonData = json_decode(file_get_contents($jsonFilePath), true); + if (!$jsonData) { + die("Invalid JSON format."); + } + + return $this->buildHtml($jsonData); + } + + private function buildHtml($data) { + $html = "\n\n"; + if (isset($data['head'])) { + $html .= $this->parseHead($data['head']); + } + if (isset($data['body'])) { + $html .= "\n" . $this->parseContent($data['body']['content']) . "\n\n"; + } + $html .= ""; + return $html; + } + + private function parseHead($headData) { + $html = "\n"; + + // Title + if (isset($headData['title'])) { + $html .= "{$headData['title']}\n"; + } + + // Inline CSS Styles + if (isset($headData['styles'])) { + $html .= "\n"; + } + + $html .= "\n"; + return $html; + } + + private function parseContent($contentArray) { + $html = ""; + foreach ($contentArray as $element) { + $html .= $this->createElement($element); + } + return $html; + } + + private function createElement($element) { + if (!isset($element['element'])) return ""; + + $tag = $element['element']; + $attributes = isset($element['attributes']) ? $this->parseAttributes($element['attributes']) : ""; + $value = isset($element['value']) ? $element['value'] : ""; + $innerHtml = isset($element['content']) ? $this->parseContent($element['content']) : ""; + + return "<$tag $attributes>$value$innerHtml\n"; + } + + private function parseAttributes($attributes) { + $htmlAttributes = ""; + foreach ($attributes as $key => $value) { + $htmlAttributes .= "$key=\"$value\" "; + } + return trim($htmlAttributes); + } +} + +// Generate the HTML from JSON +$parser = new JsonToHtmlParser(); +$htmlOutput = $parser->parseJsonFile(__DIR__ . "/examplary.json"); + + +// Save the output to an HTML file +file_put_contents("output.html", $htmlOutput); +echo "HTML file generated successfully! Open 'output.html' to view the website."; + +?>