ข้ามไปยังเนื้อหาหลัก
itOffside
Onmobile อ่าน 3 นาที 573 ความเห็น

แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา

jquery
แสดงรายการสินค้า

เว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce)เป็นระบบเว็บไซต์ที่ลูกค้าสามารถสั่งซื้อสินค้าผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมงจึงทำให้ปัจจุบันมีเว็บไซต์อีคอมเมิร์ซมากมาย ดังนั้นผมจึงเขียนเว็บไซต์อีคอมเมิร์ซขึ้นมาเพื่อให้ผู้อ่านทุกคนศึกษาการทำงานและนำไปเป็นตัวอย่างได้ซึ่งระบบเว็บอีคอมเมิร์ซ(E-Commerce) ผมได้ใช้ภาษา PHP ในการพัฒนา(เขียน) ขึ้นและใช้ฐานข้อมูล MySQL ในการเก็บจัดการข้อมูลและใช้เครื่องมือ(Tool) css คือ bootstrap ในการสร้างหน้าจอสำหรับหน้าเว็บและหลังเว็บ(frontend/backend) และสิ่งสำคัญสำหรับในยุคปัจจุบันคือ SEO ผมได้พัฒนาเว็บไซต์โดยให้ URL เป็นมิตร(อ่านง่าย) เพื่อ SEO โดยหากคุณดาวน์โหลดนำไปใช้งานหรือทดลองต้องเปิด mod_rewrite ที่ Apache ก่อนครับ
ตัวอย่างให้คุณได้ทดลองระบบที่ คลิกที่นี้(Demo)
เข้าหน้าจัดการระบบ? http://sysapp.itoffside.com/ecproduct/itoffside-admin
username:tawatsak
password:12345678

หากต้องการดาวน์โหลด sorce code ทางผู้พัฒนาสามารถดาวน์โหลดได้ที่ลิงค์ด้านล่างนี้

คลิกที่นี้เพื่อดาวน์โหลด

และสำหรับ เวอร์ชั่น Codeigneter V3 ที่ทางผู้พัฒนา Tanny Chan ได้ร่วมเข้าพัฒนาด้วย สามารถดาวน์โหลดได้ที่ คลิกที่นี้เพื่อดาวน์โหลด

Link สำหรับ Git
ecProduct Git

ส่วนของการติดตั้งอยู่ในบทความนี้ ด้านล่างครับ

ระบบเว็บอีคอมเมิร์ซมีฟังก์ชั่นการทำงานดังนี้
1. ระบบตะกร้าสินค้า
2. ระบบสั่งซื้อสินค้า
3. ระบบจัดการสินค้า/หมวดหมู่สินค้า
4. ระบบจัดการสั่งซื้อสินค้า
5. ระบบจัดการการชำระเงิน
6. ระบบจัดการเนื้อหาเบื้องต้น

รูปภาพตัวอย่างระบบเว็บอีคอมเมิร์ซ(E-Commerce)
1. แสดงรายการสินค้า ตามหมวดหมู่/ทั้งหมด

แสดงรายการสินค้า

2. ระบบตะกร้าสินค้า สามารถเปลี่ยนแปลงข้อมูลในตะกร้าตลอดเวลาก่อนการสั่งซื้อ
ระบบตะกร้าสินค้า

3. ระบบสั่งซื้อสินค้า
ระบบสั่งซื้อสินค้า
ระบบสั่งซื้อสินค้า

4. ระบบจัดการข้อมูลสินค้า (admin)
ระบบจัดการข้อมูลสินค้า/หมวดหมู่สินค้า

5. หยิบสินค้าใส่ตะกร้า
คำนวณสินค้าใส่ในตะกร้า

6. ระบบจัดการ การสั่งซื้อสินค้า (admin)
ระบบจัดการ การสั่งซื้อสินค้า

7. ระบบการจัดการ การชำระเงิน
ระบบการชำระเงิน

