มี JavaScript MVC (micro-) framework หรือไม่? [ปิด]

มีเฟรมเวิร์กJavaScript MVC (micro-) ฝั่งไคลเอ็นต์หรือไม่

ฉันมีรูปแบบ HTML ที่ค่อนข้างซับซ้อนและจะได้รับประโยชน์จากรูปแบบ MVC

ฉันคิดว่าทางออกที่ดีจะให้สิ่งต่อไปนี้:

• โมเดลและมุมมองอัปเดตคอนโทรลเลอร์เมื่อค่าเปลี่ยนแปลง (รูปแบบผู้สังเกตการณ์)
• เติมข้อมูลโมเดลจากข้อมูลฟอร์มเมื่อเพจโหลด
• เติมแบบฟอร์มจากโมเดลเมื่อโมเดลเปลี่ยนแปลง

Ajax, ดาวหาง, JSONPและแจ๊สทั้งหมดนั้นเป็นสิ่งที่เกินความจริง

Backbone เป็นเฟรมเวิร์กน้ำหนักเบาที่ยอดเยี่ยม ลองดู: http://backbonejs.org/

JavaScriptMVCเป็นโซลูชันที่ยอดเยี่ยม ทุกอย่างเป็นแนวทางของปลั๊กอินช่วยให้คุณสามารถเลือกเฉพาะคุณสมบัติที่คุณต้องการได้ ตั้งแต่ 2.0 ขึ้นอยู่กับ jQuery

ในการปรับปรุงเว็บไซต์ของคุณอย่างต่อเนื่องนั้นขึ้นอยู่กับผู้ใช้เนื่องจาก JMVC มีเพียงชั้นกลางสำหรับการพัฒนา - ขึ้นอยู่กับคุณที่จะเลือกการออกแบบนั้นด้วยตัวคุณเอง

อย่างไรก็ตาม JavaScriptMVC เป็นเพียงไลบรารี JavaScriptMVC สำหรับวัตถุประสงค์ทั่วไปที่ดีที่สุดเนื่องจากตัวควบคุมที่ใช้การมอบหมายเหตุการณ์ที่มีประสิทธิภาพ

การมอบหมายงานช่วยให้คุณไม่ต้องแนบตัวจัดการเหตุการณ์และเพียงแค่สร้างกฎสำหรับเพจของคุณ

สุดท้าย JMVC เป็นมากกว่าสถาปัตยกรรม MVC มีทุกส่วนของวงจรการพัฒนาครอบคลุมด้วย:

• เครื่องสร้างรหัส
• การทดสอบรวมซีลีเนียมและ Env.js
• Documentation Engine
• Concat อัตโนมัติ + บีบอัด
• การตรวจจับและการรายงานข้อผิดพลาด

Spineมี API คล้ายกับ Backbone แต่มีขนาดเล็กกว่ามาก มันมีลักษณะการถ่ายทอดทางพันธุกรรม

AngularJS ทำงานร่วมกับ jQuery ได้ดีและจะช่วยคุณได้มากกับโครงสร้าง MVC และการแยกข้อกังวลอย่างเข้มงวด

รวมสภาพแวดล้อมการทดสอบและ Dependency Injection ...

ตรวจสอบได้ที่http://angularjs.org

แท้จริงมี: http://www.javascriptmvc.com/

ฉันคิดว่าคุณจะพบว่าเพียงพอแล้ว!

ฉันคิดว่าสิ่งนี้ดูเหมือนสิ่งที่คุณควรตรวจสอบ: http://knockoutjs.com/

(ในฐานะโปรแกรมเมอร์ silverlight / wpf นี่คือไลบรารีที่ทำให้ฉันเริ่มเรียนรู้ javascript ได้ในที่สุดมันขึ้นอยู่กับรูปแบบ Model-View-View-Model (MVVM) สำหรับฉันตอนนี้ดูเหมือนจะเป็นทางเลือกที่ดี!)

มีBackbone.js ที่เป็นที่นิยม

Ember.js

นี่คือคุณสมบัติสามประการที่ทำให้ Ember สนุกกับการใช้:

