🤙🏻 🍍 🕕 हम "होम बजट" विकसित कर रहे हैं। भाग 1 🧖🏽 🕢 ✌🏽

यह आलेख एक संभावित श्रृंखला का पहला भाग है जो शुरुआत से ही WP7 पर आपके घर के बजट को आसानी से प्रबंधित करने के लिए एक एप्लिकेशन बनाने की प्रक्रिया का वर्णन करेगा। इसी समय, विभिन्न प्रकार के एपीआई और प्लेटफ़ॉर्म क्षमताओं का उपयोग उनके कवरेज को अधिकतम करने के लिए विकास में किया जाएगा। इसी समय, कार्यक्रम बिल्कुल प्रयोग करने योग्य होगा (इसमें कम से कम एक स्थायी उपयोगकर्ता होगा), और शैक्षणिक उद्देश्यों के लिए विशेष रूप से उपयोग किए जाने वाला कोई कचरा नहीं होगा।

आवेदन के प्रकार की पसंद इस तथ्य के कारण है कि मैंने बाज़ार में जो पहला कार्यक्रम खरीदा था वह सिर्फ एक बजट था, लेकिन इसके लिए कोई योजना नहीं है, और कुछ उपयोगी कार्य (उदाहरण के लिए, स्काईड्राइव, आदि के लिए स्वचालित बैकअप)।

विकास के सिद्धांत

कार्यक्षमता को धीरे-धीरे बढ़ाया जाएगा, 10-14 दिनों तक चलने वाले छोटे पुनरावृत्तियों में, जिनमें से 3-5 दिनों को पिछले संस्करण को चलाने के लिए आवंटित किया जाता है, मंथन के लिए 1 दिन और बाकी की योजना, परीक्षण और लेख के डिजाइन के कार्यान्वयन के लिए।

चूंकि मैं एक समान उपयोगिता के बजाय हर दिन बनाए गए एप्लिकेशन का उपयोग करने की योजना बना रहा हूं, इसलिए कार्यक्षमता में वही होना चाहिए जो आवश्यक है, और ऐसा नहीं है जो लिखना आसान हो।

पहला पुनरावृत्ति: योजना

सबसे पहले, हमें लेन-देन जोड़ने में बहुत सक्षम होना चाहिए और कम से कम बुनियादी श्रेणियां होनी चाहिए, क्योंकि अन्यथा एक छोटा कचरा बिन एक सप्ताह के उपयोग में बन जाएगा, जिसे कोई खोलना भी नहीं चाहता है।
इस लेख में हम एक विस्तृत (शायद बहुत अधिक) डेटाबेस बनाने की प्रक्रिया और श्रेणियों को जोड़ने की प्रक्रिया को देखेंगे। हम लेन-देन को जोड़ने की प्रक्रिया पर विचार नहीं करेंगे क्योंकि यह श्रेणियों के साथ काम करने के लिए लगभग 100% समान है और इसका विचार लेख को बहुत बड़े आकार में ले जाएगा। इसके अलावा, हम श्रेणियों को संपादित करने की प्रक्रिया पर विचार नहीं करेंगे, लेकिन काम के मॉडल को देखते हुए, इसमें + - 10 मिनट लगेंगे।
यदि आवश्यक हो, तो इन विषयों को अगले लेख में संक्षिप्त रूप से कवर किया जा सकता है या छोड़ दिया जा सकता है।

तदनुसार, हम इस तरह के सवालों पर विचार करेंगे:

WP7 विकास बुनियादी बातों
~~मेट्रो की कुछ मूल बातें~~ ^[1]
SQLCE डेटाबेस के साथ काम करना और कोड-प्रथम के सिद्धांत पर एक मॉडल बनाना

आवश्यक शर्तें

.NET और C # का मूल ज्ञान
विंडोज फोन एसडीके 7.1
विंडोज फोन टूलकिट के लिए सिल्वरलाइट ( नवंबर 2011 संस्करण)
फोन के लिए प्रिज्म मैंगो ^{[2] के} लिए अपडेट किया गया

विकास: एक डेटाबेस बनाना

यदि कोई व्यक्ति इस लेख को एक पाठ के रूप में उपयोग करना चाहता है, तो प्रत्येक तार्किक रूप से पूरा होने और अधिक या कम महत्वपूर्ण चरण के बाद, परिणामों के साथ संग्रह का एक लिंक दिया जाएगा। SkyDrive पर सभी स्रोत । अतीत के मामलों में कटौती के मामले में अलग-अलग फाइलें प्रस्तुत की जाएंगी

