MVC Actions and Object Oriented

15 במאי 2017

  כאשר אנחנו רוצים להגדיר Actions המקבלים אובייקטים ועושים עליהם מניפולציה ומחזירים תשובה כלשהי (שזה פחות או יותר התפקיד של כמעט כל Action) נכתוב קוד בסגנון הזה public class HomeController : Controller {     public ActionResult SendObject1(Employee person)     {         //......         //......         //......         return Json(person, JsonRequestBehavior.AllowGet);     } }   public class Employee {     public int Id { get; set; }     public string Name { get; set; }     public float Salary { get; set; } }   המתודה מקבלת אובייקט מסוג Employee ולצורך הבדיקה היא מחזירה אותו ב – JSON., הפנייה למתודה בשביל הבדיקה יכולה להתבצע ישירות מתוך שורת...

Upload file using angularjs with some data

7 במאי 2017

שאלו אותי, כיצד ניתן להעלות קבצים באנגולר (1) עם מידע נוסף (למשל שם פרטי ושם משפחה). ישנם מספר גדול של קודים ברשת כיצד להעלות קבצים בעזרת אנגולר, להלן הקוד הבסיסי ביותר. <body ng-controller="ctrl">       <div>          <input type="file" id="file" />         <input type="text" ng-model="details.firstName" />         <input type="text" ng-model="details.lastName" />           <button ng-click="upload()">Save</button>     </div> </body>   שימו לב של – input של הקבצים אין מודל (הרבה פעמים העלאת קבצים מתבצעת בעזרת directive שעוטף אותו)   angular.module('app', )     .controller('ctrl', function ($scope, $http) {         $scope.upload = function () {             var fd = new FormData();             fd.append('firstName', $scope.details.firstName);             fd.append('lastName', $scope.details.lastName);             fd.append('file', document.getElementById('file').files);  ...
אין תגובות

Bootstrap – המדריך – פרק 13 – עבודה עם הפקדים השונים

19 באפריל 2017

לתוכן העניינים בפרק הקודם למדנו לדעת שונות אודות טפסים בפוסט היום נראה כיצד משתמשים בפקדים של הספרייה. למעשה כמו שלמדנו עד היום המהות של הספריה הינה בעולמות העיצוב, אבל הספריה נותנת מספר פקדים בסיסיים אשר מעוצבים בסגנון של הספרייה. הקוד שלהם מבוסס jQuery כך שכדי לעבוד צריך לצרף את ספריית jQuery, יש כעשרה פקדים שונים, נכיר כאן אחד מתוכם, הרעיון של השאר הינו דומה תוכלו לעבור על סוגי הפקדים השונים כאן. הפקד הראשון שנכיר הינו פקד של modal, אנחנו רוצים לקבל את התוצאה הבאה   מה שמייחד את הפקדים של הספרייה שברובם לא צריך לכתוב באמת JS אלא...
אין תגובות

Copy Source As HTML–For 2015 and 2107

4 באפריל 2017

  לא יודע אם שמתם לב, אבל בשנה האחרונה לא כתבתי הרבה פוסטים, למעשה התדירות ירדה לאחד לכמה חודשים. הסיבה לכך לא קשורה לחוסר רצון שלי, אלא לבעייה מצחיקה שלא מצאתי תוסף נורמלי להעתקת קוד מתוך Visual Studio 2015 ומעלה כ – Html. או שהתוספים תמכו עד גרסת 2013, או שהם השתמשו עם תגית pre שעשתה כאילו היא העתיקה את התוכן, אבל לאחר הדבקה הרבה פעמים העיצוב היה נמחק (בעיקר כאשר הייתי עובר למצב עריכה) אתמול החלטתי שנמאס לי וכתבתי תוסף כזה בעצמי. (תוכלו להוריד את קוד המקור מכאן, ואת התוסף מכאן) אז לכתוב תוסף שמוסיף לחצן בתפריט זה...
2 תגובות

איך לאפשר התחברות מרחוק לשרת SQL

21 בדצמבר 2016

נגיד שיש לכם מכונה (פיזית או וירטואלית) משלכם ואתם רוצים לאפשר התחברות מרחוק לבסיסי הנתונים.   השלבים הרלוונטים: הגדרת חומת האש הגדרת בסיס הנתונים הוספת משתמש התחברות מרחוק   שלב ראשון: יש לפתוח את ההגדרות בחומת האש (בהנחה שיש לכם רק את חומת האש הסטנדטרטית של מערכת ההפעלה), כדי לעשות זאת תצטרכו לעשות את השלבים הבאים: הריצו את הפקודה הבאה -  WF.msc תחת Windows Firewall with Advanced Security בצד שמאל תלחצו על Inbound Rules ואז על New Rule.   בחלון שייפתח יש לבחור ב – Port ולאחר מכן ללחוץ על Next   בשלב הזה יש לבחור...
תגובה אחת

Bootstrap – המדריך – פרק 12 – שונות אודות טפסים

11 בדצמבר 2016

לתוכן העניינים   בפרק הקודם למדנו על טפסים אופקיים, בפוסט הנוכחי נלמד על אלמנטים נוספים מעניינים שאפשר לעשות בעזרת הספרייה. נרצה להכיר את היכולות הבאות: להציג ויזואלית את המצב של הפקד (האם יש שגיאה, האם יש בעייה וכדו’) להפוך אלמנט ל – disabled. להציג אייקונים על תיבת הטקסט להצמיד לחצנים ליד תיבת הטקסט   כדי לשנות את הוזיואליות של אלמנט, יש לתת ל – form-group הרלוונטי, את המחלקה המתאימה (has-success, has-error, has-info וכו’), התוצאה תהיה כזו:   שימו לב שגם ה – label וגם ה – help-block קיבלו את הצביעה הנכונה. Code Snippet <div class="form-group has-error"> <label class="control-label">User Name</label> <input type="text" class="form-control" /> <span class="help-block">Bla bla bla bls</span> </div> <div class="form-group has-success"> <label class="control-label">User...
אין תגובות

מדריך אנגולר 2, פרק 4 – Multiple Components

28 בספטמבר 2016

לתוכן העניינים.   בפרק הקודם נכנסנו קצת יותר לעומק של הספרייה, למדנו על ngFor, ngIf, ngModel, עבדנו עם אירועים ועם מחלקות. בשיעור היום נלמד על הדברים הבאים: הצגת יותר מ – Component אחד במסך. תקשורת בין שני Components נכיר את המושג של Input   הורדת קוד המקור, עד (כולל) פרק 4.   נתחיל. נכון לעכשיו יש לנו בתוך ה – app.component שני חלקים, צד ימין שמציג את כל הרשימה, וצד שמאל שמציג מישהו בודד (מתוך הרשימה, ומאפשר לערוך אותו). אנחנו רוצים לחלק כל אחד מהם ל – Component נפרד, השלבים שלנו הם כדלהלן: להוציא...
4 תגובות

מדריך אנגולר 2, פרק 3 – Master/Detail

27 בספטמבר 2016

לתוכן העניינים   בפרק הקודם התחלנו להעמיק קצת יותר לתוך הספריה, ולמדנו איך עושים binding דו כיווני, וכיצד מפרידים בעזרת templateUrl בין קובץ התצוגה לבין קובץ הלוגיקה.   בפרק היום נלמד על: הוספת מספר Heroes נוספים. הצגה של הרשימה קצת עיצוב אף פעם לא יזיק הצגת המידע בתנאים מסויימים הוספת אירועים   בשלב ראשון נרצה להציג יותר מ – hero בודד, ולכן נגדיר מערך של heroes (בהמשך הרשימה תגיע מהשרת, לעת עתה hatd code), נוסיף את הקוד הבא בתחתית הקובץ app.component.ts. Code Snippet const HEROES: Hero = [    { id: 11, name:...
2 תגובות

מדריך אנגולר 2, פרק 2 – The Hero Editor

26 בספטמבר 2016

לתוכן העניינים בפרק הקודם התחלנו ללמוד איך יוצרים פרויקט ראשון שיציג לנו תוכן HTML כלשהו, הוספנו את הספריות האלוונטיות, כתבנו קודים בשפת typescript, בסופו של קוד, החלק החשוב (שבו נתמקד היום) היה קובץ שנקרא app.component.ts שבו כתבנו את הקוד הבא: Code Snippet import { Component } from '@angular/core'; @Component({    selector: 'my-app',    template: '<h1>My First Angular App</h1>'})export class AppComponent { } המאפיין selector גורם לכך שכאשר בדף ה – html יהיה את התוכן <my-app> ייכנס במקומו התוכן שמוגדר על ה – template, ויווצר מופע של המחלקה AppComponent.   בפרק היום נלמד על הדברים הבאים: נראה כיצד...
3 תגובות

מדריך אנגולר 2, פרק 1 – התחלת העבודה

25 בספטמבר 2016

לתוכן העניינים.   בפרק זה נלמד על הדברים הבאים: כמה מילים על סביבת העבודה (IDE) הסבר על שפת הפיתוח (Type script) יצירת פרויקט ראשון (Hello World) הוספת הקבצים הרלוונטיים. (עם טיפה הסבר על כל אחד מהם) הסבר על החלקים המינימליים ביותר שצריך לכתוב. הרצת הפרויקט   כמה מילים על סביבת העבודה בדרך כלל אני עובד עם Visual Studio 2015, בהקשר זה חשוב לציין, שנכון להיום - עבודה עם Visual Studio קצת פחות נוחה (אני מאמין שבהמשך הם יפתרו את כל הבעיות), אז כרגע לפעמים אני עובד עם Web Storm.   הסבר על...
6 תגובות