การติดตั้ง
1. ดาวน์โหลดไฟล์มาแล้วให้นำมาวางที่เซิฟเวอร์หรือเซิฟเวอร์จำลองของเครื่องคุณ(จากตัวอย่างผมใช้ XAMPP ผมต้องนำไฟล์ที่ผมดาวน์โหลดมาวางไว้ที่ C:\xampp\htdocs และจะได้เป็น C:\xampp\htdocs\ecproduct)
2. ทำการ Import ฐานข้อมูลโดยไฟล์ที่จะนำไป import อยู่ที่โฟล์เดอร์ ecproduct ชื่อไฟล์ ecproduct.sql (ต้องสร้างฐานข้อมูล ชื่อ ecproduct ก่อนแล้วนำไฟล์เข้าไป import ใส่ไว้)
3. ทำการเปลี่ยนค่าฐานข้อมูลให้ตรงกับข้อมูลของคุณ เช่น (รหัสผ่านเข้าฐานข้อมูล) ซึ่งไฟล์ในการแก้ไขอยู่ในโฟล์เดอร์ ecproduct\library\database.php (แก้ไขบรรทัดที่ 10-12)
4. แก้ไขไฟล์ \library\core.php บรรทัดที่ 4 และบรรทัดที่ 8 ให้ตรงตามเว็บไซต์ของคุณ
5. แก้ไขไฟล์ .htaccess ในบรรทัดที่ 3 หากชื่อโฟล์เดอร์คุณเปลี่ยนต้องแก้ไขหรือเมื่อคุณอัพโหลดไว้บนเซิฟเวอร์
6. หากคุณอัพโหลดขึ้นบนเซิฟเวอร์คุณต้องกำหนดสิทธิ์โฟล์เดอร์ ecproduct\upload ให้เป็น CHMOD 777
7. เริ่มใช้งานระบบอีคอมเมิร์ซ(E-Commerce)

Sourcecode ที่ผมแจก คุณสามารถนำไปพัฒนาต่อหรือนำไปใช้งานต่อได้และผมจะพัฒนาระบบอีคอมเมิร์ซ(E-Commerce)? ecProduct ต่อไปครับ
ผมหวังว่าระบบเว็บไซต์อีคอมเมิร์ซ(E-Commerce) เป็นตัวอย่างที่ดีให้กับผู้ที่เริ่มศึกษาหรือผู้ที่ต้องการดู Sourcecode เป็นตัวอย่างในการเรียนรู้และนำไปพัฒนา และผมหวังเป็นอย่างยิ่งหากคุณชอบรบกวน กด LIKE ที่แฟนเพจด้านขวามือด้วยครับ

หากใครมีปัญหาการติดตั้งในส่วนไหน แจ้งมาที่ Comment ด้านล่างหรือแจ้งมาทางอีเมล์ของผม

#php #php5 #netbeans #MySQL #database #php shopping cart #ระบบตะกร้าสินค้า #php workshop #E-Commerce

แชร์บทความนี้

แชร์ไปยัง Facebook แชร์ไปยัง X แชร์ไปยัง LINE
Onmobile

โปรแกรมเมอร์