।

आवेदन की संरचना का चयन, मैं मुख्य रूप से परियोजनाओं द्वारा किए गए कार्यों के तार्किक पृथक्करण पर ध्यान केंद्रित करता हूं। इन विचारों के आधार पर, डेटाबेस और सभी प्रकार के डेटा का वर्णन बनाने के लिए, हम एक अलग प्रोजेक्ट बनाते हैं, जिसे Entities कहा जाता है, System.Data.Linq और Microsoft.Practices.Prism को References में जोड़ना न भूलें। यहाँ समाधान ।

तुरंत एक आरक्षण करें - लेनदेन की अवधारणा से मेरा मतलब है कि वित्तीय लेनदेन, डेटाबेस में लेनदेन नहीं है।
डेटाबेस बनाते समय, हम कोड-प्रथम दृष्टिकोण ^{[3] का} उपयोग करेंगे। आज के कार्य के लिए, हम दो संपूर्ण तालिकाओं - लेन-देन और श्रेणियों से संतुष्ट हैं। दो खाली टेबल बनाएं और उन्हें डेटाबेस में जोड़ें।

Transaction.cs

[Table(Name = "Transactions")] public class Transaction : NotificationObject

Category.cs

 [Table(Name = "Categories")] public class Category : NotificationObject

Database.cs

 public class Database : DataContext { private static string DBConnectionString = "Data Source=isostore:/Database.sdf"; public Database() : base(Database.DBConnectionString) { this.DeferredLoadingEnabled = true; } public Table<Bick.Budget.Entities.Categories.Category> Categories; public Table<Bick.Budget.Entities.Transactions.Transaction> Transactions; }

डेटाबेस गुणों में तालिकाओं बनाने के बारे में भी न सोचें और न ही फ़ील्ड। जनता के लिए गुणों का उपयोग करने की शैलीगत आदत के कारण, मैंने लगभग एक घंटे तक यह समझने की कोशिश की कि डेटाबेस आखिर काम क्यों नहीं करता है।
यहां, लेन-देन और श्रेणियां भविष्य में UI के साथ सामान्य बातचीत के लिए प्रिज़्म में परिभाषित NotificationObject को विरासत में लेती हैं। वैसे, हम विकसित होने पर MVVM पैटर्न का उपयोग करते हैं।
डेटाबेस कंस्ट्रक्टर में, डेटाबेस से संबंधित ऑब्जेक्ट के स्वचालित लोडिंग को अक्षम करने के लिए DefferedLoadingEnabled फ्लैग सेट करें। यह आवश्यक होगा - हम अलग से संकेत देते हैं।
हम तालिकाओं की सामग्री के गठन के लिए आगे बढ़ते हैं। नतीजतन, हमें कुछ इस तरह से मिलना चाहिए:

Transaction.cs पर हाइलाइट्स

 [Column(IsPrimaryKey = true)] public Guid ID { ... } ... private EntityRef<Categories.Category> category; [Association(Name = "FK_Transactions_Category", Storage = "category", ThisKey = "CategoryID", IsForeignKey = true)] public Categories.Category Category { get { return this.category.Entity; } set { Categories.Category previousValue = this.category.Entity; if (((previousValue != value) || (this.category.HasLoadedOrAssignedValue == false))) { if ((previousValue != null)) { this.category.Entity = null; previousValue.Transactions.Remove(this); } this.category.Entity = value; if ((value != null)) { if ((value.AddedTransactions == null) || (!value.AddedTransactions.Contains(this))) { value.Transactions.Add(this); } this.CategoryID = value.ID; } else { this.category = new EntityRef<Categories.Category>(); } this.RaisePropertyChanged(() => this.Category); } } }