1. การผูก
2. คุณสมบัติที่คำนวณ
3. อัปเดตเทมเพลตอัตโนมัติ

การผูก

ใช้การผูกเพื่อให้คุณสมบัติระหว่างสองวัตถุที่แตกต่างกันในการซิงค์ คุณเพียงแค่ประกาศการผูกมัดเพียงครั้งเดียวและ Ember จะตรวจสอบให้แน่ใจว่าการเปลี่ยนแปลงได้รับการเผยแพร่ไปในทิศทางใดทิศทางหนึ่ง

นี่คือวิธีที่คุณสร้างการเชื่อมโยงระหว่างสองวัตถุ:

MyApp.president = Ember.Object.create({
  name: "Barack Obama"
});

MyApp.country = Ember.Object.create({
  // Ending a property with 'Binding' tells Ember to
  // create a binding to the presidentName property.
  presidentNameBinding: 'MyApp.president.name'
});

MyApp.country.get('presidentName');
// "Barack Obama"

การเชื่อมโยงช่วยให้คุณสามารถออกแบบแอปพลิเคชันของคุณโดยใช้รูปแบบ MVC (Model-View-Controller) จากนั้นพักผ่อนได้อย่างสบายใจเพราะข้อมูลจะไหลจากเลเยอร์ไปยังเลเยอร์อย่างถูกต้องเสมอ

คุณสมบัติที่คำนวณ

คุณสมบัติที่คำนวณช่วยให้คุณปฏิบัติกับฟังก์ชันเช่นคุณสมบัติ คุณสมบัติที่คำนวณมีประโยชน์เนื่องจากสามารถทำงานกับการเชื่อมโยงได้เช่นเดียวกับคุณสมบัติอื่น ๆ

อัปเดตเทมเพลตอัตโนมัติ

Ember ใช้ Handlebars ซึ่งเป็นไลบรารีเทมเพลตเชิงความหมาย ในการนำข้อมูลจากแอปพลิเคชัน JavaScript ของคุณและใส่ลงใน DOM ให้สร้างแท็กและใส่ลงใน HTML ของคุณทุกที่ที่คุณต้องการให้ค่าปรากฏ:

<script type="text/x-handlebars">
  The President of the United States is {{MyApp.president.fullName}}.
</script>

Stapes.js

การเปิดเผยข้อมูลทั้งหมด: ฉันเป็นผู้เขียนห้องสมุดนี้ :)

หากคุณกำลังมองหาสิ่งที่เล็กมาก ๆ (1.5kb minified / gzipped) ลองดูสิและบอกฉันว่าคุณชอบมันไหม

หากความต้องการของคุณเป็นจริงง่ายๆคุณสามารถเขียนง่ายของคุณเอง MVC เช่นอเล็กซ์ Netkachovได้

ตัวอย่างของเขาสร้างขึ้นบน dojo (หมายเหตุ: มันใช้ไม่ได้สำหรับฉันในเพจของเขาเนื่องจากไฟล์ dojo.js หายไป) แต่คุณสามารถทำตามรูปแบบใน Javascript ธรรมดา

มันอาจจะ overkill สำหรับสิ่งที่คุณต้องการ แต่SproutCoreเป็นกรอบ MVC และมันก็ไม่ได้ดูใด ๆ หนามากกว่าJavaScriptMVCหรือ TrimPath ของสนธิ

แต่น่าเสียดายที่ไม่มีของเหล่านี้ดูเหมือนจะถูกสร้างขึ้นบนหลักการของการเพิ่มประสิทธิภาพของความก้าวหน้า

เฟรมเวิร์ก ActionScript MVC ยอดนิยมPureMVCถูกย้ายไปยัง JavaScript เมื่อเร็ว ๆ นี้ ฉันยังไม่มีโอกาสได้ลองใช้ แต่ฉันมั่นใจว่ามันดี

โปรดเช็คเอาท์jQuery-Claypool

jquery-claypool เป็นเฟรมเวิร์ก mvc ขนาดเล็กรวดเร็วรางรถไฟที่สร้างขึ้นจาก jquery จากประสบการณ์ของฉันกับ django รางสปริง ฯลฯ น้ำหนักเบามากและทำงานได้ทั้งบนไคลเอนต์และในสภาพแวดล้อมเซิร์ฟเวอร์