ความเห็น (573)

  • CNTral
    ผมนี้รักเว็บนี้เลย ขอบคุณมากคับ ^^
    • sunil deshar
      เหมอนพวก joomla อะคับ เจ๋ง
    • joe
      โหลดไม่ได้เลยครับ ต้องทำยังไง กดไลทไปแล้วก็ไม่เห็นที่โหลด ช่วยส่งลิ้งให้ได้มั้ยครับ
  • CNTral
    เข้าระบบไม่ได้คับ
    • Onmobile ผู้เขียน
      ลองเข้าใหม่อีกรอบครับ
      • CNTral
        ไม่ได้เหมือนเดิมคับพอกดมันก็เด้งมาอยู่หน้าล็อกอินเหมือนเดิม
        • Onmobile ผู้เขียน
          ผมลองตอนนี้ ยังเข้าได้อยู่เลยนะครับ คุณลองรีเฟสใหม่ก่อน
          • CNTral
            ทั้งในเครื่องทั้งใน http://sysapp.itoffside.com/ecproduct/itoffside-admin ผมก็ล็อกอินไม่ผ่านครับ
          • Onmobile ผู้เขียน
            username : tawatsak password : 12345678
          • CNTral
            เข้าผ่านเว็บได้แล้วคับ แต่เว็บที่ยุในเครื่องผมเข้าไม่ได้ ผมต้องโหลดมาทำใหม่หรือยังไงคับ พอดีจะเอาไปใช้งานจริง
          • Onmobile ผู้เขียน
            เข้าตาราง users เปลี่ยน user tawatsak เป็น type admin
          • สุดหล่อ
            ทำไม login ไม่ได้ครับ
            • Onmobile ผู้เขียน
              สงสัยมีคนเปลี่ยนรหัสผ่านครับ
        • CNTral
          ได้แล้วคับขอบคุณมากนะคับ ^^
          • superman
            เข้ายังไงครับ ผมเข้าไม่ได้
  • sqre
    อ. ครับ ผมอยากรู้เรื่อง PHP Mailler ครับ ผมงง มากๆ ผมโหลดไฟล์ PHP mailerมาเเล้วผมต้องconfing ยังงัยต่อเเล้วจะส่งเมล์ไปไห้ลูกค้ายังงัย
    • Onmobile ผู้เขียน
      มีเขียนในบทความต่อไปครับ
  • sqre
    ขอบคุณครับอ. ครับ ว่าเเต่ความหมาย $db = new database() มีหลักการทำงานยังงัยครับ
    • Onmobile ผู้เขียน
      object ครับ คุณอ่านหลักการเขียนโปรแกรม OPP ได้เลยครับ คุณจะเข้าใจ
  • sqre
    ทำไมเปิดใน Localhost ไม่ได้อ่ะครับ
    • Onmobile ผู้เขียน
      ไม่ได้ คือส่วนไหนครับ
      • พิศาล
        เปิดไม่ได้เหมือนกันครับ ส่วนของหลังร้านอะครับ
  • CNTral
    ถามหน่อยคับผมจะเพิ่ม size เข้าไปพร้อมกับจำนวนสินค้าอะคับทำอย่างไร พอดีผมลองดูแล้ว แต่มันไม่ยอม input เข้า SQL ให้ ช่วยหน่อยนะคับ
    • Onmobile ผู้เขียน
      เพิ่มฟิล์ดในตาราง products และเขียนโค๊ดในส่วนของ \ecproduct\application\back\product ครับ
  • CNTral
    คือผมจะทำแนวนี้อะคับ http://image.free.in.th/v/2013/iq/150114113518.jpg ผมลองผิดลองถูกทั้งวันแล้วผมยังมือใหม่อยู่ ช่วยแนะนำหน่อยคับ
    • Onmobile ผู้เขียน
      ถ้าจะให้ผู้ใช้กำหนด ลักษณะผมแนะนำให้ เลือกแบบ list box ครับ ง่ายกว่าและจัดการได้ง่ายด้วยครับ
      • CNTral
        ผมลองเขียนดูแล้วคับ list box ทำเท่าไหร่มันก็ไม่ยอมใส่ข้อมูลให้ http://www.upload-thai.com/dl/a8083ea2c03ffac2baa1b63cd9f9cdcd
      • CNTral
        อันนี้คับ http://upload.siamza.com/1706559
  • ViPonnet
    ขอบคุณสำหรับสิ่งดีๆครับ
  • LfAr
    เข้าระบบไม่ได้อะครับ รหัสที่อ่านตามเม้นต์ก็ยังเข้าไม่ได้เหมือนเดิมครับ
    • Onmobile ผู้เขียน
      ตรวจสอบวิธีการติดตั้ง ถ้าไม่ได้ควรทดสอบบน PHP เวอร์ชั่น 5.3 ขึ้นไป
      • LfAr
        http://sysapp.itoffside.com/ecproduct/itoffside-admin ผมกดแล้วมันก็ให้ล็อคอินเหมือนเดิมเลยครับ ผมใส่รหัสนี้เข้าไปอะครับ username : tawatsak password : 12345678
        • Onmobile ผู้เขียน
          เข้าอีกรอบได้แล้วครับ
          • LfAr
            ใช้เป็นเทมเพตของจูมล่าได้ไหมครับ
          • Onmobile ผู้เขียน
            ไม่ได้ครับ
  • ICT
    แก้ไขในส่วนของรูปไม่ได้คับ รู้สึกว่ารูปจะไม่เข้า folder ต้องไปแก้ตรงไหนอย่างไรคับ
    • Onmobile ผู้เขียน
      กำหนด permission โฟล์เดอร์ upload ให้เป็น 777 ครับ
      • nan
        กำหนดตรงหนคะ
  • มือใหม่
    ทำไมผมเข้าระบบ admin ไม่ได้ เรียก URL ยังงัยครับ http://localhost/ecproduct/back/user/login แบบนี้มันเข้าไม่ได้ตั้งแก้ยังงัยครับ
    • Onmobile ผู้เขียน
      แก้ไข mod_rewrite ใน Apache ครับ
      • worakit
        เป็นเหมือนกันครับ แก้ยังไงครับ ช่วยบอกทีนะครับ ขอบคุณมากครับ
        • Onmobile ผู้เขียน
          ของผมใช้ Xampp เข้าไปแก้ไขไฟล์ httpd.conf จากเดิม #LoadModule rewrite_module modules/mod_rewrite.so เปลี่ยนเป็น LoadModule rewrite_module modules/mod_rewrite.so และ AllowOverride None เปลี่ยนเป็น AllowOverride All จากนั้นทำการแก้ไขไฟล์ .htaccess ตามบทความ
  • Judinho
    สุดยอมมากเลยครับ น่าจะมีเมนู ออกรายงานนะครับ หากต้องการเพิ่ม มีแนวทางไหมครับ ขอบคุณครับ
    • Onmobile ผู้เขียน
      แก้ไขเมนูใน template และเขียนโค๊ดในโฟล์เดอร์ application
  • phunsuk
    พี่ผมจะเอาไปลอง sql ใน AppServ Open Project - 2.5.10 ไม่รู้ว่าจะสร้างฐานข้อมูลอย่างงัยดีครับ
    • Onmobile ผู้เขียน
      ตอนนี้คุณยังไม่เข้าใจกับ Appserv ครับ Appserv คือ ซอฟแวร์ที่รวบรวม PHP,MYSQL,PHPMYADMIN,APACHE แล้วติดตั้งให้เสร็จสรรพ ปกติสมัยก่อนเราจะต้องดาวน์โหลด PHP,MYSQL มาติดตั้งและตั้งค่าเองทำให้สะดวกและง่ายครับ และ ซอสโค๊ด ที่ผมแจก ไม่รองรับ PHP เวอร์ชั่น เก่า ผมแนะนำ XAMPP ครับ
  • Judinho
    หากต้องการสร้างฟอร์ม ให้ลุกค้า confirm payment นี่ต้องสร้าง table ในฐานข้อมูลอีกมั้ยครับ ผมเห็นในฐานข้อมูล มี table payment แล้ว id รหัสชำระเงิน pay_money จำนวนโอน pay_date วันเวลาโอน detail รายละเอียด order_id รหัสใบสั่งซื้อ ต้องสร้างไฟล์ส่งข้อมูล และรับข้อมูล เพิ่มใช่ไหมครับ มีแนวทางทางไหมครับ อยากดุเป็นไกด์
    • Onmobile ผู้เขียน
      ไม่ต้องสร้าง table ครับ แนวทางดูจาก code ชำระเงินในส่วนหน้า Admin ครับ
  • sunil deshar
    ผลงานสุดยอดมากๆ คับ ....... อยากให้พัฒนาไปเรือยๆ นะครัฟ
  • mmmmmmmmmae
    ขอโทดนะค้ะ เพิ่งหัดเริ่มทำเว็บอ่ะค้ะ ถ้าเข้าผิดตรงไหนแนะนำหน่อยนะค่ะ Fatal error: Class 'database' not found in C:\xampp\htdocs\ecproduct\application\back\home\index.php on line 6 มันขึ้นแบบนี้อ่ะค้า
    • Onmobile ผู้เขียน
      error แจ้งว่า class datavase ไม่มีอยู่ ลองตรวจสอบการ เวอร์ชั่น php ครับ เพราะผมเปิดเครื่องผมและอัพโหลดลง host จริงไม่มีปัญหา
      • mmmmmmmmmae
        ต้องเป็น php เวอร์ชั่นไหนค้ะ แล้วต้องทำไงต่ออีกถึงจะไม่มีปัญหา รบกวนตอบหน่อยนะค่ะadmin *-*
        • Onmobile ผู้เขียน
          5.3 ลองติดตั้ง*** xampp แทน Appserv ยังครับ
          • mmmmmmmmmae
            ติดตั้งแทนแล้วค้ะ ที่ทำอยู่เป็น php เวอร์ชั่น5.6.3
          • Onmobile ผู้เขียน
            แล้วเป็นไงมั้งครับ
  • mmmmmmmmmae
    เหมือนเดิมค้ะ Fatal error: Class ?database? not found in C:\xampp\htdocs\ecproduct\application\back\home\index.php on line 6
    • Onmobile ผู้เขียน
      ขอ id teamviewer หน่อยครับเดี่ยวผมรีโมทไปแก้
      • maple
        เป็นเหมือนกันค่ะ ขึ้นแบบนี้ Fatal error: Class 'database' not found in C:\xampp\htdocs\ecproduct\application\back\home\index.php on line 4 แต่เวลารันเริ่มต้นตั้งแต่หน้าล็อกอิน เข้าได้ปกติ แก้ตรงไหนรบกวนหน่อยนะคะ
  • pdp
    ขอบบคุณมากเลยครับ กำลังหาระบบนี้อยู่พอดีครับ
  • pdp
    ติดตั้งหน้าแรกสำเร็จแล้ว แต่หน้าต่อไปเข้าไม่ได้ เวลาคลิกเมนูต่างๆ ต้องตั้งค่าที่ไฟล์ไหนอย่างไรอีกบ้างครับ ขอบคุณครับ
  • pdp
    จากคำถามด้านบน ขึ้น error แบบนี้ครับ Not Found The requested URL /ecproduct/categorie/30 was not found on this server. Apache/2.2.8 (Win32) PHP/6.0.0-dev Server at localhost Port 80
    • Onmobile ผู้เขียน
      ทำ mod_rewrite ยังครับ
      • warat
        ทำ mod_rewrite คือยังไงครับ ผมใช้ cent_os
        • Onmobile ผู้เขียน
          ตั้งค่าใน Apache ครับ
      • pdp
        ทำ mod_rewrite แล้วครับ ใน HOST จริงใช้ได้ ติดแค่เวลาติดตั้งใน localhost ครับ อันนี้คือในไฟล์ core.php ครับ โฟลเดอร์ตอนนี้ใช้ชื่อเหมือนตัวอย่างที่ให้มาอยู่ครับ ecproduct <?php function base_url() { return "http://localhost/ecproduct"; } function base_path() { return $_SERVER['DOCUMENT_ROOT'] . "/ecproduct"; } function salt_pass($pass) { return md5("itoffside.com" . $pass); }
        • Onmobile ผู้เขียน
          ถ้าอย่างนั้นคุณตรวจสอบใน .htaccess ยังครับ
          • pdp
            ตอนนี้ได้แล้วครับ ผมตั้งค่า path ในไฟล์ .htaccess ผิดเองครับ ตัวอย่าง ถ้าโฟลเดอร์ที่เป็นไฟล์โปรเจ็คทั้งหมดอยู่ในโฟลเดอร์ product D:\xampp\htdocs\code-exsample\product ต้องตั้งค่าใน .htaccess ตามนี้ครับ RewriteBase /code-exsample/product/ ตอนแรกตั้งเป็นแบบนี้ RewriteBase /product/ ก็เลยผิดครับ ตอนนี้ใช้งานได้เรียบร้อยดีแล้ว ขอบคุณมากครับ
    • CR Seven
      เหมือนกันเลยแก้ยังไงค่ะ
  • ดูความเห็นเพิ่มเติม

แสดงความเห็น

ไม่แสดงบนหน้าเว็บ

บทความที่เกี่ยวข้อง