आईडी पैरामीटर टेबल कॉलम और प्राथमिक कुंजी है। शेष कॉलम भी कॉलम विशेषता द्वारा निर्दिष्ट किए गए हैं। आप msdn पर विशेषता-आधारित मानचित्रण के बारे में अधिक पढ़ सकते हैं।
श्रेणी के साथ श्रेणीबद्ध करने के लिए श्रेणी के लिए श्रेणी जिम्मेदार हैं, और इस उदाहरण में हमने विदेशी कुंजी FK_Transactions_Category बनाया है। फूला हुआ सेटर का कारण यह है कि जब आप किसी मूल श्रेणी में लेन-देन करते हैं, तो हमें पिछले मूल श्रेणी से लेनदेन को हटाना होगा और इसे नए में जोड़ना होगा। मोटे तौर पर बोल - EF से नेविगेशन संपत्ति। बदले में श्रेणी इसे लागू करने के लिए न्यूनतम कोड का उपयोग करती है।

Category.cs

 public EntitySet<Transactions.Transaction> Transactions { get { if (this.transactions == null) { this.transactions = new EntitySet<Transactions.Transaction>(); this.transactions.CollectionChanged += new System.Collections.Specialized.NotifyCollectionChangedEventHandler(this.OnTransactionsChanged); } return this.transactions; } ... } ... private void OnTransactionsChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e) { this.AddedTransactions = e.NewItems; foreach (Transactions.Transaction t in e.NewItems) { t.Category = this; } this.AddedTransactions = null; this.RaisePropertyChanged(() => this.Transactions); }

वास्तव में, श्रेणी में हम उस स्थिति को पकड़ते हैं जब कोई श्रेणी लेनदेन को नहीं सौंपी जाती है, लेकिन श्रेणी में लेनदेन की सूची में एक नया तत्व जोड़ा जाता है।
आधार तैयार है। स्काईड्राइव पर समाधान ।

विकास: एक यूआई बनाएँ

शेल प्रोजेक्ट हमने एक विंडोज फोन एप्लीकेशन के रूप में बनाया, अर्थात, इस स्तर पर हम पिवट / पैनोरमा जैसे नियंत्रणों का उपयोग नहीं करेंगे। आवेदन के साथ उपयोगकर्ता बातचीत निम्नलिखित योजना के अनुसार लगभग घटित होगी:

बनाने के लिए, हमने स्केचफ्लो के साथ एक्सप्रेशन ब्लेंड का उपयोग किया (निशुल्क एसडीके में शामिल नहीं) और WP7 के लिए स्केचफ्लो टेम्पलेट (कोडप्लेक्स)

हम इन स्क्रीन को निम्न दृश्य में तोड़ेंगे: नया / संपादित लेनदेन, नई / संपादित श्रेणी, श्रेणियाँ सूची, लेन-देन सूची, और लेनदेन के साथ काम करने के लिए जिम्मेदार हिस्सा एक अलग परियोजना में स्थानांतरित किया जाता है। स्काईड्राइव पर समाधान ।

सबसे पहले, हमें श्रेणियों की सूची देखने और श्रेणियों को जोड़ने की कार्यक्षमता को लागू करने की आवश्यकता है। इसके बारे में कुछ खास नहीं है, लेकिन जैसा कि हम प्रदर्शन पर ध्यान केंद्रित करने की कोशिश करते हैं, हमें अपने डेटाबेस को थोड़ा परिष्कृत करने की आवश्यकता होगी। तथ्य यह है कि श्रेणियों की एक सूची को देखने के दौरान हम कुछ भी संपादित नहीं करने जा रहे हैं - हमें बस जितनी जल्दी हो सके श्रेणियों की एक सूची प्राप्त करने की आवश्यकता है। ऐसा करने के लिए, हम Database.cs में ऐसा संशोधन करेंगे:

 public Database(bool isReadOnly = false) : base(Database.DBConnectionString) { if (!this.DatabaseExists()) { this.CreateDatabase(); } this.DeferredLoadingEnabled = true; this.ObjectTrackingEnabled = !isReadOnly; }

इस प्रकार, isReadOnly == सच के साथ, हम परिवर्तनों के लिए संदर्भ वस्तुओं की ट्रैकिंग बंद कर देते हैं, जो औसतन साधारण पढ़ने की गति को 10 गुना से अधिक बढ़ा देता है।