มันมีกรอบการกำหนดเส้นทางสำหรับ mvc ที่สะอาดการบันทึกหมวดหมู่ตัวกรอง (aop) การสร้างตัวควบคุมแบบขี้เกียจการผกผันการควบคุมการกำหนดค่าตามแบบแผนและการออกแบบไม่มากนัก

มันไม่ได้ทำอะไรที่ jquery ทำอยู่แล้วรู้สึกเหมือน jquery และทำงานได้เหมือนกรอบที่ดีควร: เพียงแค่

jquery-claypool

หวังว่าคุณจะลองดู

Jamal น้ำหนักเบาที่สุดที่ฉันเคยเห็น นอกจากนี้ยังขึ้นอยู่กับ jQuery (โบนัส) ยังไม่ได้ใช้

http://jamal-mvc.com/

หากคุณต้องการควบคุมสิ่งต่างๆให้อยู่ภายใต้การควบคุมและค่อนข้างง่ายคุณอาจไม่จำเป็นต้องมีเฟรมเวิร์ก แต่ใช้รูปแบบ mvc ของคุณเอง เพียงตรวจสอบบทความนี้: Model-View-Controller (MVC) ด้วย JavaScriptโดย Alex Netkachov เมื่อปี 2549

นี่คือรายการของ JavaScript Framework แบบโอเพนซอร์สทั้งหมดที่มนุษยชาติรู้จัก

http://getopensource.info/explore/javascript/framework/

หรือเฉพาะเฟรมเวิร์ก MVC

http://getopensource.info/explore/javascript/mvc/

การเปิดเผยข้อมูล: ฉันเป็นผู้พัฒนาเว็บไซต์นี้

ลองคิตตี้ มีขนาดเพียง 1.4KB และการพึ่งพาเพียงอย่างเดียวคือ EJS

อัปเดต 2016: Sammy.js ดูเหมือนจะถูกละทิ้ง

ลองดูที่Sammy.js

ข้อความจากเว็บไซต์:

เว็บเฟรมขนาดเล็กพร้อมชั้นเรียน

• แกนกลางของSMALL Sammy มีการบีบอัดเพียง 16K และบีบอัดและ gzipped 5.2K
• MODULAR Sammy สร้างขึ้นจากระบบปลั๊กอินและอะแดปเตอร์ ใส่รหัสที่คุณต้องการเท่านั้น นอกจากนี้ยังง่ายต่อการแยกโค้ดของคุณเองเป็นปลั๊กอินที่ใช้ซ้ำได้
• CLEAN API ทั้งหมดได้รับการออกแบบมาให้เข้าใจง่ายและอ่านง่าย แซมมี่พยายามส่งเสริมการห่อหุ้มและการออกแบบแอปพลิเคชันที่ดี
• สนุกอะไรคือจุดที่แท้จริงของการพัฒนาถ้ามันไม่สนุก แซมมี่พยายามทำตามแนวทาง MATZ เหมาะสำหรับความสุขของนักพัฒนา

ฉันจะไม่เรียกสิ่งนี้ว่าไมโครเฟรมเวิร์ค แต่มันดูน่าสนใจ: Cappuccino Web Framework

CorMVC เข้าใจง่ายและเริ่มต้นด้วย jquery ตามและไม่ขึ้นอยู่กับเทคโนโลยีเซิร์ฟเวอร์ใด ๆ

ผมได้พัฒนากรอบ Javascript MVC ง่ายมากเรียกว่าMCV มันไม่ได้ทำตามที่คุณขออย่างแน่นอน แต่สามารถขยายได้อย่างง่ายดายด้วยตัวช่วย อย่างไรก็ตามมันเป็นไมโครแน่นอน (บรรจุ 1,9kb)

มันใช้งานได้เหมือน Jamal มากหรือน้อย แต่ฉันตัดสินใจที่จะม้วนของตัวเองด้วยเหตุผลสองประการ:

• ลบการพึ่งพา jQuery (แม้ว่าฉันจะใช้ร่วมกับ jQuery เกือบตลอดเวลา)
• ทำให้ขยายได้ด้วยตัวช่วย สิ่งเหล่านี้คล้ายคลึงกับพฤติกรรมส่วนประกอบและตัวช่วยของ CakePHP

เพียงเพื่อให้รายการสมบูรณ์ยิ่งขึ้น: ActiveJS

ฉันเพิ่มคะแนน AngularJS (การเปิดเผยแบบเต็มฉันมีส่วนร่วมในวิธีที่ จำกัด ด้วยความพยายามในการพัฒนาเชิงมุม) และรู้สึกตื่นเต้นมากกับมัน ฉันทำการเปรียบเทียบแบบเคียงข้างกันโดยใช้คุณลักษณะหนึ่งสำหรับโครงการภายใน (ขออภัยไม่มีการลงชื่อเพื่อแชร์) และนำไปใช้ทั้งใน AngularJS และ Backbone มันเป็นการออกกำลังกายที่ยอดเยี่ยมและในท้ายที่สุดฉันก็เอนเอียงไปทาง Angular มาก นักพัฒนาหลักเก่งมากในการตอบคำถามและพวกเขาทำได้ดีมากด้วยการเชื่อมโยงฐานข้อมูลในตัวการทดสอบหน่วย / e2e และเอกสารประกอบ มันยังอยู่ในรุ่นเบต้าพร้อมกับ 1.0 ที่จะออกมาในอนาคตอันใกล้ เบต้ามีความเสถียรมาก

มีการปรับเปลี่ยนกระบวนทัศน์เล็กน้อยและใช้วิธีการที่ค่อนข้างแตกต่างจากส่วนใหญ่ การรวมปลั๊กอิน jquery ที่คุณชื่นชอบต้องใช้ความพยายามเล็กน้อย แต่ทำได้และทำได้สำเร็จแล้ว (angular-Contrib on github)

ฉันจะบอกว่า (และนี่เป็นปัญหาสำหรับเฟรมเวิร์ก js เป็นศูนย์กลางส่วนใหญ่) อย่าลืมตรวจสอบวิธีทำให้เนื้อหาของคุณเป็นมิตรกับ SEO (ถ้ามันสำคัญสำหรับคุณ) นับตั้งแต่เข้าร่วมชุมชนเชิงมุมในเดือนมิถุนายนฉันสังเกตเห็นความสนใจเพิ่มขึ้นและมีคนจำนวนมากโพสต์บอกว่าพวกเขาดู Backbone และคนอื่น ๆ แต่ชอบสิ่งที่พวกเขาเห็นใน Angular

Maverick เป็นเฟรมเวิร์ก JavaScript MVC ขนาดเล็ก - http://maverick.round.ee

ฉันจะไปที่นี่ด้วย - AFrameJSทำงานร่วมกับ jQuery, MooTools และ Prototype

อีกอันหนึ่ง: MooTools-MVC

มีเฟรมเวิร์ก JavaScript การผูกคีย์ - ค่าที่เรียกว่า "Coherent" ซึ่งได้รับแรงบันดาลใจจาก Cocoa Bindings ของ Apple กรอบการทำงานที่ได้รับการซื้อโดยแอปเปิ้ล แต่ยังคงมีชุดเก่าที่http://github.com/trek/coherentjs/tree/master

ลองนี้จาวาสคริปต์กรอบ MVC jQuery ตาม

อีกหนึ่งน้ำหนักเบาและเล็ก: http://jqnano.oleksiy.pro/

Can.jsมีทุกสิ่งที่คุณต้องการและมีน้ำหนักเพียง 8 KB ใช้บิตที่ดีที่สุดจาก JavaScriptMVC และกลั่นออกมาเป็นเฟรมเวิร์กขนาดเล็ก แต่เป็นหนึ่งเดียวกับผู้สังเกตการณ์วิดเจ็ตการผูกผลงาน เข้ากันได้กับเฟรมเวิร์กหลัก ๆ ( jQuery , Dojo Toolkit , MooToolsและอื่น ๆ ) เอกสารเป็นเลิศและผู้เขียนตอบสนอง มันคุ้มค่าที่จะดู