<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>database - itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</title>
	<atom:link href="https://www.itoffside.com/tag/database/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.itoffside.com</link>
	<description>ข้อมูลข่าวสารและเรื่องราวบนโลกของไอทีที่ ล้ำหน้า พร้อมสาระการเขียนโปรแกรมคอมพิวเตอร์</description>
	<lastBuildDate>Tue, 22 Apr 2025 15:20:25 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://www.itoffside.com/wp-content/uploads/2020/04/cropped-favicon-96x96-1-32x32.png</url>
	<title>database - itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</title>
	<link>https://www.itoffside.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>แจกฟรี! ระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี &#038; ใบสั่งซื้อ รองรับทุกธุรกิจ</title>
		<link>https://www.itoffside.com/free-accounting-system-php-invoice-purchase-order/</link>
					<comments>https://www.itoffside.com/free-accounting-system-php-invoice-purchase-order/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Tue, 22 Apr 2025 15:13:27 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLi]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php 8]]></category>
		<category><![CDATA[php login]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[php7]]></category>
		<category><![CDATA[phpexcel]]></category>
		<category><![CDATA[PhpSpreadsheet]]></category>
		<category><![CDATA[ระบบบัญชี php]]></category>
		<category><![CDATA[ใบกำกับภาษี php]]></category>
		<category><![CDATA[ใบสั่งซื้อ php]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3633</guid>

					<description><![CDATA[<p>ในยุคออนไลน์ที่ทุกอย่างต้องการความรวดเร็ว **ระบบบัญชี PHP** ที่มีฟังก์ชันครบถ้วนสำหรับการ พิมพ์ใบกำกับภาษี, ใบเสร็จรับเงิน และ ใบสั่งซื้อ ถือเป็นเครื่องมือที่จำเป็นสำหรับธุรกิจทุกประเภท ไม่ว่าจะเป็นร้านค้าออนไลน์ บริษัท หรือองค์กรที่ต้องการจัดการเอกสารทางบัญชีได้อย่างสะดวก วันนี้เรามีระบบจัดการบัญชี...</p>
<p>The post <a href="https://www.itoffside.com/free-accounting-system-php-invoice-purchase-order/">แจกฟรี! ระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี & ใบสั่งซื้อ รองรับทุกธุรกิจ</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>ในยุคออนไลน์ที่ทุกอย่างต้องการความรวดเร็ว <em><strong><span style="color: #ff00ff;">**ระบบบัญชี PHP**</span></strong></em> ที่มีฟังก์ชันครบถ้วนสำหรับการ <strong>พิมพ์ใบกำกับภาษี</strong>, <strong>ใบเสร็จรับเงิน</strong> และ <strong>ใบสั่งซื้อ</strong> ถือเป็นเครื่องมือที่จำเป็นสำหรับธุรกิจทุกประเภท ไม่ว่าจะเป็นร้านค้าออนไลน์ บริษัท หรือองค์กรที่ต้องการจัดการเอกสารทางบัญชีได้อย่างสะดวก วันนี้เรามีระบบจัดการบัญชีที่ใช้งานง่าย พร้อมแจกให้ดาวน์โหลดฟรี!<span id="more-3633"></span></p>
<p><!-- Features Section --></p>
<h2>ฟีเจอร์เด่นของระบบบัญชี PHP</h2>
<ul>
<li><strong>บันทึกใบกำกับภาษี &amp; ใบเสร็จรับเงิน</strong> – รองรับการพิมพ์ใบกำกับภาษีแบบเต็มรูปแบบ พร้อมฟอร์มที่ถูกต้องตามมาตรฐาน</li>
<li><strong>พิมพ์ใบสั่งซื้อ</strong> – ระบบพิมพ์ใบสั่งซื้อที่ช่วยให้การจัดการคำสั่งซื้อเป็นไปอย่างมีประสิทธิภาพ พร้อมฟอร์มที่ถูกต้องตามมาตรฐาน</li>
<li><strong>จัดการข้อมูลสินค้า</strong> – เพิ่ม/แก้ไขข้อมูลสินค้า</li>
<li><strong>จัดการข้อมูลลูกค้า</strong> – บันทึกและจัดเก็บข้อมูลลูกค้าอย่างเป็นระบบ</li>
<li><strong>จัดการข้อมูลผู้จำหน่าย</strong> – บริหารจัดการข้อมูลซัพพลายเออร์ได้ง่ายดาย</li>
<li><strong>การตั้งค่าระบบเต็มรูปแบบ</strong> – ปรับแต่งการทำงานของระบบตามความต้องการของธุรกิจคุณ</li>
</ul>
<p><a class="ngg-simplelightbox" title=" " href="https://www.itoffside.com/wp-content/gallery/eaccount/eaccount-10.png" rel="" data-image-id="64" data-src="https://www.itoffside.com/wp-content/gallery/eaccount/eaccount-10.png" data-thumbnail="https://www.itoffside.com/wp-content/gallery/eaccount/thumbs/thumbs_eaccount-10.png" data-title="eaccount-10" data-description=" "><img decoding="async" class="ngg-singlepic ngg-none" src="https://www.itoffside.com/wp-content/gallery/eaccount/eaccount-10.png" alt="eaccount-10"></a></p>
<p><!-- SEO Keywords --></p>
<h2>ระบบบัญชี PHP ที่รองรับการพิมพ์ใบกำกับภาษี &amp; ใบสั่งซื้อ</h2>
<p>ระบบนี้ได้รับการออกแบบให้ใช้งานง่าย รองรับทุกฟังก์ชันสำคัญ ทั้งการ <strong>พิมพ์ใบกำกับภาษี PHP</strong>, <strong>พิมพ์ใบสั่งซื้อ PHP</strong>, <strong>ระบบขาย/ซื้อ PHP</strong> ซึ่งช่วยให้การดำเนินธุรกิจเป็นไปอย่างคล่องตัว</p>
<p><!-- Call to Action --></p>
<h2>ดาวน์โหลดฟรี – ติดตั้งง่าย พร้อมใช้งาน!</h2>
<p>หากคุณกำลังมองหา <strong>ระบบบัญชี PHP</strong> ที่สามารถ <strong>พิมพ์ใบกำกับภาษี PHP</strong> และ <strong>พิมพ์ใบสั่งซื้อ PHP</strong> ได้ครบถ้วน นี่คือโอกาสที่คุณไม่ควรพลาด! คลิกที่ลิงก์ด้านล่างเพื่อดาวน์โหลดระบบและเริ่มใช้งานได้ทันที</p>
<p><a href="https://drive.google.com/file/d/1Om9QG8V0L0vj97mJBjLE34aOP99_o-dj/view?usp=sharing" target="_blank" rel="nofollow noopener">ดาวน์โหลดระบบบัญชีฟรีที่นี่</a></p>
<p><!-- Closing Statement --></p>
<h2>⚙️ วิธีติดตั้งระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี &amp; ใบสั่งซื้อ</h2>
<p>การติดตั้ง <strong>ระบบบัญชี PHP</strong> นี้ง่ายและรวดเร็ว เพียงทำตามขั้นตอนต่อไปนี้ คุณจะสามารถเริ่มใช้งานระบบได้ทันที!</p>
<h3>ขั้นตอนการติดตั้ง</h3>
<ol>
<li><strong>ดาวน์โหลดไฟล์ระบบ</strong>: คลิกที่ลิงก์ด้านล่างเพื่อดาวน์โหลดซอร์สโค้ดระบบบัญชี <a href="https://drive.google.com/file/d/1Om9QG8V0L0vj97mJBjLE34aOP99_o-dj/view?usp=sharing" target="_blank" rel="nofollow noopener">ดาวน์โหลดระบบบัญชีฟรีที่นี่</a></li>
<li><strong>แตกไฟล์ ZIP</strong>: หลังจากดาวน์โหลดเสร็จ ให้แตกไฟล์ ZIP และนำไปวางไว้ในเซิร์ฟเวอร์ของคุณ ตัวอย่างไว้ใน c:/xampp/htdocs/eaccount-lite</li>
<li><strong>ตั้งค่าฐานข้อมูล MySQL</strong>:
<ul>
<li>สร้างฐานข้อมูลใหม่ใน MySQL (แนะนำใช้ phpMyAdmin) ชื่อฐานข้อมูล <strong>eaccount_lite</strong></li>
<li>Import sql นำเข้าตารางฐานข้อมูลจากไฟล์ <code>eaccount_lite.sql</code></li>
<li>ตั้งค่าการเชื่อมต่อฐานข้อมูลและตั้ง URL ในไฟล์ <code>config.php</code></li>
</ul>
</li>
<li><strong>ตั้งค่าเซิร์ฟเวอร์</strong>: ตรวจสอบให้แน่ใจว่าเซิร์ฟเวอร์รองรับ PHP version 8 ขึ้นไป และ MySQL เวอร์ชันล่าสุด</li>
<li><strong>ทดสอบการใช้งาน</strong>: เปิดเบราว์เซอร์แล้วไปที่ URL ของเซิร์ฟเวอร์เพื่อล็อกอินเข้าสู่ระบบ</li>
</ol>
<h3>คำแนะนำเพิ่มเติม</h3>
<ul>
<li>ควรตั้งค่าสิทธิ์ไฟล์และโฟลเดอร์ให้เหมาะสม (CHMOD 755 หรือ 777) เพื่อให้สามารถอัปโหลดไฟล์เอกสารได้</li>
<li>ตรวจสอบว่ามีการเปิดใช้งานโมดูล <strong>mysqli</strong> ในเซิร์ฟเวอร์ของคุณ</li>
<li>หากพบข้อผิดพลาดในการติดตั้ง สามารถติดต่อทีมพัฒนาเพื่อรับคำแนะนำเพิ่มเติม</li>
</ul>
<h2>ดาวน์โหลดและเริ่มใช้งานเลย!</h2>
<p>ระบบนี้รองรับทุกฟังก์ชันสำคัญ เช่น <strong>พิมพ์ใบกำกับภาษี PHP</strong>, <strong>พิมพ์ใบสั่งซื้อ PHP</strong>, <strong>ระบบขาย/ซื้อ PHP</strong> และสามารถปรับแต่งเพิ่มเติมได้ตามความต้องการ รีบดาวน์โหลดและเริ่มใช้งานเพื่อเพิ่มประสิทธิภาพในการจัดการบัญชีของคุณ</p>
<p>หวังว่าระบบนี้จะช่วยให้การจัดการบัญชีและเอกสารของคุณเป็นเรื่องง่ายขึ้น! หากมีข้อสงสัยเกี่ยวกับการติดตั้งหรือการใช้งาน สามารถสอบถามเพิ่มเติมได้เลย</p><p>The post <a href="https://www.itoffside.com/free-accounting-system-php-invoice-purchase-order/">แจกฟรี! ระบบบัญชี PHP พร้อมพิมพ์ใบกำกับภาษี & ใบสั่งซื้อ รองรับทุกธุรกิจ</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/free-accounting-system-php-invoice-purchase-order/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>แจกระบบเอกสาร PHP &#038; MySQL &#124; ดาวน์โหลดฟรี พร้อมวิธีติดตั้ง</title>
		<link>https://www.itoffside.com/edocument-php-mysql-sourcecode/</link>
					<comments>https://www.itoffside.com/edocument-php-mysql-sourcecode/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Thu, 03 Apr 2025 00:27:03 +0000</pubDate>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[edocument]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLi]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php 8]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[php7]]></category>
		<category><![CDATA[ระบบเอกสาร]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3600</guid>

					<description><![CDATA[<p>หากคุณกำลังมองหา ระบบเอกสารออนไลน์ที่พัฒนาด้วย PHP และ MySQL ที่ช่วยให้การจัดเก็บและบริหารจัดการไฟล์เป็นเรื่องง่าย โค๊ดสคริปต์นี้จะช่วยให้คุณเข้าใจการทำงานของระบบ พร้อมลิงก์ดาวน์โหลดฟรี! ระบบเอกสาร PHP &#38; MySQL คืออะไร? ระบบเอกสารออนไลน์ (E-Document System) เป็นระบบโปรแกรมที่ช่วยให้คุณสามารถ จัดเ...</p>
<p>The post <a href="https://www.itoffside.com/edocument-php-mysql-sourcecode/">แจกระบบเอกสาร PHP & MySQL | ดาวน์โหลดฟรี พร้อมวิธีติดตั้ง</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>หากคุณกำลังมองหา <strong>ระบบเอกสารออนไลน์ที่พัฒนาด้วย PHP และ MySQL</strong> ที่ช่วยให้การจัดเก็บและบริหารจัดการไฟล์เป็นเรื่องง่าย โค๊ดสคริปต์นี้จะช่วยให้คุณเข้าใจการทำงานของระบบ พร้อมลิงก์ดาวน์โหลดฟรี!</p>
<h2><strong> ระบบเอกสาร PHP &amp; MySQL คืออะไร?</strong></h2>
<p>ระบบเอกสารออนไลน์ (E-Document System) เป็นระบบโปรแกรมที่ช่วยให้คุณสามารถ <strong>จัดเก็บไฟล์เอกสาร</strong> ค้นหา การเข้าถึงได้อย่างสะดวก เหมาะสำหรับองค์กร บริษัท หรือบุคคลทั่วไปที่ต้องการเครื่องมือช่วยจัดการเอกสาร</p>
<p><span id="more-3600"></span></p>
<figure id="attachment_3602" aria-describedby="caption-attachment-3602" style="width: 1636px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" class="size-full wp-image-3602" src="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02.png" alt="edocument php mysql" width="1636" height="775" srcset="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02.png 1636w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02-300x142.png 300w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02-1024x485.png 1024w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02-768x364.png 768w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02-1536x728.png 1536w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-02-80x38.png 80w" sizes="(max-width: 1636px) 100vw, 1636px" /><figcaption id="caption-attachment-3602" class="wp-caption-text">edocument php mysql</figcaption></figure>
<p>&nbsp;</p>
<figure id="attachment_3601" aria-describedby="caption-attachment-3601" style="width: 551px" class="wp-caption aligncenter"><img decoding="async" class=" wp-image-3601" src="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01.png" alt="edocument php mysql" width="551" height="309" srcset="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01.png 1651w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01-300x168.png 300w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01-1024x574.png 1024w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01-768x430.png 768w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01-1536x861.png 1536w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-01-80x45.png 80w" sizes="(max-width: 551px) 100vw, 551px" /><figcaption id="caption-attachment-3601" class="wp-caption-text">edocument php mysql</figcaption></figure>
<figure id="attachment_3603" aria-describedby="caption-attachment-3603" style="width: 2025px" class="wp-caption aligncenter"><img decoding="async" class="size-full wp-image-3603" src="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03.png" alt="edocument php mysql" width="2025" height="1417" srcset="https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03.png 2025w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03-300x210.png 300w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03-1024x717.png 1024w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03-768x537.png 768w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03-1536x1075.png 1536w, https://www.itoffside.com/wp-content/uploads/2025/04/edocument-php-03-80x56.png 80w" sizes="(max-width: 2025px) 100vw, 2025px" /><figcaption id="caption-attachment-3603" class="wp-caption-text">edocument php mysql</figcaption></figure>
<h2><strong>✨ คุณสมบัติเด่นของระบบ</strong></h2>
<p>✔ <strong>อัปโหลดและจัดเก็บเอกสาร</strong> รองรับไฟล์หลากหลายประเภท<br />
✔ <strong>จัดหมวดหมู่เอกสาร</strong> แยกตามประเภทหรือแผนกเพื่อค้นหาง่ายขึ้น<br />
✔ <strong>ค้นหาเอกสารได้รวดเร็ว</strong> ด้วยระบบค้นหาตามชื่อไฟล์หรือคำสำคัญ<br />
✔ <strong>อินเตอร์เฟซใช้งานง่าย</strong> ดีไซน์เรียบง่าย มือใหม่ก็ใช้งานได้ทันที</p>
<h2><strong> ดาวน์โหลดและติดตั้งระบบเอกสาร</strong></h2>
<p>โครงการนี้ถูกเผยแพร่ผ่าน <strong>GitHub</strong> สามารถดาวน์โหลดได้ที่ <a title="ระบบเอกสาร php" href="https://github.com/ipball/edocument" target="_blank" rel="noopener">https://github.com/ipball/edocument</a></p>
<h3><strong>วิธีติดตั้ง</strong></h3>
<p>1️⃣ ดาวน์โหลดโค้ดจาก GitHub<br />
2️⃣ อัปโหลดลงเซิร์ฟเวอร์ที่รองรับ PHP และ MySQL หรือติดตั้งบนเครื่องโดยใช้ xampp จำลองเซิฟเวอร์แทนได้<br />
3️⃣ สร้างฐานข้อมูลชื่อ document และนำเข้าตารางจากไฟล์ SQL ที่แนบมาชื่อไฟล์ _database.sql ในกรณีผมใช้ phpmyadmin ในการจัดการฐานข้อมูล<br />
4️⃣ ตั้งค่าการเชื่อมต่อฐานข้อมูลใน <code>config.php</code><br />
5️⃣ เริ่มใช้งานระบบเอกสารได้เลย!</p>
<p>เข้าจัดการเอกสาร /admin<br />
ผู้ใช้: todo<br />
รหัสผ่าน: passpass</p>
<h2><strong> ประโยชน์ของระบบเอกสาร</strong></h2>
<p><strong>ทำไมต้องใช้ระบบเอกสารออนไลน์?</strong> นอกจากช่วยจัดการไฟล์ได้ง่ายขึ้นแล้ว ยังช่วยให้ทีมงานสามารถเข้าถึงข้อมูลสำคัญได้ตลอดเวลา ไม่ต้องกังวลเรื่องเอกสารสูญหาย ลดการใช้กระดาษ และเพิ่มประสิทธิภาพการทำงาน</p>
<p>หากคุณกำลังมองหาวิธี <strong>บริหารเอกสารให้มีประสิทธิภาพ</strong> ระบบนี้คือคำตอบ! รองรับการใช้งานหลากหลาย และสามารถปรับแต่งเพิ่มเติมได้ตามความต้องการ</p>
<p>และโปรแกรมแจกฟรี เขียนโดย <strong>PHP&amp;Mysql</strong> ทำให้ไม่ต้องกังวลเรื่องเซิฟเวอร์ราคาแพง เพราะเป็นภาษาไม่เสียค่าลิขสิทธิ์</p><p>The post <a href="https://www.itoffside.com/edocument-php-mysql-sourcecode/">แจกระบบเอกสาร PHP & MySQL | ดาวน์โหลดฟรี พร้อมวิธีติดตั้ง</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/edocument-php-mysql-sourcecode/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
		<item>
		<title>PHP Workshop Shoppingcart จัดการสินค้า, ตะกร้าสินค้า, สั่งซื้อสินค้า [Full Course] สอนละเอียด ฟรี!</title>
		<link>https://www.itoffside.com/php-workshop-shoppingcart/</link>
					<comments>https://www.itoffside.com/php-workshop-shoppingcart/#respond</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Tue, 29 Aug 2023 05:20:01 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLi]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php 8]]></category>
		<category><![CDATA[php shopping cart]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php ระบบจัดการสินค้า]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[php7]]></category>
		<category><![CDATA[shopping cart]]></category>
		<category><![CDATA[workshop cart]]></category>
		<category><![CDATA[ระบบตะกร้าสินค้า]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3485</guid>

					<description><![CDATA[<p>วิดีโอสอนเขียนโปรแกรมแบบ WorkShop PHP Shoppingcart ตะกร้าสินค้า วิดีโอนี้พาสอนการเขียนโปรแกรมเต็มรูปแบบมีระบบ 1. จัดการสินค้า เพิ่ม ลบ แก้ไข แสดงรายการสินค้า 2. จัดการตะกร้าสินค้า เพิ่มสินค้าเข้าในตะกร้า, อัพเดทจำนวนสินค้าในตะกร้า, ลบสินค้าออกจากตะกร้า 3. ระบบสั่งซื้อหลังจากหยิบสินค้าใส่ตะกร้าแล้ว ส...</p>
<p>The post <a href="https://www.itoffside.com/php-workshop-shoppingcart/">PHP Workshop Shoppingcart จัดการสินค้า, ตะกร้าสินค้า, สั่งซื้อสินค้า [Full Course] สอนละเอียด ฟรี!</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<h1>วิดีโอสอนเขียนโปรแกรมแบบ WorkShop PHP Shoppingcart ตะกร้าสินค้า</h1>
<h3>วิดีโอนี้พาสอนการเขียนโปรแกรมเต็มรูปแบบมีระบบ</h3>
<p>1. จัดการสินค้า เพิ่ม ลบ แก้ไข แสดงรายการสินค้า<br />
2. จัดการตะกร้าสินค้า เพิ่มสินค้าเข้าในตะกร้า, อัพเดทจำนวนสินค้าในตะกร้า, ลบสินค้าออกจากตะกร้า<br />
3. ระบบสั่งซื้อหลังจากหยิบสินค้าใส่ตะกร้าแล้ว</p>
<h3>สิ่งที่ได้รับจากวิดีโอนี้</h3>
<p>1. การเขียน PHP เชื่อมต่อกับ MySQLi<br />
2. การเขียน PHP workshop แบบ CRUD [Create, Read, Update Delete]<br />
3. การเขียน PHP กับ Session ในการจัดการตะกร้าสินค้า</p>
<p><span id="more-3485"></span></p>
<h3>สารบัญการสอน</h3>
<ol>
<li>Demo ระบบ</li>
<li>สร้างฐานข้อมูล(Database)</li>
<li>สร้างโปรเจ็ค Shoppingcart</li>
<li>สร้างไฟล์ config.php</li>
<li>สร้างหน้า index.php รายการ, เพิ่ม, แก้ไข, ลบ สินค้า</li>
<li>เพิ่มสินค้าเข้าฐานข้อมูล</li>
<li>แสดงรายการสินค้า</li>
<li>แก้ไขสินค้า</li>
<li>ลบสินค้า</li>
<li>สินค้าสำหรับหยิบใส่ตะกร้า</li>
<li>เพิ่มสินค้าลงในตะกร้า</li>
<li>แสดงจำนวนสินค้าตะกร้า</li>
<li>หน้ารายการตะกร้าสินค้า</li>
<li>ลบสินค้าออกจากตะกร้า</li>
<li>อัพเดทจำนวนสินค้าในตะกร้า</li>
<li>หน้าสั่งซื้อสินค้า Checkout</li>
<li>fix error session[cart]</li>
</ol>
<h3>วิดีโอสอน Full Course ฟรี</h3>
<p><iframe loading="lazy" title="PHP Workshop Shoppingcart จัดการสินค้า, ตะกร้าสินค้า, สั่งซื้อสินค้า [Full] สอนละเอียด เต็มระบบ" width="660" height="371" src="https://www.youtube.com/embed/UWaWAjAqPzs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3><span style="color: #ff00ff;">หากต้องการ Sourcode สามารถซื้อเพื่อสนับสนุนผู้สอนได้ที่</span></h3>
<h4><span style="color: #ff9900;"><span style="color: #ff0000;"><del>500บาท</del></span> <span style="color: #000000;">โปรลดราคาเหลือเพียง</span> <em>300 บาท</em></span></h4>
<p>inbox เพจ <a href="https://www.facebook.com/itoffside" target="_blank" rel="noopener">https://www.facebook.com/itoffside</a><br />
หรือ ติดต่อที่ไลน์ไอดี @eke8377p (มี @ ข้างหน้าด้วย)</p>
<p><strong>LINE ID:</strong></p>
<p><img loading="lazy" decoding="async" class="" src="https://qr-official.line.me/L/GjDKhMhfT9.png" width="223" height="223"></p><p>The post <a href="https://www.itoffside.com/php-workshop-shoppingcart/">PHP Workshop Shoppingcart จัดการสินค้า, ตะกร้าสินค้า, สั่งซื้อสินค้า [Full Course] สอนละเอียด ฟรี!</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/php-workshop-shoppingcart/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Laravel WorkShop ระบบ Blog และ Login</title>
		<link>https://www.itoffside.com/laravel-workshop-blog-and-login/</link>
					<comments>https://www.itoffside.com/laravel-workshop-blog-and-login/#respond</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Thu, 31 Mar 2022 21:56:48 +0000</pubDate>
				<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLi]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[PHP Framework]]></category>
		<category><![CDATA[workshop]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3316</guid>

					<description><![CDATA[<p>ระบบจัดการ Blog สามารถ เพิ่ม แก้ไข ลบ และแสดงรายการ ได้ มีการตรวจสอบการกรอกข้อมูล และมีระบบยืนยันตัวตนผ่านการล๊อกอิน(Login) เป็นระบบ workshop laravel อย่างง่ายๆ ให้ผู้อ่านผู้ชม ได้เห็นการเขียนโปรแกรมด้วย laravel ว่าเขียนประมาณไหนบ้าง พาใช้งาน Laravel ผ่าน Workshop Blog/Login เพื่อนๆจะได้รู้จักกับ กา...</p>
<p>The post <a href="https://www.itoffside.com/laravel-workshop-blog-and-login/">Laravel WorkShop ระบบ Blog และ Login</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p><strong>ระบบจัดการ Blog</strong> สามารถ เพิ่ม แก้ไข ลบ และแสดงรายการ ได้ มีการตรวจสอบการกรอกข้อมูล และมีระบบยืนยันตัวตนผ่านการล๊อกอิน(Login) เป็นระบบ <strong>workshop laravel</strong> อย่างง่ายๆ ให้ผู้อ่านผู้ชม ได้เห็นการเขียนโปรแกรมด้วย <strong>laravel</strong> ว่าเขียนประมาณไหนบ้าง</p>
<p><span class="style-scope yt-formatted-string" dir="auto">พาใช้งาน <strong>Laravel</strong> ผ่าน <strong>Workshop Blog/Login</strong> เพื่อนๆจะได้รู้จักกับ</span></p>
<ul>
<li><span class="style-scope yt-formatted-string" dir="auto">การสร้าง <strong>Controller, Model, View</strong> &#8211; การกำหนด Route ของ Web (GET, POST, PUT, DELETE)</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>Migrate</strong> ของ database</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>Middleware</strong> และการใช้งาน middleware ผ่าน <strong>Route</strong></span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ Authen login แบบ Manual</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>CRUD</strong> ของ Blog</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>Paginate</strong> แบ่งหน้า</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>Validate</strong> form</span></li>
<li><span class="style-scope yt-formatted-string" dir="auto">การทำ <strong>Relation</strong> ของ ORM (One to Many)</span></li>
</ul>
<p><span id="more-3316"></span></p>
<p>วิดีโอประกอบการสอน workshop</p>
<p><iframe loading="lazy" title="Laravel Workshop ระบบ Blog และ Login" width="660" height="371" src="https://www.youtube.com/embed/wA75lGFF9E8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><span class="style-scope yt-formatted-string" dir="auto">ดาวน์โหลด Sourcecode </span><a class="yt-simple-endpoint style-scope yt-formatted-string" dir="auto" spellcheck="false" href="https://github.com/ipball/Laravel-Blog" target="_blank" rel="nofollow noopener">https://github.com/ipball/Laravel-Blog</a></p><p>The post <a href="https://www.itoffside.com/laravel-workshop-blog-and-login/">Laravel WorkShop ระบบ Blog และ Login</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/laravel-workshop-blog-and-login/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>การทำ Multiple Dropdown จังหวัด, อำเภอ, ตำบล แบบ 3 ชั้น ด้วย Ajax + PHP + MySQL</title>
		<link>https://www.itoffside.com/dropdown-dynamic-3-level-with-ajax/</link>
					<comments>https://www.itoffside.com/dropdown-dynamic-3-level-with-ajax/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Tue, 21 Jan 2020 06:50:38 +0000</pubDate>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[MySQLi]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[php7]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3185</guid>

					<description><![CDATA[<p>บทความนี้เป็นการสอนการทำ Dropdown 3 ชั้น โดยใช้เทคนิค Ajax ในการช่วยเพื่อให้หน้าเว็บไปต้องรีเฟส โดยขั้นตอนการทำงานเริ่มจากเลือกจังหวัด เมื่อเลือกจังหวัดแล้ว Dropdown ชั้นที่ 2 จะมีรายชื่ออำเภอของจังหวัดที่เลือกเท่านั้น หลังจากนั้นเมื่อเราเลือกอำเภอ Dropdown ชั้นที่ 3 จะมีรายชื่อตำบลของอำเภอที่เราเลื...</p>
<p>The post <a href="https://www.itoffside.com/dropdown-dynamic-3-level-with-ajax/">การทำ Multiple Dropdown จังหวัด, อำเภอ, ตำบล แบบ 3 ชั้น ด้วย Ajax + PHP + MySQL</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>บทความนี้เป็นการสอนการทำ <strong>Dropdown 3 ชั้น</strong> โดยใช้เทคนิค <strong>Ajax</strong> ในการช่วยเพื่อให้หน้าเว็บไปต้องรีเฟส โดยขั้นตอนการทำงานเริ่มจากเลือกจังหวัด เมื่อเลือกจังหวัดแล้ว Dropdown ชั้นที่ 2 จะมีรายชื่ออำเภอของจังหวัดที่เลือกเท่านั้น หลังจากนั้นเมื่อเราเลือกอำเภอ Dropdown ชั้นที่ 3 จะมีรายชื่อตำบลของอำเภอที่เราเลือก จะเห็นได้ว่าทั้งหมดนี้เราใช้ ภาษา <strong>PHP + MySQL</strong> (เทคนิค Ajax) เท่านั้น ซึ่งทางผู้เขียนจะอธิบายขั้นตอนของ code เพื่อให้ผู้อ่านเข้าใจได้ง่ายขึ้น<span id="more-3185"></span></p>
<h3>เดโม่ตัวอย่าง</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3204" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown.gif" alt="" width="726" height="294"></p>
<h3>เครื่องมือพัฒนา</h3>
<p>1. <strong>XAMPP</strong> สำหรับจำลองเครื่องเราเป็น SERVER ให้ใช้เวอร์ชั่นล่าสุด (ที่ใช้ php 7 ขึ้นไป)<br />
2. <strong>VSCODE</strong> ใช้ในการเขียนโปรแกรม</p>
<h3>ขั้นตอน</h3>
<p>1. ดาวน์โหลดฐานข้อมูลมาก่อน สามารถดาวน์โหลดได้ที่ <a href="https://raw.githubusercontent.com/ipball/multiple_dropdown/master/thailand.sql" target="_blank" rel="noopener noreferrer">Click to Download</a> อ้างอิงจาก https://github.com/parsilver/thailand-provinces<br />
2. หลังจากนั้นทำการสร้าง database ชื่อ thailand แล้วทำการ Import SQL โดยใช้ <span style="color: #ff00ff;"><strong>PHPMyAdmin</strong></span><br />
3 สร้างโปรเจค multiple_dropdown ไว้ใน c:\xampp\htdocs\<br />
4. สร้างไฟล์ <span style="color: #000080;">connect.php</span> เพื่อเชื่อมต่อฐานข้อมูล code ตัวอย่างด้านล่าง</p><pre class="crayon-plain-tag">&lt;?php
$info = array(
    'host' =&gt; 'localhost',
    'user' =&gt; 'root',
    'password' =&gt; '',
    'dbname' =&gt; 'thailand'
);
$conn = mysqli_connect($info['host'], $info['user'], $info['password'], $info['dbname']) or die('Error connection database!');
mysqli_set_charset($conn, 'utf8');</pre><p>5. สร้างไฟล์ <span style="color: #000080;">index.php</span> เพื่อสร้าง html และทำ multiple dropdown ดู code ตัวอย่างด้านล่าง</p><pre class="crayon-plain-tag">&lt;?php
include('connect.php');
$sql = "SELECT * FROM provinces";
$query = mysqli_query($conn, $sql);
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    &lt;title&gt;Multiple Dropdown - itoffside.com&lt;/title&gt;

    &lt;link href="assets/bootstrap.min.css" rel="stylesheet"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="container my-5"&gt;
    &lt;div class="card"&gt;
        &lt;div class="card-body"&gt;
            &lt;h3&gt;การทำ Multiple Dropdown ด้วย Ajax เลือก 3 ขั้น&lt;/h3&gt;
            &lt;form&gt;
                &lt;div class="form-row"&gt;
                    &lt;div class="form-group col-md-4"&gt;
                        &lt;label for="province"&gt;จังหวัด&lt;/label&gt;
                        &lt;select name="province_id" id="province" class="form-control"&gt;
                            &lt;option value=""&gt;เลือกจังหวัด&lt;/option&gt;
                            &lt;?php while($result = mysqli_fetch_assoc($query)): ?&gt;
                                &lt;option value="&lt;?=$result['id']?&gt;"&gt;&lt;?=$result['name_th']?&gt;&lt;/option&gt;
                            &lt;?php endwhile; ?&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group col-md-4"&gt;
                        &lt;label for="amphure"&gt;อำเภอ&lt;/label&gt;
                        &lt;select name="amphure_id" id="amphure" class="form-control"&gt;
                            &lt;option value=""&gt;เลือกอำเภอ&lt;/option&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group col-md-4"&gt;
                        &lt;label for="district"&gt;ตำบล&lt;/label&gt;
                        &lt;select name="district_id" id="district" class="form-control"&gt;
                            &lt;option value=""&gt;เลือกตำบล&lt;/option&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                &lt;/div&gt;                
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script src="assets/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="assets/script.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;?php
mysqli_close($conn);</pre><p><strong>คำอธิบาย Code</strong><br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-3191" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-01.png" alt="" width="309" height="102" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-01.png 309w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-01-300x99.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-01-80x26.png 80w" sizes="auto, (max-width: 309px) 100vw, 309px" /></p>
<p><span style="text-decoration: underline;">บรรทัด 1-5</span> เป็นการเชื่อต่อฐานข้อมูลและดึงข้อมูลจังหวัดมา (province)</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-3192 " src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-02.png" alt="" width="526" height="151" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-02.png 766w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-02-300x86.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-02-80x23.png 80w" sizes="auto, (max-width: 526px) 100vw, 526px" /><br />
<span style="text-decoration: underline;">บรรทัด 22-31</span> เป็นการนำข้อมูลจังหวัดที่ได้ จากบรรทัด 1-5 มาแสดงในหน้าจอ</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3193" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-03.png" alt="" width="641" height="246" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-03.png 641w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-03-300x115.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-03-80x31.png 80w" sizes="auto, (max-width: 641px) 100vw, 641px" /><br />
<span style="text-decoration: underline;">บรรทัด 32-43</span> เป็นการใส่ dropdown อำเภอ, ตำบล แต่ยังไม่มีข้อมูล จนกว่า เราจะเลือกจังหวัด ซึ่งเราจะนำ javascript มาจับ Event หน้าจอ เพื่อเรียกใช้งาน ajax แล้วนำข้อมูล อำเภอ, ตำบล มาใส่ตามลำดับ</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3194" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-04.png" alt="" width="391" height="78" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-04.png 391w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-04-300x60.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-04-80x16.png 80w" sizes="auto, (max-width: 391px) 100vw, 391px" /><br />
<span style="text-decoration: underline;">บรรทัด 51</span> เป็นการเรียกใช้ไฟล์ <span style="color: #000080;">script.js</span> โดย file นี้มีความสำคัญในการ จัดการ <strong>AJAX</strong></p>
<p>6. สร้างไฟล์ <span style="color: #000080;">script.js</span> ไว้ที่โฟล์เดอร์ assets เพื่อใช้สำหรับ เวลาเราเปลี่ยนแปลง จังหวัดหรืออำเภอ ให้ทำการ ดึงข้อมูล มาใหม่</p><pre class="crayon-plain-tag">$(function(){
    var provinceObject = $('#province');
    var amphureObject = $('#amphure');
    var districtObject = $('#district');

    // on change province
    provinceObject.on('change', function(){
        var provinceId = $(this).val();

        amphureObject.html('&lt;option value=""&gt;เลือกอำเภอ&lt;/option&gt;');
        districtObject.html('&lt;option value=""&gt;เลือกตำบล&lt;/option&gt;');

        $.get('get_amphure.php?province_id=' + provinceId, function(data){
            var result = JSON.parse(data);
            $.each(result, function(index, item){
                amphureObject.append(
                    $('&lt;option&gt;&lt;/option&gt;').val(item.id).html(item.name_th)
                );
            });
        });
    });

    // on change amphure
    amphureObject.on('change', function(){
        var amphureId = $(this).val();

        districtObject.html('&lt;option value=""&gt;เลือกตำบล&lt;/option&gt;');
        
        $.get('get_district.php?amphure_id=' + amphureId, function(data){
            var result = JSON.parse(data);
            $.each(result, function(index, item){
                districtObject.append(
                    $('&lt;option&gt;&lt;/option&gt;').val(item.id).html(item.name_th)
                );
            });
        });
    });
});</pre><p><strong>อธิบาย Code</strong><br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-3195" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-05.png" alt="" width="320" height="61" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-05.png 320w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-05-300x57.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-05-80x15.png 80w" sizes="auto, (max-width: 320px) 100vw, 320px" /><br />
<span style="text-decoration: underline;">บรรทัด 2-4</span> สร้างตัวแปรเพื่อเก็บ Element Selector ของ <strong>Dropdown จังหวัด, อำเภอ, ตำบล</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3196" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-06.png" alt="" width="555" height="321" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-06.png 555w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-06-300x174.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-06-80x46.png 80w" sizes="auto, (max-width: 555px) 100vw, 555px" /><br />
<span style="text-decoration: underline;">บรรทัด 7-21</span><br />
&#8211; เมื่อมีการเปลี่ยนแปลง <strong>Dropdown (เลือกจังหวัด)</strong> จะทำการ Clear ข้อมูล อำเภอ, ตำบล ตามบรรทัด 10-11<br />
&#8211; หลังจากนั้น จะทำการใช้ GET ของ jQuery ยิง Request ไปที่ <span style="color: #000080;">get_amphure.php</span> เพื่อดึงข้อมูลอำเภอมา โดยใส่ข้อมูลตัวแปร จังหวัดที่เลือกไปด้วยเพื่อดึงอำเภอเฉพาะจังหวัดที่เลือกเท่านั้น ตัวแปรชื่อ provicne_id ตามบรรทัดที่ 13<br />
&#8211; หลังจากยิง Request ไปที่ server แล้ว Server จะตอบกลับมาเป็นข้อมูลรายการของอำเภอจากจังหวัดที่เลือกใน Dropdown รูปแบบของการตอบกลับเป็น <strong>JSON</strong> ดังนั้นเราต้องทำการ parse data ก่อน ตามบรรทัด 14<br />
&#8211; เมื่อ parse data แล้วข้อมูลจะอยู่ในรูปแบบนี้</p><pre class="crayon-plain-tag">[
  {
    "id":1,
    "name_th": "ห้างฉัตร",
    "province_id": 324
  },
  {},
  ...
]</pre><p>&#8211; ให้เราใช้คำสั่ง <strong>jQuery Append</strong> ข้อมูลลงใน HTML โดยข้อมูลมาเป็น Array ให้ทำการวนข้อมูล โดยใส่ value คือ item.id และ name คือ item.name_th ตามบรรทัด 17&nbsp;</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3197" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-07.png" alt="" width="537" height="296" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-07.png 537w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-07-300x165.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-07-80x44.png 80w" sizes="auto, (max-width: 537px) 100vw, 537px" /><br />
<span style="text-decoration: underline;">บรรทัด 24-37</span> เป็นการดึงข้อมูลตำบลของอำเภอที่เราเลือกมาแสดงบน HTML โดย Event จะทำงานเมื่อคลิกเปลี่ยนอำเภอใน Dropdown การทำงานจะคล้ายกับ การเปลี่ยนจังหวัด แต่แตกต่างที่ ไฟล์ที่ดึงข้อมูลต้องเปลี่ยนเป็น <span style="color: #000080;">get_district.php</span> และ ตัวแปรที่ส่งไปเป็นตัวแปรของอำเภอที่ถูกเลือก และสุดท้าย ตอนได้รับข้อมูลจาก Server มาก็นำมาวนใส่ ใน Dropdown ตำบล ก็เป็นอันจบการทำงาน</p>
<p>7. สร้างไฟล์ <span style="color: #000080;">get_amphure.php</span> เพื่อดึงข้อมูล อำเภอ จากจังหวัดที่เลือกมา ดู code ตัวอย่างด้านล่าง</p><pre class="crayon-plain-tag">&lt;?php
include('connect.php');
$sql = "SELECT * FROM amphures WHERE province_id={$_GET['province_id']}";
$query = mysqli_query($conn, $sql);

$json = array();
while($result = mysqli_fetch_assoc($query)) {    
    array_push($json, $result);
}
echo json_encode($json);</pre><p><strong>อธิบาย Code</strong><br />
เมื่อ ไฟล์ script.js request ขอข้อมูลจาก server โดยเรียกใช้ไฟล์ <span style="color: #000080;">get_amphure.php</span> และส่งตัวแปร province_id มาด้วย เป็นตัวแปร ได้จากการเลือกจังหวัด<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-3198" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-08.png" alt="" width="518" height="196" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-08.png 518w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-08-300x114.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-08-80x30.png 80w" sizes="auto, (max-width: 518px) 100vw, 518px" /><br />
<span style="text-decoration: underline;">บรรทัด 1</span> เชื่อมต่อฐานข้อมูล<br />
<span style="text-decoration: underline;">บรรทัด 2-3</span> ดึงข้อมูลเอารายการอำเภอ จากจังหวัดที่เลือก โดย where province_id<br />
<span style="text-decoration: underline;">บรรทัด 6-9</span> ดึงข้อมูลแล้วทำการ วนเก็บข้อมูลอำเภอ ไว้ใน $json ในรูปแบบ Array<br />
<span style="text-decoration: underline;">บรรทัด 10</span> ทำการแปลงข้อมูล Array ไปเป็น JSON เพิ่มเตรียมส่งกลับไปให้กลับ Client ที่เรียกใช้(<span style="color: #000080;">script.js</span>)</p>
<p>8. สร้างไฟล์ get_district.php เพื่อดึงข้อมูล ตำบล จากอำเภอที่เลือกมา ดู code ตัวอย่างด้านล่าง</p><pre class="crayon-plain-tag">&lt;?php
include('connect.php');
$sql = "SELECT * FROM districts WHERE amphure_id={$_GET['amphure_id']}";
$query = mysqli_query($conn, $sql);

$json = array();
while($result = mysqli_fetch_assoc($query)) {    
    array_push($json, $result);
}
echo json_encode($json);</pre><p><strong>อธิบาย Code</strong><br />
การทำงานคล้ายกับไฟล์ get_amphure.php แตกต่างกันในเรื่องของการดึงข้อมูลคนละตารางเท่านั้น และตัวแปรที่ใช้การ where เป็น amphure_id</p>
<h3>ผลลัพท์</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3200" src="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f.png" alt="" width="1135" height="610" srcset="https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f.png 1135w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f-300x161.png 300w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f-1024x550.png 1024w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f-768x413.png 768w, https://www.itoffside.com/wp-content/uploads/2020/01/multiple-dropdown-f-80x43.png 80w" sizes="auto, (max-width: 1135px) 100vw, 1135px" /></p>
<h3>ดาวน์โหลด</h3>
<p>สามารถดาวน์โหลด Code เต็มๆ หรือ clone code มาดูได้ที่ลิงค์ <a href="https://github.com/ipball/multiple_dropdown" target="_blank" rel="noopener noreferrer">https://github.com/ipball/multiple_dropdown</a></p>
<h3>สรุป</h3>
<p>สำหรับบทความนี้ ผู้เขียนคิดว่า หลายๆคนน่าจะเข้าใจหลักการทำงาน ของ Client &#8211; Server มองเห็นภาพการทำงานชัดเจนในทำงานของโปรแกรม ซึ่งในปี 2020 อาจจะหลายๆคนบอกว่า ยังใช้ jQuery อยู่อีกเหรอ ยังใช้ PHP อยู่อีกเหรอ?</p>
<p>จริงๆแล้วไม่ว่าเราจะใช้ภาษาอะไรหรือเทคโนโลยีอะไรก็ตามแต่ เราจงหาสิ่งที่เราถนัดและเหมาะสมกับงาน แต่ไม่ได้หมายความว่าจะให้ทุกคนจะต้องใช้ PHP ตลอด เราก็ควรศึกษาเรียนรู้ภาษา เทคโนโลยีใหม่ด้วย เช่นกัน เหมือนกับผู้เขียนที่ยังต้องเขียน Node.js, ExpressJS, MongoDB, Angular อยู่เลย เราเป็นนักพัฒนา เราก็ต้องศึกษาพัฒนาตัวเองอยู่สม่ำเสมอ</p><p>The post <a href="https://www.itoffside.com/dropdown-dynamic-3-level-with-ajax/">การทำ Multiple Dropdown จังหวัด, อำเภอ, ตำบล แบบ 3 ชั้น ด้วย Ajax + PHP + MySQL</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/dropdown-dynamic-3-level-with-ajax/feed/</wfw:commentRss>
			<slash:comments>23</slash:comments>
		
		
			</item>
		<item>
		<title>Source code ระบบ การขาย, พิมพ์ใบกำกับภาษี/ใบเสร็จรับเงิน</title>
		<link>https://www.itoffside.com/source-code-e-invoice-print/</link>
					<comments>https://www.itoffside.com/source-code-e-invoice-print/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Wed, 24 Apr 2019 04:00:08 +0000</pubDate>
				<category><![CDATA[Codeigniter]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[codeigniter]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[DataTables]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[php7]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=3080</guid>

					<description><![CDATA[<p>eInvoice คือ ระบบการขาย, พิมพ์ใบกำกับภาษี/ใบเสร็จรับเงิน(Invoice) เป็นระบบที่ช่วยให้การออกหลักฐานของการเสียภาษีมูลค่าเพิ่ม ออกให้กับลูกค้าทุกครั้งที่มีการเข้ามาซื้อสินค้า/บริการ จากเรา ซึ่งผมได้ทำออกมา เพื่อให้บุคคลที่สนใจสามารถนำไปเป็นตัวอย่าง Sourcecode หรือนำไปใช้งานได้ ระบบนี้จะพัฒนาต่อไปเรื่อยๆ...</p>
<p>The post <a href="https://www.itoffside.com/source-code-e-invoice-print/">Source code ระบบ การขาย, พิมพ์ใบกำกับภาษี/ใบเสร็จรับเงิน</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p><strong>eInvoice</strong> คือ ระบบ<strong>การขาย</strong>, <strong>พิมพ์ใบกำกับภาษี</strong>/ใบเสร็จรับเงิน(<strong>Invoice</strong>) เป็นระบบที่ช่วยให้การออกหลักฐานของการเสียภาษีมูลค่าเพิ่ม ออกให้กับลูกค้าทุกครั้งที่มีการเข้ามาซื้อสินค้า/บริการ จากเรา ซึ่งผมได้ทำออกมา เพื่อให้บุคคลที่สนใจสามารถนำไปเป็นตัวอย่าง <strong>Sourcecode</strong> หรือนำไปใช้งานได้ ระบบนี้จะพัฒนาต่อไปเรื่อยๆ นะครับไม่มีหยุด<span id="more-3080"></span></p>
<p><strong>ความสามารถของระบบ<br />
</strong></p>
<ul>
<li>ทำงานบน Window, Linux, OSX</li>
<li>หน้าจอใช้งานง่าย สวยงาม</li>
<li>สามารถจัดการข้อมูลลูกค้าได้</li>
<li>สามารถจัดการข้อมูลสินค้าได้</li>
<li>สามารถสร้างการขายและพิมพ์ใบกำกับภาษีได้</li>
<li>มีระบบป้องกันการเข้าถึงข้อมูล</li>
<li>มีระบบการค้นหาข้อมูลการขาย</li>
<li>ระบบจัดการร้านค้า</li>
</ul>
<p><strong>เทคโนโลยีในการพัฒนาระบบ</strong></p>
<ul>
<li>PHP 7, PHP 8</li>
<li>MariaDB</li>
<li>Codeigniter 3.1.13</li>
<li>Bootstrap 4</li>
<li>Vuejs 2</li>
<li>jQuery 3</li>
<li>VSCode</li>
</ul>
<p><strong>รูปภาพหน้าจอ</strong></p>
 [<a href="https://www.itoffside.com/source-code-e-invoice-print/">See image gallery at www.itoffside.com</a>] 
<p><strong>*สนับสนุนโปรแกรม eInvoice*</strong><br />
<span style="color: #ff9900;"><strong>350 บาท</strong></span><span class="text_exposed_show"><br />
ธนาคารไทยพาณิชย์<br />
เลขบัญชี 351-253589-0</span></p>
<p><strong>ดาวน์โหลด<br />
</strong>inbox เพจ&nbsp;<a href="https://www.facebook.com/itoffside" target="_blank" rel="noopener">https://www.facebook.com/itoffside</a><br />
หรือ ติดต่อที่ไลน์ไอดี @eke8377p (มี @ ข้างหน้าด้วย)</p>
<p><strong>LINE ID:</strong></p>
<p><img loading="lazy" decoding="async" class="" src="https://qr-official.line.me/L/GjDKhMhfT9.png" width="223" height="223"></p><p>The post <a href="https://www.itoffside.com/source-code-e-invoice-print/">Source code ระบบ การขาย, พิมพ์ใบกำกับภาษี/ใบเสร็จรับเงิน</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/source-code-e-invoice-print/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>แจกระบบจัดการเอกสาร โดยใช้ Laravel 5 Framework [PHP+MySQL]</title>
		<link>https://www.itoffside.com/sourcecode-ecdocument-laravel-php-mysql/</link>
					<comments>https://www.itoffside.com/sourcecode-ecdocument-laravel-php-mysql/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Sat, 02 Jun 2018 18:28:21 +0000</pubDate>
				<category><![CDATA[Laravel]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[PHP Framework]]></category>
		<category><![CDATA[php7]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=2843</guid>

					<description><![CDATA[<p>ระบบเอกสารที่ผมได้ทำขึ้นมาใช้เครื่องมือในการพัฒนาคือ VSCODE และ Framework ของ ภาษา PHP คือ Laravel 5.6 ส่วน CSS ใช้ Framework Bootstrap 4.1 ในการพัฒนาเช่นกัน ซึ่งไว้ว่าการแจกจ่าย Source code จะเป็นตัวอย่าง code ให้กับผู้ที่สนใจศึกษา Laravel เหมือนผมเช่นกัน และระบบที่ผมนำมาแจกนั้นใช้ Template จาก Pik...</p>
<p>The post <a href="https://www.itoffside.com/sourcecode-ecdocument-laravel-php-mysql/">แจกระบบจัดการเอกสาร โดยใช้ Laravel 5 Framework [PHP+MySQL]</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>ระบบเอกสารที่ผมได้ทำขึ้นมาใช้เครื่องมือในการพัฒนาคือ VSCODE และ Framework ของ ภาษา PHP คือ Laravel 5.6 ส่วน CSS ใช้ Framework Bootstrap 4.1 ในการพัฒนาเช่นกัน ซึ่งไว้ว่าการแจกจ่าย Source code จะเป็นตัวอย่าง code ให้กับผู้ที่สนใจศึกษา Laravel เหมือนผมเช่นกัน และระบบที่ผมนำมาแจกนั้นใช้ Template จาก <a href="https://www.pikeadmin.com/" target="_blank" rel="noopener">PikeAdmin</a> ซึ่งมีการใช้ bootstrap 4 ในการทำ Template และในสุดท้ายนี้หากใครมีปัญหาการติดตั้ง สามารถแสดงความเห็นไว้ด้านล่างนี้นะครับ<span id="more-2843"></span></p>
<p>ระบบเอกสารมีตาราง 3 ตารางได้แก่ ตาราง users, categories, documents</p>
<p><strong>ความสามารถของโปรแกรม</strong></p>
<ol>
<li>สามารถกำหนดสิทธิ์การเข้าถึงตามผู้ใช้และผู้ดูแลได้ โดยผู้ใช้สามารถอ่านเอกสารได้อย่างเดียว</li>
<li>เอกสารสามารถอัพโหลดไฟล์ได้เฉพาะนามสกุล PDF และป้องกันไม่ให้อัพโหลดนามสกุลอื่น</li>
<li>มีหมวดหมู่เพื่อจำแนกประเภทเอกสารได้</li>
<li>มีระบบตรวจสอบสิทธิ์การเข้าถึง โดยต้องระบบทุกครั้งที่ใช้งาน</li>
</ol>
<p><strong>ความต้องการของโปรแกรม</strong></p>
<ol>
<li>PHP version 7.1.3 หรือมากกว่า</li>
<li>ฐานข้อมูล maria DB</li>
</ol>
<p><strong>ทดสอบการใช้งาน</strong></p>
<p>demo link <a href="https://www.bahtsoft.com/demo_ecdocument" target="_blank" rel="noopener">https://www.bahtsoft.com/demo_ecdocument</a><br />
username : tawatsak<br />
password : 123456</p>
<p><strong>ดาวน์โหลด</strong></p>
<p>[sociallocker]<a href="https://github.com/ipball/ecdocument2" target="_blank" rel="noopener">https://github.com/ipball/ecdocument2</a>[/sociallocker]</p>
<p><strong>การติดตั้ง</strong></p>
<ol>
<li>ดาวน์โหลด Project มาแล้ว เปิด Command line เข้าไปโฟล์เดอร์ Project</li>
<li>พิมพ์ composer install</li>
<li>พิมพ์ php artisan key:generate</li>
<li>สร้างฐานข้อมูล และ ตั้งค่าข้อมูลในไฟล์ .env</li>
<li>พิมพ์ php artisan migrate</li>
<li>พิมพ์ npm install</li>
<li>พิมพ์ npm run dev</li>
<li>พิมพ์ php artisan serve</li>
<li>เข้าเว็บ http://127.0.0.1:8000</li>
<li>ตั้งค่ากำหนดสิทธิ์อัพโหลดไฟล์ที่โฟล์เดอร์ storage ให้ทุกคนสามารถอัพโหลดได้ (CHMOD 777)</li>
</ol>
<p>** ขั้นตอนที่ 5 หากไม่ใช้ migrate สามารถ import sql ได้ (ไฟล์ฐานข้อมูลอยู่ใน root project)</p>
<p>** คู่มือเพิ่มเติม <a href="https://laravel.com/docs" target="_blank" rel="noopener">https://laravel.com/docs</a></p>
<p>*********<br />
<span style="color: #0000ff;"><strong>Special Thanks</strong></span><br />
*********<br />
ขอขอบคุณทุกๆท่านที่ทำให้นักพัฒนามีแรงบรรดาลใจในการพัฒนาต่อไปโดยการ บอกต่อ(Share)<br />
ธวัชศักดิ์ แตงเอี่ยม<br />
ขอบคุณครับ</p>
<p><strong>รูปภาพโปรแกรม</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-2844" src="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-01-1024x564.jpg" alt="" width="660" height="364" srcset="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-01-1024x564.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-01-300x165.jpg 300w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-01-768x423.jpg 768w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-01.jpg 1661w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-2845" src="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-02-1024x628.jpg" alt="" width="660" height="405" srcset="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-02-1024x628.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-02-300x184.jpg 300w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-02-768x471.jpg 768w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-02.jpg 1281w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-2846" src="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-03-1024x595.jpg" alt="" width="660" height="383" srcset="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-03-1024x595.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-03-300x174.jpg 300w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-03-768x446.jpg 768w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-03.jpg 1432w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-2847" src="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-04-1024x595.jpg" alt="" width="660" height="383" srcset="https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-04-1024x595.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-04-300x174.jpg 300w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-04-768x446.jpg 768w, https://www.itoffside.com/wp-content/uploads/2018/06/ecdocument-04.jpg 1432w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p><p>The post <a href="https://www.itoffside.com/sourcecode-ecdocument-laravel-php-mysql/">แจกระบบจัดการเอกสาร โดยใช้ Laravel 5 Framework [PHP+MySQL]</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/sourcecode-ecdocument-laravel-php-mysql/feed/</wfw:commentRss>
			<slash:comments>33</slash:comments>
		
		
			</item>
		<item>
		<title>เขียน PHP ด้วยการค้นหาข้อมูล MySQL โดยใช้เทคนิค Ajax</title>
		<link>https://www.itoffside.com/php-search-mysql-by-ajax/</link>
					<comments>https://www.itoffside.com/php-search-mysql-by-ajax/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Wed, 01 Apr 2015 17:43:57 +0000</pubDate>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php5]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=2458</guid>

					<description><![CDATA[<p>บทความนี้แนะนำเกี่ยวกับการค้นหาข้อมูล MySQL แล้วดึงข้อมูลออกมาโชว์ไม่ต้อง Refresh โดยใช้เทคนิค AJAX ในการทำงาน โดยตัวอย่าง source code เป็นตัวอย่างแบบง่ายๆ สามารถเข้าใจได้ไม่ยาก และนำไปประยุกต์ใช้ได้ทันที demo ทดสอบคลิกที่นี้ ดาวน์โหลดไฟล์ทั้งหมด ที่นี้ 1. สร้างตารางและ import ข้อมูล [crayon-69dfa97...</p>
<p>The post <a href="https://www.itoffside.com/php-search-mysql-by-ajax/">เขียน PHP ด้วยการค้นหาข้อมูล MySQL โดยใช้เทคนิค Ajax</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>บทความนี้แนะนำเกี่ยวกับการค้นหาข้อมูล MySQL แล้วดึงข้อมูลออกมาโชว์ไม่ต้อง Refresh โดยใช้เทคนิค AJAX ในการทำงาน โดยตัวอย่าง source code เป็นตัวอย่างแบบง่ายๆ สามารถเข้าใจได้ไม่ยาก และนำไปประยุกต์ใช้ได้ทันที<span id="more-2458"></span></p>
<p><a href="http://sysapp.itoffside.com/databind/" target="_blank">demo ทดสอบคลิกที่นี้</a></p>
<p><a href="http://www.mediafire.com/download/xrvegxmv5e7jq5j/databind.rar" target="_blank">ดาวน์โหลดไฟล์ทั้งหมด ที่นี้</a></p>
<p>1. สร้างตารางและ import ข้อมูล</p><pre class="crayon-plain-tag">CREATE TABLE IF NOT EXISTS `items` (
`id` int(11) NOT NULL,
  `codename` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `itemname` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `detail` text COLLATE utf8_unicode_ci NOT NULL,
  `unit` varchar(50) COLLATE utf8_unicode_ci NOT NULL,
  `price` decimal(10,2) NOT NULL,
  `img` varchar(100) COLLATE utf8_unicode_ci NOT NULL DEFAULT 'noimage.jpg',
  `created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
  `modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
  `created_by` int(11) NOT NULL,
  `modified_by` int(11) NOT NULL,
  `status` tinyint(1) NOT NULL DEFAULT '1',
  `item_type_id` int(11) NOT NULL
) ENGINE=MyISAM AUTO_INCREMENT=12 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;



INSERT INTO `items` (`id`, `codename`, `itemname`, `detail`, `unit`, `price`, `img`, `created`, `modified`, `created_by`, `modified_by`, `status`, `item_type_id`) VALUES
(2, 'CM00002', 'iPhone 6 Plus', '', 'เครื่อง', '25000.00', 'ecimage.jpg', '2015-03-30 18:38:43', '2015-03-30 18:38:43', 1, 1, 1, 6),
(3, 'CM00003', 'Macbook Pro mini', '', 'เครื่อง', '45000.00', 'ecimage.jpg', '2015-03-30 18:39:53', '2015-03-30 18:39:53', 1, 1, 1, 1),
(4, 'CM00004', 'Macbook Pro 4', '', 'เครื่อง', '60400.00', 'ecimage.jpg', '2015-03-30 18:40:33', '2015-03-30 18:40:33', 1, 1, 1, 1),
(5, 'CM00005', 'กระดาษ A4', '', 'รีม', '120.00', 'ecimage.jpg', '2015-03-30 18:41:14', '2015-03-30 18:41:14', 1, 1, 1, 2),
(6, 'CM00006', 'ปากกา', '', 'แท่ง', '5.00', 'ecimage.jpg', '2015-03-30 18:41:47', '2015-03-30 18:41:47', 1, 1, 1, 2),
(7, 'CM00007', 'ดินสอ', '', 'แท่ง', '1.00', 'ecimage.jpg', '2015-03-30 18:42:28', '2015-03-30 18:42:28', 1, 1, 1, 2),
(8, 'CM00008', 'ยางลบ', '', 'ก้อน', '2.00', 'ecimage.jpg', '2015-03-30 18:43:04', '2015-03-30 18:43:04', 1, 1, 1, 2),
(9, 'CM00009', 'Epson T320 Printer Laser', '', 'เครื่อง', '2300.00', 'ecimage.jpg', '2015-03-30 18:45:48', '2015-03-30 18:45:48', 1, 1, 1, 1),
(10, 'CM00001', 'Lenovo ThinkPad E203', '', 'เครื่อง', '21000.00', 'ecimage.jpg', '2015-03-30 18:47:38', '2015-03-30 18:47:38', 1, 1, 1, 1),
(11, 'CM00010', 'Microsoft Lumia 1043', '', 'เครื่อง', '23000.00', 'ecimage.jpg', '2015-03-30 18:49:22', '2015-03-30 18:49:22', 1, 1, 1, 6);

ALTER TABLE `items`
 ADD PRIMARY KEY (`id`);
ALTER TABLE `items`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=12;</pre><p>2. สร้างไฟล์ connect.php แล้วนำ code ด้านล่างนี้ใส่ลงไป</p><pre class="crayon-plain-tag">&lt;?php
$host = 'localhost';
$user = 'root';
$password = '';
$database = 'equipment';

mysql_connect($host, $user, $password);
mysql_select_db($database);
mysql_query("SET NAMES UTF8");</pre><p>3. สร้างไฟล์ index.php แล้วนำ code? ด้านล่างใส่</p><pre class="crayon-plain-tag">&lt;!DOCTYPE html&gt;
&lt;?php
include 'connect.php';
?&gt;
&lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
 &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
 &lt;title&gt;ค้นหาข้อมูล : itoffside.com&lt;/title&gt;
 &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
 &lt;link href="css/bootstrap-theme.min.css" rel="stylesheet"&gt;
 &lt;style&gt;
 body{
 margin-top: 20px;
 }
 .loading{
 background-image: url("ajax-loader.gif");
 background-repeat: no-repeat;
 display: none;
 height: 100px;
 width: 100px;
 }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div class="container"&gt;
 &lt;div class="row"&gt;
 &lt;div class="col-md-12"&gt;
 &lt;form class="form-inline" name="searchform" id="searchform"&gt;
 &lt;div class="form-group"&gt;
 &lt;label for="textsearch" &gt;ชื่อสินค้า&lt;/label&gt;
 &lt;input type="text" name="itemname" id="itemname" class="form-control" placeholder="ข้อความ คำค้นหา!" autocomplete="off"&gt;
 &lt;/div&gt;
 &lt;button type="button" class="btn btn-primary" id="btnSearch"&gt;
 &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
 ค้นหา
 &lt;/button&gt;
 &lt;/form&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="loading"&gt;&lt;/div&gt;
 &lt;div class="row" id="list-data" style="margin-top: 10px;"&gt;

 &lt;/div&gt;
 &lt;/div&gt;
 &lt;script type="text/javascript" src="jquery-1.11.2.min.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript"&gt;
 $(function () {
 $("#btnSearch").click(function () {
 $.ajax({
 url: "search.php",
 type: "post",
 data: {itemname: $("#itemname").val()},
 beforeSend: function () {
 $(".loading").show();
 },
 complete: function () {
 $(".loading").hide();
 },
 success: function (data) {
 $("#list-data").html(data);
 }
 });
 });
 $("#searchform").on("keyup keypress",function(e){
 var code = e.keycode || e.which;
 if(code==13){
 $("#btnSearch").click();
 return false;
 }
 });
 });
 &lt;/script&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre><p>การทำงานของไฟล์ index.php คือแสดงหน้าจอการกรอกคำค้นหา เมื่อมีการใส่ข้อมูลค้นหา ระบบจะดึกข้อมูลจาก serach.php มาแสดงโดยใช้เทคนิคของ AJAX นั้นเอง ซึ่งเมื่อมีการคลิกปุ่มค้นหา javascript ทำงานโดยเรียกไฟล์ search.php ซึ่งไฟล์ search.php เป็นไฟล์ที่ดึงข้อมูลจากฐานข้อมูล เมื่อไฟล์ search.php ดึงข้อมูลมาเรียบร้อยแล้วจะส่งค่าข้อมูลกลับไปให้กับไฟล์ index.php โดยใช้ $.ajax</p>
<p>4. สร้างไฟล์ search.php</p><pre class="crayon-plain-tag">&lt;?php
include 'connect.php';
$sql = "select * from items where itemname like '%{$_POST['itemname']}%'";
$query = mysql_query($sql);
?&gt;
&lt;div class="col-md-12"&gt;
 &lt;table class="table table-bordered"&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;ลำดับ&lt;/th&gt;
 &lt;th&gt;รหัสสินค้า&lt;/th&gt;
 &lt;th&gt;ชื่อสินค้า&lt;/th&gt;
 &lt;th&gt;ราคาสินค้า&lt;/th&gt;
 &lt;th&gt;หน่วยนับ&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;?php $i=1; while ($result = mysql_fetch_assoc($query)) { ?&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;?php echo $i;?&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo $result['codename'];?&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo $result['itemname'];?&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo number_format($result['price']);?&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo $result['unit'];?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;?php $i++; } ?&gt;
 &lt;/tbody&gt;
 &lt;/table&gt;
&lt;/div&gt;</pre><p>5. ผลลัพธ์<br />
<a href="https://www.itoffside.com/wp-content/uploads/2015/04/ajax-php.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-2464" src="https://www.itoffside.com/wp-content/uploads/2015/04/ajax-php-300x129.jpg" alt="ajax-php" width="600" height="258" srcset="https://www.itoffside.com/wp-content/uploads/2015/04/ajax-php-300x129.jpg 300w, https://www.itoffside.com/wp-content/uploads/2015/04/ajax-php-1024x441.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2015/04/ajax-php.jpg 1189w" sizes="auto, (max-width: 600px) 100vw, 600px" /></a></p>
<p>จบแล้วสำหรับบทความนี้หากผู้อ่านมีคำถามสามารถเขียนคำถามไว้ใต้ Comment เลยครับ</p><p>The post <a href="https://www.itoffside.com/php-search-mysql-by-ajax/">เขียน PHP ด้วยการค้นหาข้อมูล MySQL โดยใช้เทคนิค Ajax</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/php-search-mysql-by-ajax/feed/</wfw:commentRss>
			<slash:comments>32</slash:comments>
		
		
			</item>
		<item>
		<title>แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา</title>
		<link>https://www.itoffside.com/free-download-sourcecode-ecommerce-php/</link>
					<comments>https://www.itoffside.com/free-download-sourcecode-ecommerce-php/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Sun, 11 Jan 2015 09:42:09 +0000</pubDate>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[netbeans]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php shopping cart]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[ระบบตะกร้าสินค้า]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=2417</guid>

					<description><![CDATA[<p>เว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce)เป็นระบบเว็บไซต์ที่ลูกค้าสามารถสั่งซื้อสินค้าผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมงจึงทำให้ปัจจุบันมีเว็บไซต์อีคอมเมิร์ซมากมาย ดังนั้นผมจึงเขียนเว็บไซต์อีคอมเมิร์ซขึ้นมาเพื่อให้ผู้อ่านทุกคนศึกษาการทำงานและนำไปเป็นตัวอย่างได้ซึ่งระบบเว็บอีคอมเมิร์ซ(E-Commerce) ผมได้ใช้ภาษา ...</p>
<p>The post <a href="https://www.itoffside.com/free-download-sourcecode-ecommerce-php/">แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>เว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce)เป็นระบบเว็บไซต์ที่ลูกค้าสามารถสั่งซื้อสินค้าผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมงจึงทำให้ปัจจุบันมีเว็บไซต์อีคอมเมิร์ซมากมาย ดังนั้นผมจึงเขียนเว็บไซต์อีคอมเมิร์ซขึ้นมาเพื่อให้ผู้อ่านทุกคนศึกษาการทำงานและนำไปเป็นตัวอย่างได้ซึ่งระบบเว็บอีคอมเมิร์ซ(E-Commerce) ผมได้ใช้ภาษา PHP ในการพัฒนา(เขียน) ขึ้นและใช้ฐานข้อมูล MySQL ในการเก็บจัดการข้อมูลและใช้เครื่องมือ(Tool) css คือ <a href="http://getbootstrap.com/" target="_blank">bootstrap</a> ในการสร้างหน้าจอสำหรับหน้าเว็บและหลังเว็บ(frontend/backend) และสิ่งสำคัญสำหรับในยุคปัจจุบันคือ SEO ผมได้พัฒนาเว็บไซต์โดยให้ URL เป็นมิตร(อ่านง่าย) เพื่อ SEO โดยหากคุณดาวน์โหลดนำไปใช้งานหรือทดลองต้องเปิด mod_rewrite ที่ Apache ก่อนครับ<span id="more-2417"></span><br />
ตัวอย่างให้คุณได้ทดลองระบบที่ <a href="http://sysapp.itoffside.com/ecproduct" target="_blank">คลิกที่นี้(Demo)</a><br />
เข้าหน้าจัดการระบบ? <a href="http://sysapp.itoffside.com/ecproduct/itoffside-admin" target="_blank">http://sysapp.itoffside.com/ecproduct/itoffside-admin<br />
</a>username:tawatsak<br />
password:12345678</p>
<p>หากต้องการดาวน์โหลด sorce code ทางผู้พัฒนาสามารถดาวน์โหลดได้ที่ลิงค์ด้านล่างนี้</p>
<p>[sociallocker]</p>
<p><a href="https://github.com/ipball/ecproduct.git" target="_blank">คลิกที่นี้เพื่อดาวน์โหลด</a></p>
<p>และสำหรับ<span style="text-decoration: underline;"><em><strong><span style="color: #ff00ff; text-decoration: underline;"> เวอร์ชั่น Codeigneter V3 </span></strong></em></span>ที่ทางผู้พัฒนา <span style="text-decoration: underline;">Tanny Chan</span> ได้ร่วมเข้าพัฒนาด้วย สามารถดาวน์โหลดได้ที่ <a href="https://github.com/ipball/eccom_v3/archive/master.zip" target="_blank">คลิกที่นี้เพื่อดาวน์โหลด</a></p>
<p>Link สำหรับ Git<br />
ecProduct Git</p>
<h3></h3>
<p>[/sociallocker]</p>
<p>ส่วนของการติดตั้งอยู่ในบทความนี้ ด้านล่างครับ</p>
<p><span style="color: #ff00ff;"><strong>ระบบเว็บอีคอมเมิร์ซมีฟังก์ชั่นการทำงานดังนี้</strong></span><br />
1. ระบบตะกร้าสินค้า<br />
2. ระบบสั่งซื้อสินค้า<br />
3. ระบบจัดการสินค้า/หมวดหมู่สินค้า<br />
4. ระบบจัดการสั่งซื้อสินค้า<br />
5. ระบบจัดการการชำระเงิน<br />
6. ระบบจัดการเนื้อหาเบื้องต้น</p>
<p><span style="color: #ff00ff;"><strong>รูปภาพตัวอย่างระบบเว็บอีคอมเมิร์ซ(E-Commerce)</strong></span><br />
1. แสดงรายการสินค้า ตามหมวดหมู่/ทั้งหมด</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-2421" src="https://www.itoffside.com/wp-content/uploads/2015/01/01.jpg" alt="แสดงรายการสินค้า" width="721" height="472" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/01.jpg 997w, https://www.itoffside.com/wp-content/uploads/2015/01/01-300x196.jpg 300w" sizes="auto, (max-width: 721px) 100vw, 721px" /></p>
<p>2. ระบบตะกร้าสินค้า สามารถเปลี่ยนแปลงข้อมูลในตะกร้าตลอดเวลาก่อนการสั่งซื้อ<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2422" src="https://www.itoffside.com/wp-content/uploads/2015/01/02.jpg" alt="ระบบตะกร้าสินค้า" width="714" height="403" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/02.jpg 1027w, https://www.itoffside.com/wp-content/uploads/2015/01/02-300x169.jpg 300w, https://www.itoffside.com/wp-content/uploads/2015/01/02-1024x578.jpg 1024w" sizes="auto, (max-width: 714px) 100vw, 714px" /></p>
<p>3. ระบบสั่งซื้อสินค้า<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2423" src="https://www.itoffside.com/wp-content/uploads/2015/01/03.jpg" alt="ระบบสั่งซื้อสินค้า" width="702" height="432" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/03.jpg 1051w, https://www.itoffside.com/wp-content/uploads/2015/01/03-300x185.jpg 300w, https://www.itoffside.com/wp-content/uploads/2015/01/03-1024x630.jpg 1024w" sizes="auto, (max-width: 702px) 100vw, 702px" /><br />
<a href="https://www.itoffside.com/wp-content/uploads/2015/01/04.jpg"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-2424" src="https://www.itoffside.com/wp-content/uploads/2015/01/04.jpg" alt="ระบบสั่งซื้อสินค้า" width="641" height="290" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/04.jpg 641w, https://www.itoffside.com/wp-content/uploads/2015/01/04-300x136.jpg 300w" sizes="auto, (max-width: 641px) 100vw, 641px" /></a></p>
<p>4. ระบบจัดการข้อมูลสินค้า (admin)<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2425" src="https://www.itoffside.com/wp-content/uploads/2015/01/05.jpg" alt="ระบบจัดการข้อมูลสินค้า/หมวดหมู่สินค้า" width="683" height="310" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/05.jpg 1024w, https://www.itoffside.com/wp-content/uploads/2015/01/05-300x136.jpg 300w" sizes="auto, (max-width: 683px) 100vw, 683px" /></p>
<p>5. หยิบสินค้าใส่ตะกร้า<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2427" src="https://www.itoffside.com/wp-content/uploads/2015/01/07.jpg" alt="คำนวณสินค้าใส่ในตะกร้า" width="554" height="316" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/07.jpg 984w, https://www.itoffside.com/wp-content/uploads/2015/01/07-300x171.jpg 300w" sizes="auto, (max-width: 554px) 100vw, 554px" /></p>
<p>6. ระบบจัดการ การสั่งซื้อสินค้า (admin)<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2428" src="https://www.itoffside.com/wp-content/uploads/2015/01/08.jpg" alt="ระบบจัดการ การสั่งซื้อสินค้า" width="667" height="320" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/08.jpg 984w, https://www.itoffside.com/wp-content/uploads/2015/01/08-300x144.jpg 300w" sizes="auto, (max-width: 667px) 100vw, 667px" /></p>
<p>7. ระบบการจัดการ การชำระเงิน<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-2429" src="https://www.itoffside.com/wp-content/uploads/2015/01/09.jpg" alt="ระบบการชำระเงิน" width="626" height="324" srcset="https://www.itoffside.com/wp-content/uploads/2015/01/09.jpg 1077w, https://www.itoffside.com/wp-content/uploads/2015/01/09-300x155.jpg 300w, https://www.itoffside.com/wp-content/uploads/2015/01/09-1024x530.jpg 1024w" sizes="auto, (max-width: 626px) 100vw, 626px" /></p>
<p>&nbsp;</p>
<p><span style="color: #ff00ff;"><strong>การติดตั้ง</strong></span><br />
1. ดาวน์โหลดไฟล์มาแล้วให้นำมาวางที่เซิฟเวอร์หรือเซิฟเวอร์จำลองของเครื่องคุณ(จากตัวอย่างผมใช้ XAMPP ผมต้องนำไฟล์ที่ผมดาวน์โหลดมาวางไว้ที่ C:\xampp\htdocs และจะได้เป็น C:\xampp\htdocs\ecproduct)<br />
2. ทำการ Import ฐานข้อมูลโดยไฟล์ที่จะนำไป import อยู่ที่โฟล์เดอร์ ecproduct ชื่อไฟล์ ecproduct.sql (ต้องสร้างฐานข้อมูล ชื่อ ecproduct ก่อนแล้วนำไฟล์เข้าไป import ใส่ไว้)<br />
3. ทำการเปลี่ยนค่าฐานข้อมูลให้ตรงกับข้อมูลของคุณ เช่น (รหัสผ่านเข้าฐานข้อมูล) ซึ่งไฟล์ในการแก้ไขอยู่ในโฟล์เดอร์ ecproduct\library\database.php (แก้ไขบรรทัดที่ 10-12)<br />
4. แก้ไขไฟล์ \library\core.php บรรทัดที่ 4 และบรรทัดที่ 8 ให้ตรงตามเว็บไซต์ของคุณ<br />
5. แก้ไขไฟล์ .htaccess ในบรรทัดที่ 3 หากชื่อโฟล์เดอร์คุณเปลี่ยนต้องแก้ไขหรือเมื่อคุณอัพโหลดไว้บนเซิฟเวอร์<br />
6. หากคุณอัพโหลดขึ้นบนเซิฟเวอร์คุณต้องกำหนดสิทธิ์โฟล์เดอร์ ecproduct\upload ให้เป็น CHMOD 777<br />
7. เริ่มใช้งานระบบอีคอมเมิร์ซ(E-Commerce)</p>
<p>Sourcecode ที่ผมแจก คุณสามารถนำไปพัฒนาต่อหรือนำไปใช้งานต่อได้และผมจะพัฒนาระบบอีคอมเมิร์ซ(E-Commerce)? ecProduct ต่อไปครับ<br />
ผมหวังว่าระบบเว็บไซต์อีคอมเมิร์ซ(E-Commerce) เป็นตัวอย่างที่ดีให้กับผู้ที่เริ่มศึกษาหรือผู้ที่ต้องการดู Sourcecode เป็นตัวอย่างในการเรียนรู้และนำไปพัฒนา และผมหวังเป็นอย่างยิ่งหากคุณชอบรบกวน กด LIKE ที่แฟนเพจด้านขวามือด้วยครับ</p>
<p>หากใครมีปัญหาการติดตั้งในส่วนไหน แจ้งมาที่ Comment ด้านล่างหรือแจ้งมาทางอีเมล์ของผม</p><p>The post <a href="https://www.itoffside.com/free-download-sourcecode-ecommerce-php/">แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/free-download-sourcecode-ecommerce-php/feed/</wfw:commentRss>
			<slash:comments>573</slash:comments>
		
		
			</item>
		<item>
		<title>PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)</title>
		<link>https://www.itoffside.com/php-workshop-webboard/</link>
					<comments>https://www.itoffside.com/php-workshop-webboard/#comments</comments>
		
		<dc:creator><![CDATA[Onmobile]]></dc:creator>
		<pubDate>Wed, 29 Oct 2014 16:13:44 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[netbeans]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php workshop]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[webboard]]></category>
		<guid isPermaLink="false">https://www.itoffside.com/?p=2385</guid>

					<description><![CDATA[<p>ในปัจจุบันระบบ Webboard หรือกระทู้ถามตอบเป็นที่นิยมใช้งานเป็นอย่างมาก เนื่องจากเป็นระบบที่โต้ตอบระหว่างผู้ตั้งคำถามและผู้ตอบคำถาม ทำให้ผู้ตั้งคำถามและผู้เข้ามาอ่านใน Webboard ได้รับประโยชน์ ซึ่งในบทความนี้ผมทำเป็นระบบ Webboard อย่างง่ายๆเพื่อให้ผู้อ่านทุกคน ได้เข้าใจการทำงานและนำไปประยุกต์ใช้งานให้เ...</p>
<p>The post <a href="https://www.itoffside.com/php-workshop-webboard/">PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>ในปัจจุบันระบบ <strong>Webboard</strong> หรือกระทู้ถามตอบเป็นที่นิยมใช้งานเป็นอย่างมาก เนื่องจากเป็นระบบที่โต้ตอบระหว่างผู้ตั้งคำถามและผู้ตอบคำถาม ทำให้ผู้ตั้งคำถามและผู้เข้ามาอ่านใน Webboard ได้รับประโยชน์ ซึ่งในบทความนี้ผมทำเป็นระบบ <span style="text-decoration: underline;">Webboard</span> อย่างง่ายๆเพื่อให้ผู้อ่านทุกคน ได้เข้าใจการทำงานและนำไปประยุกต์ใช้งานให้เหมาะสมกับระบบของคุณ<span id="more-2385"></span></p>
<p><span style="text-decoration: underline;"><strong>ภาพรวมของไฟล์ที่จำเป็นต้องสร้างมีดังนี้</strong></span></p>
<p>1. new_topic.php<br />
2. add_new_topic.php<br />
3. main_webboard.php<br />
4. view_topic.php<br />
5. add_answer.php</p>
<p><span style="text-decoration: underline;"><strong>ขั้นตอน</strong></span><br />
1. สร้างฐานข้อมูลชื่อ webboard และสร้างตาราง 2 ตารางชื่อ <span style="text-decoration: underline;">questions</span> และ <span style="text-decoration: underline;">answers</span> ตามลำดับ</p>
<figure id="attachment_2387" aria-describedby="caption-attachment-2387" style="width: 633px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-full wp-image-2387" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-01.jpg" alt="php-workshop-webboard" width="633" height="189" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-01.jpg 633w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-01-300x89.jpg 300w" sizes="auto, (max-width: 633px) 100vw, 633px" /><figcaption id="caption-attachment-2387" class="wp-caption-text">รูปภาพการสร้างฐานข้อมูลและตารางข้อมูล</figcaption></figure>
<p>Script สำหรับ สร้างตาราง</p><pre class="crayon-plain-tag">--
-- Table structure for table `answers`
--

CREATE TABLE IF NOT EXISTS `answers` (
`id` int(11) NOT NULL,
  `name` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `email` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `detail` longtext COLLATE utf8_unicode_ci NOT NULL,
  `question_id` int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

-- --------------------------------------------------------

--
-- Table structure for table `questions`
--

CREATE TABLE IF NOT EXISTS `questions` (
`id` int(11) NOT NULL,
  `topic` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
  `detail` longtext COLLATE utf8_unicode_ci NOT NULL,
  `name` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `email` varchar(70) COLLATE utf8_unicode_ci NOT NULL,
  `created` datetime NOT NULL,
  `view` int(4) NOT NULL,
  `reply` int(4) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

--
-- Indexes for table `answers`
--
ALTER TABLE `answers`
 ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `answers`
--
ALTER TABLE `answers`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;
--
-- AUTO_INCREMENT for table `questions`
--
ALTER TABLE `questions`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

--
-- Indexes for table `questions`
--
ALTER TABLE `questions`
 ADD PRIMARY KEY (`id`);</pre><p>&nbsp;</p>
<p>2. สร้างโปรเจ็คงานชื่อ webboard ขึ้นมาจากโปรแกรม netbeansIDE (<a title="การสร้าง Project ใหม่ในโปรแกรม NetBeans IDE PHP" href="https://www.itoffside.com/how-to-create-new-project-netbeans-ide-php/" target="_blank">วิธีการสร้างโปรเจคงานคลิกที่นี้</a>)</p>
<figure id="attachment_2388" aria-describedby="caption-attachment-2388" style="width: 308px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-full wp-image-2388" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-02.jpg" alt="รูปภาพการสร้างโปรเจค" width="308" height="99" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-02.jpg 308w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-02-300x96.jpg 300w" sizes="auto, (max-width: 308px) 100vw, 308px" /><figcaption id="caption-attachment-2388" class="wp-caption-text">รูปภาพการสร้างโปรเจค</figcaption></figure>
<p>&nbsp;</p>
<p>3. สร้างไฟล์ <strong><span style="color: #ff00ff;">connect.php</span></strong> เพื่อเชื่อมต่อฐานข้อมูล</p><pre class="crayon-plain-tag">&lt;?php
/*
* connection database
*/
$Connect = mysql_connect('localhost', 'root', '') or die('Error connecting to MySQL');
mysql_select_db('webboard', $Connect) or die('Database sysapp does not exist!');
mysql_query('SET NAMES UTF8');
?&gt;</pre><p>&nbsp;</p>
<p>4. สร้างไฟล์ new_topic.php แล้วนำ Code ด้านล่างใส่ลงไปในไฟล์</p><pre class="crayon-plain-tag">&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;meta name="language" content="en" /&gt;
 &lt;title&gt;ตั้งกระทู้&lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;form id="new_topic" name="new_topic" method="post" action="add_new_topic.php"&gt;
 &lt;table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000"&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"&gt;
 &lt;tr&gt;
 &lt;td colspan="3" bgcolor="#000000"&gt;&lt;b style="color: #FFFFFF;"&gt;ตั้งกระทู้&lt;/b&gt; &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td width="30%" style="text-align: right;"&gt;&lt;strong&gt;ชื่อหัวข้อกระทู้&lt;/strong&gt;&lt;/td&gt;
 &lt;td width="70%"&gt;&lt;input name="topic" type="text" id="topic" size="50" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td valign="top" style="text-align: right;"&gt;&lt;strong&gt;รายละเอียด&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="detail" cols="50" rows="5" id="detail"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;&lt;strong&gt;ชื่อผู้ตั้งกระทู้&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;input name="name" type="text" id="name" size="50" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;&lt;strong&gt;อีเมล์ผู้ตั้งกระทู้&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;input name="email" type="text" id="email" size="50" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;td&gt;&lt;input type="submit" name="Submit" value="บันทึกข้อมูล" /&gt; 
 &lt;input type="reset" name="Submit2" value="ล้างข้อมูล" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/form&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre><p>ผลลัพธ์</p>
<figure id="attachment_2389" aria-describedby="caption-attachment-2389" style="width: 534px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-full wp-image-2389" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-03.jpg" alt="รูปภาพจากไฟล์ add_topic.php" width="534" height="295" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-03.jpg 534w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-03-300x165.jpg 300w" sizes="auto, (max-width: 534px) 100vw, 534px" /><figcaption id="caption-attachment-2389" class="wp-caption-text">รูปภาพจากไฟล์ new_topic.php</figcaption></figure>
<p>คำอธิบายการทำงานในไฟล์นี้ : ไฟล์นี้มีหน้าที่สร้างหน้าจอการตั้งกระทู้ เพื่อส่งข้อมูลฟอร์มให้กับไฟล์ add_new_topic.php</p>
<p>&nbsp;</p>
<p>5. สร้างไฟล์ <strong><span style="color: #ff00ff;">add_new_topic.php</span></strong> แล้วนำ code ด้านล่างไปใส่</p><pre class="crayon-plain-tag">&lt;?php

require 'connect.php';
$topic = trim($_POST['topic']);
$detail = trim($_POST['detail']);
$name = trim($_POST['name']);
$email = trim($_POST['email']);
$created = date('Y-m-d H:i:s');

$sql = "INSERT INTO questions (topic,detail,name,email,created) VALUES ";
$sql .= "('{$topic}','{$detail}','{$name}','{$email}','{$created}')";
$query = mysql_query($sql);
if ($query == TRUE) {
 echo "Success!&lt;BR&gt;";
 echo "&lt;a href='main_webboard.php'&gt;Back to view your topic.&lt;/a&gt;";
}
mysql_close();</pre><p>ผลลัพธ์</p>
<figure id="attachment_2391" aria-describedby="caption-attachment-2391" style="width: 579px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-full wp-image-2391" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-04.jpg" alt="เมื่อผู้ใช้กรอกข้อมูล" width="579" height="309" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-04.jpg 579w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-04-300x160.jpg 300w" sizes="auto, (max-width: 579px) 100vw, 579px" /><figcaption id="caption-attachment-2391" class="wp-caption-text">เมื่อผู้ใช้กรอกข้อมูล</figcaption></figure>
<figure id="attachment_2392" aria-describedby="caption-attachment-2392" style="width: 382px" class="wp-caption alignnone"><a href="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-05.jpg"><img loading="lazy" decoding="async" class="size-full wp-image-2392" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-05.jpg" alt="ระบบทำการบันทึกข้อมูลแล้วและแจ้งให้ผู้ใช้รับทราบ" width="382" height="106" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-05.jpg 382w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-05-300x83.jpg 300w" sizes="auto, (max-width: 382px) 100vw, 382px" /></a><figcaption id="caption-attachment-2392" class="wp-caption-text">ระบบทำการบันทึกข้อมูลแล้วและแจ้งให้ผู้ใช้รับทราบ</figcaption></figure>
<p>คำอธิบายการทำงานในไฟล์นี้ : ไฟล์นี้ทำหน้าที่บันทึกข้อมูลลงฐานข้อมูล(Mysql) ถ้าหากบันทึกข้อมูลสำเร็จจะแสดงหน้าจอแจ้งว่าสำเร็จ(Success!) และแสดงลิงค์ให้ผู้ใช้กดกลับไปหน้าหลักของระบบ Webboard</p>
<p>&nbsp;</p>
<p>6. สร้างไฟล์ <strong><span style="color: #ff00ff;">main_webboard.php</span></strong> แล้วนำ code ด้านล่างไปใส่ ซึ่งหน้าที่ของไฟล์นี้คือเป็นหน้าจอแสดงหัวข้อกระทู้ต่างๆ</p><pre class="crayon-plain-tag">&lt;?php
require 'connect.php';
$sql = "SELECT * FROM questions ORDER BY id DESC ";
$query = mysql_query($sql);
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;meta name="language" content="en" /&gt;
 &lt;title&gt;ระบบ Webboard กระทู้ ถาม ตอบ&lt;/title&gt;
 &lt;style type="text/css"&gt;
 a{
 text-decoration: none;
 color: #666666;
 }
 a:hover{
 color: yellowgreen;
 }
 .table{
 padding: 0;
 width: 800px;
 font-size: 13px;
 }
 table.table thead tr{
 background-color: #000000;
 color: #FFFFFF;
 }
 table.table thead tr th{
 border: 1px solid #CCCCCC;
 padding: 5px;
 margin: 0px;
 }
 table.table tbody tr td{
 border-bottom: 1px solid #CCCCCC;
 padding: 5px;
 }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;a href="new_topic.php"&gt;ตั้งกระทู้ คลิกที่นี้&lt;/a&gt;
 &lt;table border="0" cellpadding="0" cellspacing="0" align="center" class="table"&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th style="width: 30px;"&gt;ลำดับ&lt;/th&gt;
 &lt;th&gt;หัวข้อกระทู้&lt;/th&gt;
 &lt;th style="width: 50px;"&gt;อ่าน&lt;/th&gt;
 &lt;th style="width: 50px;"&gt;ตอบ&lt;/th&gt;
 &lt;th style="width: 150px;"&gt;วันที่ตั้งกระทู้&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;?php
 $i = 1;
 while ($result = mysql_fetch_assoc($query)) {
 ?&gt;
 &lt;tr&gt;
 &lt;td style="text-align: center;"&gt;&lt;?php echo $i; ?&gt;&lt;/td&gt;
 &lt;td&gt;&lt;a href="view_topic.php?id=&lt;?php echo $result['id']; ?&gt;"&gt;&lt;?php echo $result['topic']; ?&gt;&lt;/a&gt;&lt;/td&gt;
 &lt;td style="text-align: center;"&gt;&lt;?php echo $result['view']; ?&gt;&lt;/td&gt;
 &lt;td style="text-align: center;"&gt;&lt;?php echo $result['reply']; ?&gt;&lt;/td&gt;
 &lt;td style="text-align: center;"&gt;&lt;?php echo $result['created']; ?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;?php
 $i++;
 }
 ?&gt;
 &lt;/tbody&gt;
 &lt;/table&gt;

 &lt;/body&gt;
&lt;/html&gt;
&lt;?php
mysql_close();
?&gt;</pre><p>ผลลัพธ์</p>
<figure id="attachment_2394" aria-describedby="caption-attachment-2394" style="width: 593px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="wp-image-2394 size-full" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-06.jpg" alt="php-workshop-webboard-06" width="593" height="92" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-06.jpg 593w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-06-300x46.jpg 300w" sizes="auto, (max-width: 593px) 100vw, 593px" /><figcaption id="caption-attachment-2394" class="wp-caption-text">แสดงรายละเอียดกระทู้ต่างๆ</figcaption></figure>
<p>&nbsp;</p>
<p>7. สร้างไฟล์ <span style="color: #ff00ff;"><strong>view_topic.php</strong></span> แล้วนำ code ด้านล่างใส่</p><pre class="crayon-plain-tag">&lt;?php
require 'connect.php';
//question
$sql = "SELECT * FROM questions WHERE id='{$_GET['id']}' ";
$query = mysql_query($sql);
$result = mysql_fetch_assoc($query);

// answer
$sql_a = "SELECT * FROM answers WHERE question_id='{$_GET['id']}' ";
$query_a = mysql_query($sql_a);
$rows_a = mysql_num_rows($query_a);

// update view
$sql_u = "UPDATE questions SET view=view+1 WHERE id='{$_GET['id']}' ";
mysql_query($sql_u);
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
 &lt;meta name="language" content="en" /&gt;
 &lt;title&gt;รายละเอียดกระทู้&lt;/title&gt;
 &lt;style type="text/css"&gt;
 body{
 font-size: 13px;
 }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000"&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"&gt;
 &lt;tr&gt;
 &lt;td colspan="3" bgcolor="#000000"&gt;
 &lt;b style="color: #FFFFFF;"&gt;&lt;?php echo $result['topic']; ?&gt;&lt;/b&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td valign="top"&gt;&lt;?php echo nl2br($result['detail']); ?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;strong&gt;ชื่อผู้ตั้งกระทู้ :&lt;/strong&gt; &lt;?php echo $result['name']; ?&gt;
 &lt;strong&gt;อีเมล์ผู้ตั้งกระทู้ :&lt;/strong&gt; &lt;?php echo $result['email']; ?&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;
 &lt;strong&gt;วันที่ตั้งกระทู้ :&lt;/strong&gt; &lt;?php echo $result['created']; ?&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;?php
 if ($rows_a &gt; 0) {
 $i = 1;
 while ($result_a = mysql_fetch_assoc($query_a)) {
 ?&gt;
 &lt;table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" style="margin-top:10px;"&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"&gt;
 &lt;tr&gt;
 &lt;td width="30%" style="text-align: right;"&gt;&lt;strong&gt;ชื่อผู้ตอบ&lt;/strong&gt;&lt;/td&gt;
 &lt;td width="70%"&gt;&lt;?php echo $result_a['name']; ?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td valign="top" style="text-align: right;"&gt;&lt;strong&gt;อีเมล์&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo $result_a['email']; ?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;&lt;strong&gt;รายละเอียดคำตอบ&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;?php echo nl2br($result_a['detail']); ?&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;?php
 }
 } else {
 ?&gt;
 &lt;p style="text-align: center;color: red;"&gt;ไม่มีคำตอบ&lt;/p&gt;
 &lt;?php
 }
 ?&gt;

 &lt;form id="add_answer" name="add_answer" method="post" action="add_answer.php"&gt;
 &lt;table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="blue" style="margin-top:15px;"&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"&gt;
 &lt;tr&gt;
 &lt;td colspan="3" bgcolor="blue"&gt;&lt;b style="color: #FFFFFF;"&gt;ตอบคำถาม&lt;/b&gt; &lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td valign="top" style="text-align: right;"&gt;&lt;strong&gt;รายละเอียด&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;textarea name="detail" cols="50" rows="5" id="detail"&gt;&lt;/textarea&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;&lt;strong&gt;ชื่อผู้ตอบ&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;input name="name" type="text" id="name" size="50" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: right;"&gt;&lt;strong&gt;อีเมล์ผู้ตอบ&lt;/strong&gt;&lt;/td&gt;
 &lt;td&gt;&lt;input name="email" type="text" id="email" size="50" /&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&amp;nbsp;&lt;/td&gt;
 &lt;td&gt;
 &lt;input type="submit" name="submit" value="บันทึกข้อมูล" /&gt; 
 &lt;input type="button" name="Submit2" value="กลับ" onclick="history.back();" /&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;input type="hidden" name="id" value="&lt;?php echo $result['id']; ?&gt;"&gt;
 &lt;/form&gt;
 &lt;/body&gt;
&lt;/html&gt;
&lt;?php
mysql_close();</pre><p>ผลลัพธ์<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-2395" src="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-07.jpg" alt="php-workshop-webboard-07" width="526" height="594" srcset="https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-07.jpg 526w, https://www.itoffside.com/wp-content/uploads/2014/10/php-workshop-webboard-07-265x300.jpg 265w" sizes="auto, (max-width: 526px) 100vw, 526px" /></p>
<p>คำอธิบาย code : ไฟล์ <span style="color: #ff00ff;">view_topic.php</span> มีหน้าที่แสดงรายละเอียดกระทู้และคำตอบที่ตอบในกระทู้นั้นๆ และระบบยังมีกล่องข้อความให้ผู้ใช้งานเขียนคำตอบเข้ามาตอบได้</p>
<p>&nbsp;</p>
<p>8. สร้างไฟล์ <span style="color: #ff00ff;"><strong>add_answer.php</strong></span> แล้วนำ code ด้านล่างใส่</p><pre class="crayon-plain-tag">&lt;?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    require 'connect.php';
    $detail = trim($_POST['detail']);
    $name = trim($_POST['name']);
    $email = trim($_POST['email']);

    $sql = "INSERT INTO answers (detail,name,email,question_id) VALUES ";
    $sql .= "('{$detail}','{$name}','{$email}','{$_POST['id']}')";
    $query = mysql_query($sql);
    
    // update
    mysql_query("UPDATE questions SET reply=reply+1 WHERE id='{$_POST['id']}' ");
    if ($query == TRUE) {
        echo "Success!&lt;BR&gt;";
        echo "&lt;a href='view_topic.php?id=$_POST[id]'&gt;Back to view your topic.&lt;/a&gt;";
    }
    mysql_close();
}</pre><p>คำอธิบาย : หลังจากมีผู้ใช้เขียนคำตอบลงไปในฟอร์ม ไฟล์นี้จะทำหน้าที่บันทึกเข้าสู่ฐานข้อมูล</p>
<p>&nbsp;</p>
<p><a href="http://www.mediafire.com/download/y2ysxb7umde23sj/webboard.rar" target="_blank">ดาวน์โหลดไฟล์และฐานข้อมูล(Database Mysql) ได้ คลิกที่นี้</a></p>
<p>จบแล้วเรียบร้อยสำหรับระบบ Webboard กระทู้ ถาม ตอบ แบบง่ายๆที่ผู้อ่านสามารถเข้าใจง่าย หากมีข้อสงสัยหรือปัญหา เขียน comment ด้านล่าง ครับ</p><p>The post <a href="https://www.itoffside.com/php-workshop-webboard/">PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)</a> first appeared on <a href="https://www.itoffside.com">itOffside.com | บทความการเขียนโปรแกรม เรื่องราวข้อมูลเทคโนโลยี</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.itoffside.com/php-workshop-webboard/feed/</wfw:commentRss>
			<slash:comments>35</slash:comments>
		
		
			</item>
	</channel>
</rss>