UI बनाते समय, हम जिन समस्याओं का सामना कर रहे हैं, उनमें से कोई भी ApplicationBarButton (हमें कमांड के लिए बाध्य करने के लिए इसकी आवश्यकता है) के साथ व्यवहार करने में असमर्थता है। Prism.Interactions में DependencyProperty ApplicationBarButtonCommand है लेकिन किसी कारण से यह मेरे काम नहीं आया। इसलिए, मुझे काफी सुविधाजनक AppBarUtils लाइब्रेरी का उपयोग करना पड़ा।
CategoriesView.xaml से दिलचस्प क्षण

 <phone:PhoneApplicationPage xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:appbar="clr-namespace:AppBarUtils;assembly=AppBarUtils"> … <phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar IsVisible="True" IsMenuEnabled="False" Mode="Default"> <shell:ApplicationBarIconButton IconUri="/icons/appbar.add.rest.png" Text="add new"/> </shell:ApplicationBar> </phone:PhoneApplicationPage.ApplicationBar> <i:Interaction.Behaviors> <appbar:AppBarItemCommand Id="add new" Command="{Binding Path=AddCategoryCommand}"/> </i:Interaction.Behaviors>

सबसे अधिक बार, बटन की क्रियाएं एप्लिकेशन के अन्य पृष्ठों में संक्रमण होंगी और हमें व्यूमॉडल से नेविगेशन के साथ काम करने के लिए एक सुविधाजनक तंत्र बनाने की आवश्यकता है। एक सुविधाजनक और अपेक्षाकृत परिचित (मैंने एक बार डेस्कटॉप एमवीवीएम के साथ एक समान आधार पर काम किया था), विधि यहां वर्णित है । हम ApplicationController क्लास बनाकर अपने कॉमन प्रोजेक्ट में एक समान सिद्धांत लागू करते हैं। इसके अलावा, हमारे दृश्य के सभी को ज्ञात श्रेणी स्थिर वर्ग में परिभाषित किया जाएगा:

 public static class KnownPages { public const string AddCategory = "/Views/CategoryAddEditView.xaml?mode=Add"; public const string EditCategory = "/Views/CategoryAddEditView.xaml?mode=Edit&id={0}"; public const string ListCategories = "/Views/CategoriesView.xaml"; public const string CategoryDetails = "/Views/CategoryDetailsView.xaml?id={0}"; }

, ApplicationController से एक NavigateTo () (मूल में बहुत कुछ नहीं बचा है) इस तरह दिखेगा

 public void NavigateTo(string url, params object[] data) { Uri address = new Uri(String.Format(url, data), UriKind.Relative); PhoneApplicationFrame root = Application.Current.RootVisual as PhoneApplicationFrame; root.Navigate(address); }

अब, चूंकि हम पैरामीटर मोड = AddEdit पृष्ठ में जोड़ते हैं, इसलिए हमें ViewModel में नेविगेशन ईवेंट को पकड़ने और स्ट्रिंग से डेटा प्राप्त करने की आवश्यकता है। दुर्भाग्य से, फिलहाल मैं CodeBehind'e में OnNavigatedTo विधि को ओवरराइड करने और ViewModel में संबंधित विधि को कॉल करने के विकल्प पर बस गया।
CategoryAddEditView.xaml.cs :

 protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e) { base.OnNavigatedTo(e); ((CategoryAddEditViewModel)this.DataContext).OnNavigatedTo(this.NavigationContext, this.NavigationService.BackStack.First()); }

जैसा कि आप कोड से देख सकते हैं, हम न केवल नेविगेशन संदर्भ (जहां यह पृष्ठ पते से मापदंडों को बाहर निकालना सुविधाजनक है) को प्रसारित करते हैं, बल्कि उस पृष्ठ को भी जिसके साथ हम वर्तमान में स्विच करते हैं।
अब श्रेणी जोड़ने की प्रक्रिया को लागू करने की बारी है। सादा दृश्य और सादा दृश्यमॉडल। लेकिन दो हैं लेकिन। सबसे पहले, हम संपादन श्रेणियों के लिए क्रमशः एमवी-वीएम का उपयोग करेंगे (यह होमवर्क होगा), नेविगेशनकोटेक्स्ट से हम प्राप्त करते हैं और मोड पैरामीटर को संसाधित करते हैं। दूसरा यह है कि TextBox के लिए WP7 में, संपत्ति का मूल्य बदलना केवल तब होता है जब तत्व फोकस खो देता है। मूल तरीकों से, इसे लागू नहीं किया जाता है, इसलिए इसके लिए हम प्रिज्म का उपयोग करते हैं (CategoryAddEditView.xaml फ़ाइल):

 xmlns:prism="clr-namespace:Microsoft.Practices.Prism.Interactivity;assembly=Microsoft.Practices.Prism.Interactivity" ... <TextBox TextWrapping="Wrap" Text="{Binding Path=Category.Name, Mode=TwoWay}"> <i:Interaction.Behaviors> <prism:UpdateTextBindingOnPropertyChanged /> </i:Interaction.Behaviors> </TextBox>

किसी श्रेणी को बचाने की प्रक्रिया इस प्रकार है:
CategoryAddEditViewMode.cs

 public void SaveCategory() { if (!this.isEditMode) { this.model.AddCategory(this.Category); ApplicationController.Default.GoBack(); } }

आपको किस पर ध्यान देना चाहिए - हम श्रेणियाँ दृश्य पृष्ठ पर नहीं जाते हैं, लेकिन पिछले पृष्ठ पर लौटते हैं। यह एप्लिकेशन के अंदर ऐसे बदलावों पर ध्यान देने योग्य है, ताकि उपयोगकर्ता खुद को एक नुकसान में न पाए, जहां उसे बैक बटन पर क्लिक करने के बाद उम्मीद थी।
CategoryAddEditModel.cs में, इस तरह से बचत होती है:

 public void AddCategory(Category cat) { using (Database db = new Database()) { db.Categories.InsertOnSubmit(cat); db.SubmitChanges(); } }

यह देखा जा सकता है कि कोई जाँच और सत्यापन नहीं है - और यह बुरा है। लेकिन पहले लेख के लिए, पहले से ही काफी सामग्री है, और अब हमारे लिए मुख्य कार्यक्षमता खत्म करना और कार्यक्रम का उपयोग शुरू करना अधिक महत्वपूर्ण है - हम बाकी लेखों के बीच या निम्नलिखित में करेंगे।
जब आप श्रेणियों की सूची पर लौटते हैं, तो View और ViewModel को पुन: असाइन नहीं किया जाता है, इसलिए जब सूची पृष्ठ से ऐड पेज पर स्विच किया जाता है, तो हम IsReloadPending ध्वज को सेट करेंगे और इसे संसाधित करेंगे और इसे फिर से रीसेट करेंगे।
श्रेणियाँदृश्यमॉडल :

 private void AddCategory() { this.isReloadPending = true; ApplicationController.Default.NavigateTo(KnownPages.AddCategory); } public void OnNavigatedTo(NavigationContext context, JournalEntry lastPage) { if (this.isReloadPending) { this.isReloadPending = false; this.Categories = this.model.GetCategoriesList(); } }

परिणाम

आज हमें WP7 के साथ काम करने के लिए सभी आवश्यक उपकरण मिल गए, डेटाबेस के साथ काम करने का परीक्षण किया, कार्यक्रम के आगे विकास के लिए मंच निर्धारित किया और विंडोज फोन के लिए प्रोग्रामिंग प्रौद्योगिकियों को सीखना। हमने कुछ जामों (एप्लीकेशनबार, टेक्स्टबॉक्स) का भी सामना किया और उन्हें पछाड़ दिया।
हां - हमें उपयोग के लिए तैयार एक कार्यक्रम नहीं मिला (सिर्फ एक डेटा कलेक्टर के रूप में), लेकिन हमें इस स्तर पर अलग करने में लगभग 1-2 घंटे लगते हैं। कौन परवाह करता है - वे खुद इसे आजमाएंगे। स्काईड्राइव पर समाधान ।

साथ ही, C # से परिचित लोगों को यह समझना चाहिए कि Microsoft का मोबाइल प्लेटफॉर्म सीखने के लिए काफी सरल है और आसानी से स्वतंत्र रूप से महारत हासिल की जा सकती है।

उसी समय, मुझे एहसास हुआ कि एक समान लेख लिखने में बहुत समय लगता है। लेख को एप्लिकेशन के लेखन के साथ समानांतर में एक डायरी प्रारूप में लिखा गया था।

आगे की योजना

निम्नलिखित लेख में, मैं इस पर विचार करना चाहूंगा:

माध्यमिक टाइल निर्माण प्रक्रिया
अनुप्रयोग लॉन्च अनुकूलन
स्केचफ्लो में एक एप्लिकेशन का प्रोटोटाइप

हम "होम बजट" विकसित कर रहे हैं। भाग 1